:root{color-scheme:dark;--cream:#fff1ce;--green:#244438;--gold:#efc777;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:var(--cream);background:#122923}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#385743 0,transparent 65%),#122923;min-height:100dvh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;font-size:13px;font-weight:700;color:var(--cream);background:#294b3f;border:1px solid #74927a66;border-radius:10px;padding:10px 14px;cursor:pointer;touch-action:manipulation}button:hover{background:#3f6650}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}.page-head,.page-foot{max-width:1150px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}.page-head>a:first-child{font-weight:900;font-size:20px;color:var(--cream)}.page-head>span,.page-foot{color:#b6c4ad}.page-foot p{margin:0}#game{width:min(1152px,calc(100% - 40px));margin:0 auto;border:1px solid #79978055;border-radius:18px;overflow:hidden;box-shadow:0 24px 100px #03180db0;background:#1c352c}.toolbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:10px}.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:800;color:var(--gold)}h1{font-size:21px;margin:5px 0 0;letter-spacing:-.03em}nav{display:flex;gap:6px}.viewport{position:relative;isolation:isolate;width:100%;aspect-ratio:12/7;background:#355141;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;image-rendering:pixelated}.hud{position:absolute;inset:12px 12px auto;display:flex;gap:8px;align-items:center;pointer-events:none;font-size:12px;font-weight:800}.hud>span{padding:8px 12px;border:1px solid #e0f0c729;background:#17392de8;border-radius:12px;box-shadow:0 3px 10px #102a2529}.hud>span:last-child{margin-left:auto;background:#3f4130ed;color:#ffe7a7}.temperature{position:absolute;top:58px;left:16px;display:flex;align-items:center;gap:8px;background:#17392dbb;border-radius:10px;padding:5px 9px}.temperature meter{width:72px;height:12px;accent-color:#d5b961}.map-toggle{position:absolute;top:58px;right:12px;font-size:11px;padding:7px 10px;background:#17392dcc}.game-footer{height:76px;padding:10px 18px;overflow:hidden;border-top:1px solid #637d5344}.game-footer>div{display:flex;align-items:center;gap:9px;height:25px}.action-key{display:inline-grid;place-items:center;min-width:22px;height:22px;background:#dbbf79;color:#18362e;border-radius:5px;font-size:12px;font-weight:800}#hint{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#message{margin:4px 0 0 31px;font-size:12px;color:#b8cfb7;line-height:17px;max-height:34px;overflow:hidden}.cover{position:absolute;inset:0;display:grid;place-items:center;background:#0a251e70;backdrop-filter:blur(3px);padding:20px}.cover[hidden]{display:none}.card{max-width:470px;text-align:center;padding:28px 32px;background:#203d32f5;border:1px solid #ceca9166;border-radius:22px;box-shadow:0 20px 100px #071a2380}.card h2{font-size:30px;line-height:1.13;letter-spacing:-.03em;margin:12px 0}.card p{font-size:14px;line-height:1.65;color:#d0dac0}.card .eyebrow{font-size:10px;color:var(--gold)}.primary{background:var(--gold);color:#263b2b;border-color:#ffe6a8;box-shadow:0 3px 0 #ad894c;padding:12px 22px}.primary:hover{background:#ffdb93}.card .keys{font-size:11px;margin-bottom:0}dialog{width:min(430px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:#203d32;color:var(--cream);border:1px solid #9aaf8177;border-radius:18px;padding:24px}dialog::backdrop{background:#09251bcc;backdrop-filter:blur(3px)}dialog h2{margin:0 0 20px}dialog label{display:flex;gap:12px;align-items:center;margin:14px 0;font-size:14px}input{accent-color:var(--gold)}input[type=range]{width:150px}.small{font-size:12px;color:#adc1a9;line-height:1.5}.dialog-buttons{display:flex;gap:10px;align-items:center;margin-top:22px}.touch-controls{display:none;position:absolute;inset:auto 16px 14px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;background:#203f32d9;box-shadow:0 2px 0 #102b22}.dpad{display:grid;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:4px}.dpad button{padding:0;font-size:22px}.dpad [data-move=up]{grid-column:2}.dpad [data-move=left]{grid-column:1;grid-row:2}.dpad [data-move=down]{grid-column:2;grid-row:2}.dpad [data-move=right]{grid-column:3;grid-row:2}.touch-actions{display:flex;gap:8px;align-items:flex-end}.touch-actions button{height:50px;padding:8px 12px}.touch-actions button:last-child{background:#d9bc7dea;color:#263b2b}.expanded,#game:fullscreen{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;border:0;border-radius:0;display:grid;grid-template-rows:64px minmax(0,1fr) 76px;background:#0c241d}.expanded .toolbar,#game:fullscreen .toolbar{height:64px}.expanded .viewport,#game:fullscreen .viewport{width:100%;height:100%;aspect-ratio:auto;justify-self:center}.expanded .game-footer,#game:fullscreen .game-footer{height:76px}.expanded h1,#game:fullscreen h1{font-size:17px}.expanded .eyebrow,#game:fullscreen .eyebrow{display:none}body.focus-mode{overflow:hidden}@media(pointer:coarse),(max-width:700px){.touch-controls{display:flex}.page-head>span{display:none}.page-head,.page-foot{padding:15px;gap:12px}.page-head>a{font-size:11px}.page-head>a:first-child{font-size:16px}#game{width:calc(100% - 16px);border-radius:12px}.toolbar{height:108px;flex-wrap:wrap;justify-content:center;padding:10px}.brand{text-align:center}h1{font-size:18px}.toolbar nav button{padding:8px 10px;font-size:12px}.viewport{aspect-ratio:5/6}.hud{inset:8px 8px auto;gap:5px;font-size:10px;flex-wrap:wrap}.hud>span{padding:6px 8px}#region{display:none}.temperature{top:44px;left:9px}.map-toggle{top:44px;right:8px}.card{padding:18px}.card h2{font-size:25px}.card p{font-size:13px}.page-foot{display:block;font-size:11px;line-height:1.6}.page-foot a{display:block;margin-top:10px}.game-footer{padding:8px 12px}#hint{font-size:12px}.expanded .toolbar,#game:fullscreen .toolbar{flex-wrap:nowrap;justify-content:space-between;padding:7px}.expanded h1,#game:fullscreen h1{font-size:12px}.expanded nav button,#game:fullscreen nav button{padding:7px;font-size:11px}}
@media(max-height:520px){.expanded,#game:fullscreen{grid-template-rows:42px minmax(0,1fr) 48px}.expanded .toolbar,#game:fullscreen .toolbar{height:42px}.expanded .game-footer,#game:fullscreen .game-footer{height:48px;padding:4px 12px}#message{white-space:nowrap;text-overflow:ellipsis}.card{padding:12px 22px}.card h2{font-size:23px}.card p{margin:8px 0}.card .keys{display:none}.touch-controls{bottom:8px}.hud{top:6px}}
#inventory{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud>span{flex-shrink:0}#inventory{flex-shrink:1}.hud>span:last-child{white-space:nowrap}
.hold-food{position:absolute;top:94px;left:16px;padding:7px 10px;font-size:11px;background:#17392ddd}.hold-food[aria-pressed=true]{background:#efc777;color:#263b2b;border-color:#ffe6a8}.hold-food:focus-visible{outline:3px solid #fff0bd}@media(max-width:700px){.hold-food{top:80px;left:9px}}