@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--panel:#183934ee;--panel-soft:#234740df;--line:#e7d8a275;--gold:#efd38a;--text:#f6f4df;--muted:#d3dbc8}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden;background:#112826;color:var(--text);font-family:Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 45%,rgba(5,18,18,.08) 72%,rgba(5,18,18,.22) 100%),linear-gradient(to bottom,rgba(255,245,223,.07),transparent 28%)}.topbar{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;gap:16px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;text-shadow:0 2px 10px #17352b66}.crest{background:linear-gradient(135deg,#d7ad5b,#ffea99);color:#355742;border:3px solid #fff7c4;border-radius:16px;display:grid;place-items:center;width:52px;height:52px;font-size:30px;box-shadow:0 4px 18px #2b443b44}.brand strong{display:block;font:700 23px Cinzel,Georgia,serif;letter-spacing:2px}.brand small{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.alpha{font-size:9px;color:#e5dfab;margin-left:5px}.resources{display:flex;gap:8px;margin-left:auto}.resource{display:flex;align-items:center;gap:9px;min-width:104px;background:#14312dd4;border:1px solid #e7d69a55;padding:9px 14px;border-radius:14px;box-shadow:0 5px 18px #18372e2b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.resource>span{font-size:25px}.resource b{display:block;font-size:19px;font-variant-numeric:tabular-nums}.resource small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.circle-button{background:#1e463eaf;border:1px solid #ffffff65;color:#fff;width:43px;height:43px;border-radius:50%;font-size:23px}.circle-button:hover{background:#28574fef}.welcome{position:absolute;top:22%;left:5.5%;width:min(450px,86%);padding:32px;background:linear-gradient(135deg,#173b35ef,#173b35d0);border:1px solid #dfd49b91;border-radius:24px;box-shadow:0 18px 70px #071e204e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .4s,opacity .4s}.welcome.dismissed{opacity:0;transform:translateY(30px);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:3px;color:#e9d996;font-weight:700}.welcome h1,.help-card h2{font:600 38px Cinzel,Georgia,serif;margin:12px 0;color:#fff6d9;line-height:1.2}.welcome p{font-size:15px;color:#e4ecda;line-height:1.7;margin:0}.primary{padding:13px 19px;border-radius:12px;background:linear-gradient(135deg,#eed58e,#bc9352);border:1px solid #ffe9a0;color:#21392b;font-weight:800;box-shadow:0 4px #705c39;display:inline-flex;gap:28px;align-items:center;margin-top:16px}.primary:hover{filter:brightness(1.06)}.location{position:absolute;top:95px;left:28px;background:#1e463fba;border:1px solid #ffffff44;border-radius:14px;padding:10px 15px;letter-spacing:1.1px;font-size:11px;font-weight:700}.location-dot{display:inline-block;background:#a8df82;width:8px;height:8px;border-radius:50%;margin-right:5px}.divider{padding:0 8px;color:#eac87f}.quest-panel{position:absolute;top:146px;left:28px;width:min(360px,86vw);background:linear-gradient(140deg,#173a34f8,#14302bf6);border:1px solid #dbc68896;border-radius:18px;padding:14px 15px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 28px #0619175f}.quest-header small{display:block;font-size:9px;letter-spacing:2px;color:#dccd9e}.quest-header strong{display:block;font:600 20px Cinzel,Georgia,serif;margin:2px 0 10px}.quest-list{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow:auto;padding-right:4px}.quest{background:#ffffff0c;border:1px solid #efdda441;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.quest.active{border-color:#f6e29a88;background:#f0dea10d;box-shadow:inset 0 0 0 1px #ffffff09}.quest.done{opacity:.78}.quest-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.quest-title{font-weight:700;font-size:14px}.quest-state{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;padding:3px 8px;border-radius:999px;border:1px solid #ffffff30;background:#ffffff10;color:#f4eabf;white-space:nowrap}.quest.done .quest-state{background:#85c58722;border-color:#91d69455;color:#b8f0ba}.quest p{margin:0;font-size:12px;color:#dbe4d0;line-height:1.5}.quest-progress{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#ead6a0}.quest-bar{height:8px;border-radius:999px;background:#0d2522;overflow:hidden;border:1px solid #ffffff14}.quest-fill{height:100%;background:linear-gradient(90deg,#9bd882,#efd88f);width:0%}.reward{font-size:11px;color:#cfe0c7}.toast{position:absolute;left:50%;top:130px;transform:translate(-50%) translateY(-10px);opacity:0;transition:.24s;pointer-events:none;background:#1a4035f5;border:1px solid #f2d991;border-radius:12px;padding:12px 22px;box-shadow:0 5px 22px #12392c55;font-size:14px;z-index:8;text-align:center;max-width:min(90vw,500px)}.toast.shown{opacity:1;transform:translate(-50%) translateY(0)}.bottom{position:absolute;bottom:24px;left:26px;right:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;pointer-events:none}.bottom>*{pointer-events:auto}.action-panel{width:min(495px,100%);background:linear-gradient(140deg,#1d413cfa,#19362ff5);padding:16px 18px 18px;border:1px solid #dcc78b9c;border-radius:19px;box-shadow:0 9px 30px #071a1759}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.panel-header small{display:block;font-size:9px;color:#d5c392;letter-spacing:2px}.panel-header strong{display:block;font:600 21px Cinzel,Georgia,serif}.panel-header>span{font-size:11px;color:#d0dabd}.buildings{display:flex;gap:9px}.build-item{flex:1;min-width:0;background:#e6e6c70f;border:1px solid #eddda34a;color:#fff;padding:10px 5px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:.18s}.build-item:hover,.build-item.active{background:#c4ba7855;border-color:#e8d99e;transform:translateY(-1px)}.build-emoji{font-size:26px}.build-item strong{display:block;font-size:11px}.build-item small{font-size:10px;color:#f0dda1}.tips{max-width:410px;background:#1a3b35d9;border:1px solid #f4eac044;padding:15px;border-radius:14px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#e5ecd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tips b{font-size:14px}.mode-hint{color:#edd391;margin-top:3px}.overlay{position:absolute;inset:0;background:#091d1bbd;display:grid;place-items:center;z-index:12;padding:20px}.hidden{display:none}.help-card{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#214238;border:1px solid #efdaa3;border-radius:20px;padding:32px;box-shadow:0 20px 80px #0008}.help-card h2{font-size:28px}.help-card p,.help-card li{line-height:1.7;font-size:14px}.help-card ul{padding-left:22px}.close{position:absolute;right:15px;top:13px;border:none;background:none;color:#fff;font-size:23px}.loading{position:absolute;inset:0;background:linear-gradient(140deg,#244e43,#17372f);z-index:40;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:opacity .5s}.loading.hidden-load{opacity:0;pointer-events:none}.loading-symbol{font-size:62px;color:#e5d492;animation:breathe 1.5s infinite alternate}.loading b{font:600 29px Cinzel,Georgia,serif;letter-spacing:4px}.loading small{letter-spacing:2px}@keyframes breathe{0%{transform:scale(.85);opacity:.65}to{transform:scale(1.1);opacity:1}}@media(max-width:980px){.quest-panel{inset:auto 10px 148px;width:auto;max-height:180px}.quest-list{max-height:112px}}@media(max-width:850px){.topbar{top:10px;left:10px;right:10px;gap:7px}.brand strong{font-size:15px;letter-spacing:1px}.crest{width:38px;height:38px;font-size:22px}.brand small{font-size:8px}.resources{gap:3px}.resource{padding:6px;min-width:52px;gap:3px}.resource>span{font-size:17px}.resource b{font-size:14px}.resource small{font-size:8px}.circle-button{width:31px;height:31px}.location{left:10px;top:65px;font-size:9px}.quest-panel{left:10px;right:10px;padding:12px;bottom:132px}.bottom{left:10px;right:10px;bottom:10px}.tips{display:none}.action-panel{padding:10px}.welcome{left:5%;top:18%;padding:22px}.welcome h1{font-size:29px}.build-item{padding:7px 3px}.build-item small{font-size:9px}}@media(max-width:370px){.resource small,.brand small,.crest{display:none}}.mode-switch{position:absolute;top:99px;right:27px;display:flex;gap:7px;padding:6px;background:#183934e8;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 25px #081d1a55;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-button{border:1px solid #ebdba75c;background:#ffffff13;color:#e8eddf;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:700}.mode-button.selected{background:#e7cf8b;color:#203d31;border-color:#fff2b9}.character-hud{position:absolute;right:27px;top:164px;display:flex;flex-direction:column;gap:7px;max-width:300px;padding:14px 16px;background:#173a34ed;border:1px solid var(--line);border-radius:15px;font-size:12px;box-shadow:0 8px 25px #081d1a55}.character-hud.hidden{display:none}.character-hud b{font:600 17px Cinzel,Georgia,serif;color:#f5e6b4}.character-hud span:last-child{color:#d9e2c7;line-height:1.5}body.walk-mode .action-panel{opacity:.72;pointer-events:none}@media(max-width:850px){.mode-switch{top:76px;right:10px}.mode-button{padding:7px 9px;font-size:11px}.character-hud{top:126px;right:10px;max-width:215px;padding:10px}.quest-panel{max-width:260px;inset:128px auto auto 10px}.quest-list{max-height:150px}}