:root{--gold:#f0d79a;--gold-dim:#b89b5e;--wood-dark:#1e140c;--wood:#3a2717;--wood-light:#5a3e24;--edge:#8a6a3a;--edge-soft:#8a6a3a8c;--text:#f3e6c8;--font:Georgia, "Times New Roman", serif;--bar:calc(40px + env(safe-area-inset-top));--gutter:12px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;overflow:hidden}#game canvas{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*>*,#ui>.minimap,#ui>.joystick,#ui>.photo-bar,#ui>.worldmap{pointer-events:auto}#ui .chat-log,#ui .toasts,#ui .compass,#ui .side-panels,#ui .side-panels *{pointer-events:none}[hidden]{display:none!important}#loading{color:var(--gold);text-shadow:0 2px 6px #000;background:radial-gradient(#0003,#000000bf),url(/og.jpg) 50%/cover,#000;place-items:center;font-size:22px;display:grid;position:fixed;inset:0}.topbar,.panel,.hint,.chat-form,.screen-card{background:linear-gradient(180deg, var(--wood-light), var(--wood) 45%, var(--wood-dark));border:2px solid var(--edge);box-shadow:inset 0 1px #ffe6aa40,0 2px 10px #0009}.btn{font:inherit;color:var(--gold);border:1px solid var(--edge);cursor:pointer;text-shadow:0 1px #000;white-space:nowrap;background:linear-gradient(#6b4a2a,#3b2814);border-radius:3px;padding:5px 12px;font-size:14px;line-height:1.2}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:default}.btn.danger{color:#ffb3a8}.link{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.muted{color:var(--gold-dim)}.res-icon,.ico{border:1px solid #0009;border-radius:3px;flex:none;width:16px;height:16px;display:inline-block;box-shadow:inset 0 1px #ffffff59}.res-wood .res-icon,.ico-wood{background:linear-gradient(135deg,#a0703c,#5b3a1a)}.res-food .res-icon,.ico-food{background:radial-gradient(circle at 35% 35%,#ff8a7a,#b5281c);border-radius:50%}.res-gold .res-icon,.ico-gold{background:linear-gradient(135deg,#ffe680,#c08a10)}.res-stone .res-icon,.ico-stone{background:linear-gradient(135deg,#e0e0e0,#7d7d7d)}.res-relics .res-icon{background:linear-gradient(135deg,#fff3b0,#d4a017);border-radius:2px 2px 6px 6px}.res-pop .res-icon{background:linear-gradient(135deg,#8fb0ff,#2d4fd8);border-radius:50% 50% 3px 3px}.chip{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.chip .ico{width:12px;height:12px}.chip.reward{color:#ffe680}@keyframes fade-in{0%{opacity:0}}.topbar{height:var(--bar);padding:env(safe-area-inset-top) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));border-width:0 0 2px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;font-size:15px;display:grid;position:absolute;top:0;left:0;right:0}.resources{align-items:center;gap:14px;min-width:0;display:flex;overflow:hidden}.res{color:var(--text);text-shadow:0 1px #000;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.age{color:var(--gold);letter-spacing:.04em;text-shadow:0 1px #000;white-space:nowrap;align-items:center;gap:10px;font-size:17px;display:flex}.age-btn{padding:3px 8px;font-size:12px}.age-btn.locked{opacity:.65}.age-bar{border:1px solid var(--edge);background:#0009;width:110px;height:10px}.age-bar-fill{background:linear-gradient(#ffe680,#c08a10);width:0;height:100%;transition:width .2s linear}.topbar-right{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.stat{white-space:nowrap;color:var(--gold-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px #000;text-overflow:ellipsis;overflow:hidden}.chat-log{top:calc(var(--bar) + 12px);left:max(var(--gutter), env(safe-area-inset-left));text-shadow:0 1px 2px #000,0 0 4px #000;flex-direction:column;gap:3px;max-width:min(560px,100vw - 320px);font-size:16px;display:flex;position:absolute}.chat-line{transition:opacity 1.5s}.chat-line.fade{opacity:0}.chat-name{font-weight:700}.chat-form{z-index:12;border-radius:4px;gap:6px;width:min(520px,100vw - 24px);padding:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.chat-input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#0000008c;border-radius:2px;outline:none;flex:1;padding:8px 10px;font-size:16px}.chat-send,.chat-cancel{display:none}.side-panels{top:calc(var(--bar) + 12px);right:max(var(--gutter), env(safe-area-inset-right));flex-direction:column;gap:8px;width:min(270px,46vw);display:flex;position:absolute}.quest{text-shadow:0 1px 2px #000;background:#140c04b8;border:1px solid #8a6a3acc;border-radius:4px;padding:8px 10px 9px}.quest-head{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);font-size:11px}.quest-text{margin:2px 0 6px;font-size:14px;line-height:1.3}.quest-bar{background:#0009;height:5px}.quest-fill{background:linear-gradient(90deg,#c08a10,#ffe680);width:0;height:100%;transition:width .3s}.toasts{top:calc(var(--bar) + 24px);flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 600px);min-width:300px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{text-align:center;text-shadow:0 2px 4px #000;background:radial-gradient(#140c04d9,#140c048c 70%,#0000);padding:8px 22px 10px;transition:opacity 1s;animation:.5s ease-out toast-in}.toast.fade{opacity:0}.toast-title{color:var(--gold);letter-spacing:.04em;font-size:24px}.toast-sub{color:var(--text);margin-top:2px;font-size:15px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}}.compass{width:0;height:0;position:absolute;top:50%;left:50%}.compass-arrow{border-left:16px solid var(--gold);filter:drop-shadow(0 0 3px #000);width:0;height:0;transform:rotate(var(--angle)) translate(var(--compass-r,min(30vw, 260px)), -9px);transform-origin:0 0;opacity:.9;border-top:9px solid #0000;border-bottom:9px solid #0000;position:absolute;top:0;left:0}.compass-label{white-space:nowrap;color:var(--gold);text-shadow:0 1px 2px #000,0 0 4px #000;transform:rotate(var(--angle)) translate(var(--compass-r,min(30vw, 260px)), 12px) rotate(calc(-1 * var(--angle))) translateX(-50%);transform-origin:0 0;font-size:13px;position:absolute;top:0;left:0}.hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;width:max-content;min-width:min(360px,100vw - 24px);max-width:min(560px,100vw - 600px);padding:10px 16px;font-size:16px;animation:.6s ease-out hint-in;display:flex;position:absolute;transform:translate(-50%)}.hint b{color:var(--gold)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}}.workshop-btn{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));padding:8px 18px;font-size:16px;animation:.4s ease-out hint-in;position:absolute;transform:translate(-50%);box-shadow:0 0 12px #ffc85073}.minimap{right:max(var(--gutter), env(safe-area-inset-right));bottom:max(var(--gutter), env(safe-area-inset-bottom));filter:drop-shadow(0 3px 8px #000);cursor:pointer;width:260px;height:130px;position:absolute}.joystick{left:max(24px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:radial-gradient(circle,#00000026,#00000073);border:2px solid #f0d79a8c;border-radius:50%;width:130px;height:130px;position:absolute}.joystick-knob{border:2px solid var(--gold-dim);pointer-events:none;background:radial-gradient(circle at 35% 35%,#8a6a3a,#3a2717);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0009}.actions{right:max(var(--gutter), env(safe-area-inset-right));bottom:calc(110px + env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute}.btn.round{touch-action:none;border-radius:50%;width:62px;height:62px;padding:0;font-size:13px}.btn.boost{background:linear-gradient(0deg, #ffaa288c var(--ready,100%), transparent var(--ready,100%)), linear-gradient(180deg, #6b4a2a, #3b2814)}.btn.boost.ready{box-shadow:0 0 10px #ffbe3cb3}body.chatting .joystick,body.chatting .actions,body.chatting .minimap,body.chatting .hint,body.chatting .workshop-btn,body.chatting .compass{display:none!important}.backdrop{z-index:9;background:#00000073;animation:.2s ease-out fade-in;display:none;position:absolute;inset:0}.hud:has(>.panel:not([hidden]))>.backdrop{display:block}.panel{z-index:10;top:calc(var(--bar) + 12px);width:min(520px,100vw - 24px);max-height:calc(100% - var(--bar) - 24px - env(safe-area-inset-bottom));border-radius:6px;flex-direction:column;animation:.15s ease-out fade-in;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.panel-head{align-items:center;gap:12px;padding:12px 12px 8px 18px;display:flex}.panel-titles{flex:1;min-width:0}.panel h2{color:var(--gold);letter-spacing:.05em;margin:0;font-size:22px;font-weight:400}.panel-sub{color:var(--gold-dim);margin-top:2px;font-size:13px}.panel-close{width:34px;height:34px;font:inherit;color:var(--gold);border:1px solid var(--edge-soft);cursor:pointer;background:#0000004d;border-radius:50%;flex:none;font-size:16px}.panel-close:hover{background:#00000080}.tabs{scrollbar-width:none;border-bottom:1px solid var(--edge-soft);flex:none;gap:4px;padding:0 14px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs>:first-child{margin-left:auto}.tabs>:last-child{margin-right:auto}.tab{font:inherit;color:var(--gold-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:7px 10px 6px;font-size:14px}.tab:hover{color:var(--gold)}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.panel-body{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:auto;gap:14px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.panel-foot{border-top:1px solid var(--edge-soft);background:#0000002e;flex-wrap:wrap;flex:none;justify-content:center;gap:8px;padding:10px 14px 12px;display:flex}.panel-foot:empty{display:none}.panel-section h3{color:var(--gold);letter-spacing:.03em;border-bottom:1px solid var(--edge-soft);margin:0 0 6px;padding-bottom:3px;font-size:15px;font-weight:400}.items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.item{background:#00000040;border:1px solid #8a6a3a59;border-radius:3px;align-items:center;gap:10px;padding:8px 10px;display:flex}.item.active{background:#503c0a4d;border-color:#ffd75e99}.item.done .item-name:after{content:" ✔";color:#9fe09f}.item.dim .item-name{color:var(--gold-dim)}.item-info{flex:1;min-width:0}.item-name{color:var(--gold);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px;display:flex}.item-name:empty{display:none}.item-desc{color:var(--gold-dim);margin-top:1px;font-size:12.5px;line-height:1.3}.item-meta{flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:13px;display:flex}.item-actions{flex:none;gap:6px;display:flex}.item-actions .btn{justify-content:center;align-items:center;gap:5px;min-width:72px;font-size:13px;display:inline-flex}.note{color:var(--gold-dim);padding:0 2px;font-size:13px;line-height:1.4}.note .chip{color:var(--text);margin-left:4px}.checklist,.places,.awards{margin:0;padding:0;font-size:14px;list-style:none}.checklist li{color:var(--gold-dim);padding:3px 0}.checklist li.done{color:var(--gold)}.places li{border-bottom:1px solid #8a6a3a2e;justify-content:space-between;gap:10px;padding:4px 0;display:flex}.places li span:last-child{text-align:right;white-space:nowrap}.awards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.awards li{color:var(--gold-dim);border:1px solid #8a6a3a40;border-radius:3px;padding:6px 8px;font-size:12px}.awards li.done{background:#503c0a40;border-color:#ffd75e80}.award-name{color:var(--gold-dim);font-size:14px}.awards li.done .award-name{color:var(--gold)}.stats{grid-template-columns:1fr auto;gap:3px 16px;margin:0;font-size:14px;display:grid}.stats dt{color:var(--gold-dim)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.setting{justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:14px;display:flex}.setting select,.setting input{font:inherit;color:var(--text);border:1px solid var(--edge);background:#00000080;border-radius:2px;width:55%;padding:5px 8px}.setting input[type=range]{accent-color:#c08a10;background:0 0;border:0;padding:0}.setting input[type=checkbox]{accent-color:#c08a10;width:20px;height:20px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0009;border-radius:4px;width:34px;height:34px;padding:0}.swatch.selected{border-color:var(--gold);box-shadow:0 0 6px var(--gold)}.button-row{flex-wrap:wrap;gap:8px;display:flex}.cheats,.legal{color:var(--gold-dim);margin:0;font-size:13px;line-height:1.6}.legal{text-align:center;font-size:12px}.cheats code{color:var(--text);font-family:inherit;font-style:italic}.screen{z-index:10;background:radial-gradient(#00000059,#000c);place-items:center;padding:16px;animation:.6s ease-out fade-in;display:grid;position:absolute;inset:0}.screen-card{text-align:center;border-radius:6px;width:min(420px,100%);padding:26px 34px;box-shadow:0 6px 40px #000}.screen-card h1{letter-spacing:.06em;color:var(--gold);text-shadow:0 3px #000;margin:0;font-size:54px;font-weight:400}.screen.defeat .screen-card h1{color:#d86a5a}.screen-card p{margin:4px 0 16px}.screen-card .stats{text-align:left;margin-bottom:18px}.worldmap{z-index:10;background:#000;animation:.25s ease-out fade-in;position:absolute;inset:0}.worldmap canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.worldmap-title{top:calc(14px + env(safe-area-inset-top));color:var(--gold);text-shadow:0 2px 4px #000;white-space:nowrap;pointer-events:none;background:#0009;border-radius:14px;padding:4px 14px;font-size:18px;position:absolute;left:50%;transform:translate(-50%)}.worldmap-close{top:calc(10px + env(safe-area-inset-top));right:max(var(--gutter), env(safe-area-inset-right));position:absolute}.photo-bar{top:calc(10px + env(safe-area-inset-top));right:max(var(--gutter), env(safe-area-inset-right));opacity:.6;gap:8px;display:none;position:absolute}.photo-bar:hover{opacity:1}body.photo .hud,body.photo .minimap,body.photo .joystick{display:none!important}body.photo .photo-bar{display:flex}.fade-black{z-index:50;pointer-events:none;background:#000;transition:opacity .5s;animation:.35s ease-out fade-in;position:fixed;inset:0}.fade-black.out{opacity:0}@media (pointer:coarse){.chat-form{top:calc(var(--bar) + 8px);bottom:auto}.chat-send,.chat-cancel{display:inline-block}.chat-cancel{width:40px;padding:0}body.chatting .chat-log{top:calc(var(--bar) + 70px)}body.chatting .side-panels,body.chatting .toasts{display:none}}@media (width<=1000px){.age-label,.age-btn .cost{display:none}.toasts{width:min(460px, calc(100vw - 2 * var(--gutter)));min-width:0;top:calc(var(--bar) + 150px)}.hint{max-width:calc(100vw - 2 * var(--gutter));bottom:calc(160px + env(safe-area-inset-bottom))}.chat-log{max-width:calc(54vw - 2 * var(--gutter))}}@media (width<=700px),(height<=500px){:root{--gutter:8px}.topbar{gap:8px;font-size:13px}.resources{gap:8px}.res{gap:3px}.res-icon{width:13px;height:13px}.topbar-right{gap:6px}.topbar-right .btn{padding:4px 9px;font-size:13px}.res-relics,.clock{display:none}.chat-log{top:calc(var(--bar) + 6px);max-width:calc(48vw - 2 * var(--gutter));font-size:13px}.chat-line:nth-last-child(n+5){display:none}.side-panels{top:calc(var(--bar) + 6px);gap:5px;width:min(210px,50vw)}.quest{padding:5px 8px 6px}.quest-head{font-size:10px}.quest-text{margin:1px 0 4px;font-size:12px}.toast{padding:6px 14px 8px}.toast-title{font-size:18px}.toast-sub{font-size:13px}.toast:nth-last-child(n+3){display:none}.hint{min-width:0;padding:8px 12px;font-size:14px}.minimap{width:170px;height:85px}.actions{bottom:calc(100px + env(safe-area-inset-bottom))}.compass{--compass-r:min(34vw, 30vh)}.panel h2{font-size:19px}.panel-head{padding:10px 10px 6px 14px}.tabs{padding:0 8px}.tab{padding:7px 8px 6px;font-size:13px}.panel-body{gap:12px;padding:10px}.panel-foot{padding:8px 10px 10px}.item{padding:7px 8px}.item-name{font-size:14px}.item-desc{font-size:12px}.worldmap-title{top:calc(56px + env(safe-area-inset-top));font-size:14px}.screen-card{padding:20px}.screen-card h1{font-size:40px}}@media (width<=520px){.res-stone,.res-pop{display:none}.topbar{grid-template-columns:minmax(0,1fr) auto}.age{top:calc(var(--bar) + 6px);left:var(--gutter);position:absolute}.chat-log{top:calc(var(--bar) + 40px)}.toasts{top:calc(var(--bar) + 190px)}.hint{bottom:calc(170px + env(safe-area-inset-bottom))}.workshop-btn{bottom:calc(240px + env(safe-area-inset-bottom))}.item{flex-wrap:wrap}.item-info{flex-basis:150px}.item-actions{margin-left:auto}.awards{grid-template-columns:1fr}}@media (height<=500px){.chat-log{max-width:calc(38vw - 2 * var(--gutter))}.side-panels{width:min(230px,30vw)}.toasts{top:calc(var(--bar) + 8px);width:min(360px,34vw)}.toast:nth-last-child(n+2){display:none}.joystick{width:110px;height:110px;left:max(16px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom))}.joystick-knob{width:48px;height:48px;margin:-24px 0 0 -24px}.minimap{width:150px;height:75px}.actions{bottom:calc(86px + env(safe-area-inset-bottom))}.btn.round{width:54px;height:54px}.hint{bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100vw - 400px);font-size:13px}.workshop-btn{bottom:calc(64px + env(safe-area-inset-bottom));padding:6px 14px;font-size:14px}.panel{top:calc(var(--bar) + 6px);max-height:calc(100% - var(--bar) - 12px);width:min(600px,100vw - 24px)}.panel-head{padding:6px 8px 4px 14px}.panel h2{font-size:17px}.panel-sub{margin-left:8px;display:inline}.panel-titles h2{display:inline}.panel-close{width:30px;height:30px}.panel-foot{padding:6px 10px}.screen-card{padding:14px 20px}.screen-card h1{font-size:32px}}