:root{--gold:#f0d79a;--gold-dim:#b89b5e;--wood-dark:#1e140c;--wood:#3a2717;--wood-light:#5a3e24;--edge:#8a6a3a;--text:#f3e6c8;--font:Georgia, "Times New Roman", serif}*{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;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{pointer-events:auto}#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}[hidden]{display:none!important}.topbar,.menu,.hint,.chat-form{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}.topbar{height:40px;padding:0 12px;padding-top:env(safe-area-inset-top);border-width:0 0 2px;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex;position:absolute;top:0;left:0;right:0}.resources{align-items:center;gap:14px;display:flex}.res{color:var(--text);text-shadow:0 1px #000;align-items:center;gap:5px;display:inline-flex}.res-icon{border:1px solid #0009;border-radius:3px;width:16px;height:16px;box-shadow:inset 0 1px #ffffff59}.res-wood .res-icon{background:linear-gradient(135deg,#a0703c,#5b3a1a)}.res-food .res-icon{background:radial-gradient(circle at 35% 35%,#ff8a7a,#b5281c);border-radius:50%}.res-gold .res-icon{background:linear-gradient(135deg,#ffe680,#c08a10)}.res-stone .res-icon{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}.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;position:absolute;left:50%;transform:translate(-50%)}.age-btn{padding:3px 8px;font-size:12px}.age-btn:disabled{opacity:.45;cursor:default;filter:none}.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{align-items:center;gap:14px;display:flex}.stat{white-space:nowrap;color:var(--gold-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px #000}.btn{font:inherit;color:var(--gold);border:1px solid var(--edge);cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#6b4a2a,#3b2814);border-radius:3px;padding:4px 12px;font-size:14px}.btn:hover{filter:brightness(1.15)}.link{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chat-log{text-shadow:0 1px 2px #000,0 0 4px #000;flex-direction:column;gap:3px;max-width:min(560px,100vw - 24px);font-size:16px;display:flex;position:absolute;top:52px;left:12px}.chat-line{transition:opacity 1.5s}.chat-line.fade{opacity:0}.chat-name{font-weight:700}.chat-form{border-radius:4px;width:min(520px,100vw - 32px);padding:6px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.chat-input{width:100%;font:inherit;color:var(--text);border:1px solid var(--edge);background:#0000008c;border-radius:2px;outline:none;padding:8px 10px;font-size:16px}.hint{border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-size:16px;animation:.6s ease-out hint-in;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.hint b{color:var(--gold)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}}.menu{border-radius:6px;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);padding:18px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu h2{text-align:center;color:var(--gold);letter-spacing:.05em;margin:0 0 4px;font-weight:400}.menu label{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu select,.menu input{font:inherit;color:var(--text);border:1px solid var(--edge);background:#00000080;border-radius:2px;width:60%;padding:5px 8px}.menu-row{justify-content:center;gap:10px;display:flex}.menu .cheats,.menu .legal{color:var(--gold-dim);text-align:center;margin:4px 0 0;font-size:13px;line-height:1.5}.menu code{color:var(--text);font-family:inherit;font-style:italic}.minimap{width:260px;height:130px;margin-bottom:env(safe-area-inset-bottom);filter:drop-shadow(0 3px 8px #000);cursor:pointer;position:absolute;bottom:12px;right:12px}.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}@media (width<=700px){.topbar{padding:0 8px;font-size:13px}.resources{gap:7px}.topbar-right{gap:8px}.res{gap:3px}.res-icon{width:13px;height:13px}.minimap{width:170px;height:85px}.hint{font-size:14px;bottom:170px}.chat-log{font-size:14px}}#ui .chat-log{pointer-events:none}.btn.danger{color:#ffb3a8}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(560px,100vw - 32px);display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}#ui .toasts{pointer-events:none}.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{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}#ui .compass{pointer-events:none}.compass-arrow{border-left:16px solid var(--gold);filter:drop-shadow(0 0 3px #000);width:0;height:0;transform:rotate(var(--angle)) translate(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(min(30vw, 260px), 12px) rotate(calc(-1 * var(--angle))) translateX(-50%);transform-origin:0 0;font-size:13px;position:absolute;top:0;left:0}.actions{right:12px;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}.menu{max-height:calc(100vh - 80px)}.menu-body{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.menu-section h3{color:var(--gold);border-bottom:1px solid #8a6a3a99;margin:0 0 6px;padding-bottom:3px;font-size:16px;font-weight:400}.discoveries{max-height:160px;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.discoveries li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.muted{color:var(--gold-dim)}.stats{grid-template-columns:1fr auto;gap:2px 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}.menu-row.wrap{flex-wrap:wrap}.screen{background:radial-gradient(#00000059,#000c);place-items:center;animation:.6s ease-out fade-in;display:grid;position:absolute;inset:0}.screen-card{text-align:center;background:linear-gradient(180deg, var(--wood-light), var(--wood) 45%, var(--wood-dark));border:2px solid var(--edge);min-width:min(380px,100vw - 32px);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}@keyframes fade-in{0%{opacity:0}}@media (width<=700px){.age-label{display:none}.age{position:static;transform:none}.toast-title{font-size:19px}.actions{bottom:calc(100px + env(safe-area-inset-bottom))}.res-stone,.res-relics{display:none}}@media (width<=520px){.age-btn .cost{display:none}.topbar{gap:6px}.resources{gap:6px;min-width:0}.clock{display:none}.age-bar{width:60px}}.worldmap{z-index:5;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{color:var(--gold);text-shadow:0 2px 4px #000;white-space:nowrap;pointer-events:none;font-size:18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.worldmap-close{position:absolute;top:10px;right:12px}.swatches{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0009;border-radius:4px;width:30px;height:30px;padding:0}.swatch.selected{border-color:var(--gold);box-shadow:0 0 6px var(--gold)}.photo-bar{opacity:.6;gap:8px;display:none;position:absolute;top:10px;right:12px}.photo-bar:hover{opacity:1}body.photo .hud,body.photo .minimap,body.photo .joystick{display:none!important}body.photo .photo-bar{display:flex}@media (width<=700px){.worldmap-title{font-size:14px;top:56px}}.achievements{max-height:150px;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.achievements li{color:var(--gold-dim);flex-direction:column;padding:2px 0;display:flex}.achievements li.done{color:var(--gold)}.achievements li span{font-size:12px}.quest{text-shadow:0 1px 2px #000;background:#140c04b8;border:1px solid #8a6a3acc;border-radius:4px;width:min(270px,46vw);padding:8px 10px 9px;position:absolute;top:52px;right:12px}#ui .quest{pointer-events:none}.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}.workshop-btn{padding:8px 18px;font-size:16px;animation:.4s ease-out hint-in;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ffc85073}.workshop{width:min(460px,100vw - 24px)}.center{text-align:center;margin:0}.upgrades{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.upgrade{background:#00000040;border:1px solid #8a6a3a66;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;font-size:13px;display:flex}.upgrade-name{color:var(--gold);font-size:15px}.upgrade .btn{white-space:nowrap;font-size:12px}.upgrade.owned .btn{color:#9fe09f}.upgrade .btn:disabled{opacity:.55;cursor:default;filter:none}.setting{justify-content:space-between;align-items:center;gap:12px;padding:3px 0;font-size:14px;display:flex}.setting input[type=range]{accent-color:#c08a10;width:55%}.setting input[type=checkbox]{accent-color:#c08a10;width:auto}@media (width<=700px){.quest{width:min(210px,52vw);padding:6px 8px;top:46px}.quest-text{font-size:12px}.workshop-btn{bottom:180px}.chat-log{max-width:calc(48vw - 12px)}}.menu,.screen,.worldmap{z-index:10}.workshop{overflow-y:auto}@media (width<=700px){.workshop-btn{bottom:245px}}