html,body{overscroll-behavior:none;background:#000;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input{-webkit-user-select:text;user-select:text}#game{touch-action:none}:root{--slot:min(38px, calc((100vw - 76px) / 9))}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.hud{color:#e6e2d6;text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;font-variant-numeric:tabular-nums;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;position:fixed;left:8px}#status{max-width:calc(100vw - 150px);top:6px}#status.error{color:#ff8a7a}#inventory{bottom:8px;left:50%;transform:translate(-50%)}#toast,#hint,#held-name{text-align:center;width:max-content;max-width:calc(100vw - 32px);left:50%;transform:translate(-50%)}#toast{color:#ffd35a;transition:opacity .6s;bottom:70px}#hint{transition:opacity 1.2s;bottom:112px}#held-name{color:#fff4c0;transition:opacity .6s;bottom:92px}#hint.gone,#toast.gone,#held-name.gone{opacity:0}#keys{opacity:.75;font-size:11px;top:44px;left:auto;right:8px}body:not(.touch) .touch-help,body.touch .keys-help,[hidden]{display:none!important}.panel{box-sizing:border-box;color:#e6e2d6;background:#1b1a24ee;border:2px solid #433f4c;border-radius:4px;width:min(560px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:20px 24px;font:14px/1.5 ui-monospace,SF Mono,Menlo,monospace;position:fixed;inset:0;overflow:auto}.panel h1{letter-spacing:2px;color:#ffd35a;margin:0 0 4px;font-size:28px}.saying{color:#c7ccd6;min-height:3em;margin:0 0 12px;font-style:italic;transition:opacity .6s}.saying.fading{opacity:0}.menu-head{justify-content:space-between;align-items:start;display:flex}#settings{background:#1b1a24}.panel .gear{padding:3px;line-height:0}.panel .gear .icon{width:24px;height:24px;image-rendering:pixelated;display:block}.panel h2{color:#c7ccd6;margin:16px 0 8px;font-size:15px}.panel button,.panel input:not([type=checkbox]):not([type=range]){font:inherit;color:inherit;background:#2d2b36;border:1px solid #655f6d;border-radius:3px;padding:5px 10px}.panel button{cursor:pointer}.panel button:focus-visible{outline-offset:1px;background:#433f4c;outline:2px solid #ffd35a}@media (hover:hover){.panel button:hover{outline-offset:1px;background:#433f4c;outline:2px solid #ffd35a}}.panel .primary{background:#4c8a3a;border-color:#7cbc4a}.panel .danger{border-color:#d0402a}.panel .trash[data-armed]{background:#d0402a}.saves{gap:6px;margin:0;padding:0;list-style:none;display:grid}.saves li{background:#2d2b3680;grid-template-columns:1fr auto auto auto;align-items:center;gap:4px 6px;padding:6px;display:grid}.saves .name{font-weight:700}.panel .note{color:#ffd35a;margin:8px 0 0;font-size:12px}.saves .meta{color:#9aa0ad;grid-area:2/1;font-size:12px}.saves button{grid-row:1/span 2}.panel .card{background:#2d2b3680;gap:6px;padding:6px;display:grid}.panel .card>button{width:100%}.seed-form{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:0;display:grid}.seed-form input{min-width:0}.message:empty{display:none}.message{color:#ffd35a}.empty{color:#9aa0ad}.panel fieldset{border:1px solid #433f4c;gap:4px;margin:0 0 12px;display:grid}.panel label.volume{grid-template-columns:7em minmax(0,12em);align-items:center;gap:8px;display:grid}.panel label.volume input{accent-color:#7cbc4a;width:100%;margin:0}.panel .actions{flex-wrap:wrap;gap:6px;display:flex}@media (width<=480px){.panel{padding:14px 12px}.bp-takes>span{display:none}}@media (pointer:coarse){.panel button:not(.slot){min-width:36px;min-height:36px}}.hud-buttons{gap:6px;display:flex;position:fixed;top:6px;right:8px}.hud-buttons button{cursor:pointer;background:#1b1a24aa;border:1px solid #433f4c;border-radius:3px;padding:3px;line-height:0}.hud-buttons button:focus-visible{outline-offset:1px;background:#433f4c;outline:2px solid #ffd35a}@media (hover:hover){.hud-buttons button:hover{outline-offset:1px;background:#433f4c;outline:2px solid #ffd35a}}.hud-buttons .icon{width:24px;height:24px;image-rendering:pixelated;display:block}@media (pointer:coarse){.hud-buttons{gap:10px}.hud-buttons .icon{width:32px;height:32px}}#inventory{justify-items:center;gap:2px;display:grid}.vitals{gap:12px;display:flex}.hearts,.hunger{gap:2px;display:flex}.hearts .icon,.hunger .icon{width:14px;height:14px;image-rendering:pixelated}.slots{gap:2px;display:flex}#inventory .slot{pointer-events:auto;cursor:pointer}.slot{width:var(--slot);height:var(--slot);box-sizing:border-box;background:#1b1a24cc;border:2px solid #433f4c;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}.slot.hand{border-color:#ffd35a}.slot .icon{width:calc(var(--slot) - 6px);height:calc(var(--slot) - 6px);image-rendering:pixelated;pointer-events:none}.slot .count{color:#fff4c0;text-shadow:0 1px #000,0 0 2px #000;pointer-events:none;font-size:11px;position:absolute;bottom:0;right:2px}.slot .key{opacity:.6;font-size:9px;position:absolute;top:0;left:2px}.slot .wear{pointer-events:none;background:#7cbc4a;height:2px;position:absolute;bottom:3px;left:5px}#backpack{-webkit-user-select:none;user-select:none;width:min(460px,100vw - 32px)}#backpack .slot{cursor:pointer;touch-action:none}.bp-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.panel .bp-head h2{flex:1;margin:0}.bp-takes{color:#9aa0ad;align-items:center;gap:4px;font-size:12px;display:flex}.panel .bp-toggle[aria-pressed=true]{color:#fff;background:#4c8a3a;border-color:#7cbc4a}.bp-recipes{gap:4px;max-height:min(62dvh,440px);display:grid;overflow:auto}.panel .bp-recipe{text-align:left;grid-template-columns:32px 44px 1fr;align-items:center;gap:10px;padding:4px 8px;display:grid}.bp-recipe.short{opacity:.6}.bp-recipe-out{width:32px;height:32px;position:relative}.bp-recipe-out .icon{width:32px;height:32px;image-rendering:pixelated}.bp-recipe-out .count{color:#fff4c0;text-shadow:0 1px #000,0 0 2px #000;font-size:11px;position:absolute;bottom:-4px;right:-4px}.bp-recipe-shape{grid-template-columns:repeat(3,14px);grid-auto-rows:14px;gap:1px;display:grid}.bp-recipe-shape>span{background:#1b1a24}.bp-recipe-shape .icon{width:14px;height:14px;image-rendering:pixelated;display:block}.bp-recipe-text{font-size:12px;line-height:1.35}.bp-recipe-text b{color:#fff4c0}.panel .bp-head button{line-height:18px}#help .help-head{z-index:1;background:#1b1a24;margin:-20px -24px 10px;padding:20px 24px 10px;position:sticky;top:-20px}@media (width<=480px){#help .help-head{margin:-14px -12px 10px;padding:14px 12px 10px;top:-14px}}.panel .bp-close{font-size:16px;font-weight:700}#backpack .slot:focus-visible{outline-offset:1px;outline:2px solid #ffd35a}.bp-top{grid-template-columns:auto auto auto 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.bp-grid{grid-template-columns:repeat(3, var(--slot));gap:2px;display:grid}.bp-arrow{color:#9aa0ad;font-size:20px}.bp-oven-in{justify-items:center;gap:2px;display:grid}.bp-oven{grid-template-columns:auto auto auto auto 1fr}.bp-pot{grid-template-columns:auto auto auto 1fr}.bp-pot-row{grid-template-columns:repeat(3, var(--slot));gap:2px;display:grid}.slot.fluid{cursor:default}.bp-fire .icon{width:16px;height:16px;image-rendering:pixelated;display:block}.bp-progress{background:#2d2b36;border:1px solid #433f4c;width:48px;height:6px}.bp-progress>span{background:#ffd35a;height:100%;display:block}.bp-makes{color:#9aa0ad;margin:0;font-size:12px}.bp-bag{grid-template-columns:repeat(9, var(--slot));justify-content:center;gap:2px;display:grid}.bp-hotbar,.bp-pack{margin-top:8px}.bp-chest{margin-bottom:12px}.bp-equip{color:#9aa0ad;align-items:flex-start;gap:8px;margin:0 0 10px;font-size:11px;display:flex}.bp-equip-title{align-self:center}.bp-equip-slot{justify-items:center;gap:1px;display:grid}.slot .burn{pointer-events:none;background:#ffd35a;height:2px;position:absolute;bottom:3px;left:5px}.bp-name{color:#fff4c0;min-height:1.5em;margin:8px 0 0}.bp-help{color:#9aa0ad;margin:10px 0 0;font-size:11px}.held{pointer-events:none;z-index:10;position:fixed}.held .icon{width:32px;height:32px;image-rendering:pixelated}.held .count{color:#fff4c0;text-shadow:0 1px #000;font-size:11px;position:absolute;bottom:-4px;right:-4px}.held .wear{display:none}.away{text-align:center;z-index:20;color:#e6e2d6;background:#0a0a14b0;place-content:center;gap:4px;font:16px/1.5 ui-monospace,SF Mono,Menlo,monospace;display:grid;position:fixed;inset:0}.away p{margin:0}.away b{color:#ffd35a}#hurt{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#d0402a88 100%);position:fixed;inset:0}#hurt.on{animation:.35s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#hurt.on{animation-duration:10ms}}#danger{pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;inset:0}#danger.heat{background:radial-gradient(#0000 40%,#ff8c1acc 100%)}#danger.poison{background:radial-gradient(#0000 40%,#5fd35fcc 100%)}#danger.cold{background:radial-gradient(#0000 40%,#6fb8ffcc 100%)}#danger.on{opacity:var(--level,.7);animation:1.4s ease-in-out infinite danger}@keyframes danger{0%,to{filter:opacity()}50%{filter:opacity(.45)}}@media (prefers-reduced-motion:reduce){#danger.on{animation:none}}.panel.map{grid-template-rows:auto 1fr auto;gap:8px;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:none;padding:12px 16px;display:grid}.map-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-bar h2{margin:0 8px 0 0}.map-plane{color:#fff4c0;flex:1}.map-canvas{cursor:grab;width:100%;height:100%;min-height:0;image-rendering:pixelated;touch-action:none;background:#000}.map-canvas:focus-visible{outline:2px solid #ffd35a}.map-help{color:#9aa0ad;margin:0;font-size:11px}.panel.wake{grid-template-rows:auto auto 1fr;grid-template-columns:1fr 300px;gap:8px 12px;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:none;padding:12px 16px;display:grid}.wake-title{color:#ffd35a;grid-column:1/-1;margin:0}.wake-saying{grid-column:1/-1;min-height:1.5em;margin:0}.wake-map{grid-template-rows:auto 1fr auto;gap:8px;min-height:0;display:grid}.wake-side{grid-template-rows:1fr auto;gap:8px;min-height:0;display:grid}.wake-list{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.wake-point{cursor:pointer;background:#2d2b3680;border:1px solid #0000;grid-template-columns:1fr auto auto;align-items:center;gap:2px 6px;padding:6px;display:grid}.wake-point.selected{background:#433f4c;border-color:#ffd35a}.wake-point:focus-visible{outline:2px solid #ffd35a}.wake-name{font-weight:700}.wake-where{color:#9aa0ad;grid-area:2/1;font-size:12px}.wake-point button{grid-row:1/3;min-width:36px}@media (width<=700px){.panel.wake{grid-template-rows:auto 1fr minmax(120px,40%);grid-template-columns:1fr}}#sleep{pointer-events:none;opacity:0;background:#000;position:fixed;inset:0}#sleep.on{animation:1.6s ease-in-out sleep}@keyframes sleep{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#sleep.on{animation-duration:10ms}}#dial{pointer-events:none;z-index:30;background:radial-gradient(circle,#ffd35a55 0 14px,#1b1a24aa 15px);border:2px solid #fff4c0aa;border-radius:50%;width:76px;height:76px;margin:-38px 0 0 -38px;position:fixed}#dial[hidden]{display:none}#dial span{text-align:center;color:#9aa0ad;font-size:18px;line-height:1;position:absolute;left:0;right:0}#dial .dial-up{top:4px}#dial .dial-down{bottom:4px}#dial:not([data-ways~=up]) .dial-up,#dial:not([data-ways~=down]) .dial-down{display:none}#dial[data-choice=up] .dial-up,#dial[data-choice=down] .dial-down{color:#ffd35a;text-shadow:0 0 6px #ffd35a}#dial:not([data-choice=ahead]){background:radial-gradient(circle,#fff2 0 14px,#1b1a24aa 15px)}#help{width:min(560px,100vw - 32px);max-height:min(86dvh,720px);overflow:auto}#help h3{color:#fff4c0;margin:12px 0 4px;font-size:13px}#help dl{grid-template-columns:minmax(110px,auto) 1fr;gap:3px 12px;margin:0;font-size:13px;display:grid}#help dt{color:#ffd35a;white-space:nowrap}#help dd{margin:0}@media (width<=480px){#help dl{grid-template-columns:1fr}#help dt{white-space:normal}#help dd{margin-bottom:4px}}.menu-version{color:#9aa0ad;letter-spacing:.05em;margin:-2px 0 4px;font-size:12px}