:root{--panel-bg:#0e12189e;--panel-border:#ffffff17;--text:#e8edf2;--muted:#9aa6b2;--accent:#f2b544;--accent-2:#4fb0c6;--danger:#e5675c;--system:#7fd1e6;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#0b0f14;margin:0;font-size:14px;overflow:hidden}#game{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}#join .pc-download{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);z-index:1;background:#141b24;padding:12px 18px;font-weight:600;text-decoration:none;position:absolute}#join .pc-download span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;display:block}#account-form{gap:12px;display:grid}#account-form label{color:var(--muted);gap:6px;display:grid}#account-form input:not([type=checkbox]){width:100%;color:var(--text);background:#111a24;border:1px solid #627183;border-radius:5px;padding:10px}#account-form #account-claim-label{align-items:center;font-size:12px;display:flex}#account-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}#account-panel button{cursor:pointer;color:var(--text);background:#263241;border:1px solid #627183;border-radius:5px;padding:8px 12px}#account-panel button:disabled{opacity:.5;cursor:wait}#account-status{overflow-wrap:anywhere;line-height:1.5}#join .pc-download:hover,#join .pc-download:focus-visible{outline:2px solid var(--accent);outline-offset:3px;background:#263241}@media (width<=700px),(height<=650px){#join{padding-top:100px;overflow-y:auto}}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000040}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.label{color:var(--muted)}.mono{font-family:var(--mono);font-size:12px}kbd{min-width:20px;font-family:var(--font);text-align:center;color:var(--text);background:#ffffff0f;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:5px;margin-right:3px;padding:1px 6px;font-size:11px;display:inline-block}ul.controls{color:var(--muted);gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:transform .12s,background .12s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #00000073}#crosshair.active{background:var(--accent);transform:scale(1.6)}#throw-charge{opacity:0;width:40px;height:40px;margin:-20px 0 0 -20px;transition:opacity .1s;position:absolute;top:50%;left:50%;transform:rotate(-90deg)}#throw-charge.visible{opacity:1}#throw-charge .track{stroke:#00000059;stroke-width:3px}#throw-charge .arc{stroke:#ffffffe6;stroke-width:3px;stroke-linecap:round}#throw-charge.full .arc{stroke:var(--accent)}#hud-noclip{color:#fff;letter-spacing:.12em;background:#be3cc8bf;border-radius:6px;padding:3px 10px;font:700 12px/1.4 ui-monospace,monospace;position:absolute;top:14px;left:50%;transform:translate(-50%)}#hud-location{padding:10px 14px;line-height:1.5;position:absolute;top:14px;left:14px}.loc-title{margin-bottom:2px;font-size:14px;font-weight:600}#hud-stats{text-align:right;min-width:110px;padding:10px 14px;line-height:1.6;position:absolute;top:14px;right:14px}#hud-status{border:1px solid var(--panel-border);white-space:nowrap;background:#1e1e24cc;border-radius:999px;padding:8px 16px;font-weight:500;position:absolute;top:14px;left:50%;transform:translate(-50%)}#hud-status.warn{background:#785214d9}#hud-status.error{background:#82241ee0}#hud-chat{width:min(440px,46vw);position:absolute;bottom:76px;left:14px}#chat-log{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.chat-line{word-wrap:break-word;overflow-wrap:anywhere;background:#0a0d128c;border-radius:7px;align-self:flex-start;max-width:100%;padding:4px 9px;line-height:1.35;transition:opacity 1.2s}.chat-line .who{color:var(--accent);margin-right:6px;font-weight:600}.chat-line.self .who{color:var(--accent-2)}.chat-line.system{color:var(--system);font-style:italic}.chat-line.error{color:var(--danger)}.chat-line.faded{opacity:0}#hud-chat.open .chat-line.faded{opacity:1}#chat-input{pointer-events:auto;width:100%;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#0a0d12cc;border:1px solid #fff3;border-radius:8px;outline:none;padding:8px 10px}#chat-input:focus{border-color:var(--accent-2)}#hud-hint{white-space:nowrap;opacity:0;background:#0a0d1299;border-radius:999px;padding:6px 14px;font-size:13px;transition:opacity .15s;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#hud-hint.visible{opacity:1}#hud-lock-hint{color:var(--text);background:#0a0d12b8;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%)}.toast{color:#fff;text-shadow:0 1px 3px #000000b3;font-size:16px;font-weight:700;animation:1.6s ease-out forwards toast-rise}@keyframes toast-rise{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-36px)}}#hud-help{padding:12px 16px;position:absolute;top:110px;right:14px}#join{background:radial-gradient(#080c1240,#080c12bf);justify-content:center;align-items:center;padding:100px 0 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.join-card{background:#0e1218c7;width:min(460px,100vw - 32px);margin:auto;padding:28px 28px 24px}.join-card h1{letter-spacing:.04em;margin:0;font-size:26px;font-weight:800;line-height:1.2}.join-card h1 .dash{color:var(--muted);font-weight:400}.join-card h1 .sub-title{letter-spacing:0;color:var(--text);font-size:17px;font-weight:500;display:block}.subtitle{color:var(--muted);margin:6px 0 22px}.loading{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:22px;display:grid}.loading.error{color:var(--danger)}.loading .progress{background:#ffffff14;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}#join-progress-bar{background:var(--accent-2);width:0%;height:100%;transition:width .15s}.spinner{border:2px solid #ffffff26;border-top-color:var(--accent-2);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.loading.error .spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}#join-form{margin-bottom:22px}#join-form label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.join-row{gap:8px;display:flex}#join-name{min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#ffffff0d;border:1px solid #ffffff29;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:15px}#join-name:focus{border-color:var(--accent-2)}#join-play{background:var(--accent);color:#1b1408;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:700;transition:filter .12s,transform 60ms}#join-play:hover{filter:brightness(1.08)}#join-play:active{transform:translateY(1px)}#join-play:disabled{opacity:.5;cursor:default}.slot{background:#0c10169e;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:inset 0 0 12px #00000059}.slot.filled{background:#282e38b8}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px #f2b5448c,inset 0 0 14px #f2b54440}.slot-icon{filter:drop-shadow(0 1px 2px #0009);pointer-events:none;font-size:28px;line-height:1}.slot-count{font-family:var(--mono);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:12px;font-weight:700;position:absolute;bottom:2px;right:4px}.slot-key{color:#ffffff8c;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:2px;left:4px}.slot.selected .slot-key{color:var(--accent)}#hud-hotbar{gap:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#hud-health{width:250px;padding:8px 12px;position:absolute;bottom:14px;left:14px}.hp-row{align-items:center;gap:8px;display:flex}.hp-icon{color:#ff6a5c;font-size:16px}.hp-bar{background:#00000080;border:1px solid #ffffff1a;border-radius:6px;flex:1;height:12px;overflow:hidden}#hp-fill{background:linear-gradient(#ff7a6b,#c9372c);width:100%;height:100%;transition:width .25s}#hp-fill.low{animation:.9s ease-in-out infinite hp-pulse}@keyframes hp-pulse{50%{filter:brightness(1.6)}}#hp-text{text-align:right;color:var(--muted);margin-top:3px}#hud-vignette{opacity:0;background:radial-gradient(#a0000000 45%,#aa00008c 80%,#780000d9 100%);position:absolute;inset:0}#hud-vignette.flash{animation:.7s ease-out vignette}@keyframes vignette{0%{opacity:1}to{opacity:0}}#hud-death{pointer-events:auto;text-align:center;z-index:15;background:radial-gradient(#3c00008c,#140000e0);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}#death-text{color:#ffdad5;text-shadow:0 2px 10px #000c;font-size:34px;font-weight:800}#death-count{color:#fff;font-size:20px}.death-sub{color:var(--muted);font-size:13px}#hud-build-reason{color:#ffe1dc;white-space:nowrap;opacity:0;background:#78140ebf;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%)}#hud-build-reason.visible{opacity:1}#hud-build-reason.ok{color:#dcffe4;background:#145a28bf}.toast.error{color:#ff9a8f;font-size:15px}.toast.info{color:var(--system);font-size:15px}#inv-screen{-webkit-backdrop-filter:blur(3px);z-index:20;background:#06090d99;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.inv-col{background:#0e1218db;max-height:calc(100vh - 48px);padding:16px 18px;overflow:auto}.inv-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:15px;font-weight:800}.inv-subheading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11px;font-weight:700}.inv-grid{grid-template-columns:repeat(6,58px);gap:6px;display:grid}.inv-hotbar{grid-template-columns:repeat(10,58px);gap:6px;display:grid}#inv-screen .slot{cursor:grab;touch-action:none;width:58px;height:58px}#inv-screen .slot:hover{border-color:#4fb0c6cc}#inv-screen .slot.dragging{opacity:.35}.inv-help{color:var(--muted);margin-top:12px;font-size:12px}.inv-right{align-self:stretch;width:340px}.craft-list{gap:8px;display:grid}.craft-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.craft-row.craftable{border-color:#6fd36a59}.craft-icon{text-align:center;width:40px;font-size:30px}.craft-body{flex:1;min-width:0}.craft-name{margin-bottom:3px;font-weight:700}.craft-cost{font-size:12px;font-family:var(--mono)}.craft-cost.ok{color:#7fe07a}.craft-cost.missing{color:#ff7d70}.craft-btn{background:var(--accent);color:#1b1408;font:inherit;cursor:pointer;border:none;border-radius:7px;padding:7px 14px;font-weight:700}.craft-btn:disabled{color:var(--muted);cursor:not-allowed;background:#ffffff1a}.craft-btn:not(:disabled):hover{filter:brightness(1.1)}.inv-tooltip{pointer-events:none;z-index:30;background:#080b10f0;border:1px solid #ffffff26;border-radius:8px;max-width:260px;padding:8px 11px;position:fixed}.tt-name{font-weight:700}.tt-count{color:var(--accent);font-family:var(--mono);margin:2px 0 4px;font-size:12px}.tt-desc{color:var(--muted);font-size:12px;line-height:1.4}.drag-ghost{pointer-events:none;z-index:40;filter:drop-shadow(0 3px 6px #0009);font-size:34px;position:fixed;transform:translate(-50%,-50%)}.drag-ghost .slot-count{bottom:-4px;right:-6px}#map-screen{z-index:20;background:#1b3b55;position:fixed;inset:0}.map-canvas{cursor:grab;touch-action:none;position:absolute;inset:0}.map-canvas:active{cursor:grabbing}.map-top{text-align:center;pointer-events:none;background:#0a0e14b8;border-radius:999px;padding:8px 16px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.map-title{letter-spacing:.06em;font-weight:800}.map-keys{color:var(--muted);font-size:12px}.map-controls{justify-items:end;gap:6px;display:grid;position:absolute;top:14px;right:14px}.map-btn{min-width:38px;height:36px;color:var(--text);font:inherit;cursor:pointer;background:#0a0e14cc;border:1px solid #ffffff2e;border-radius:8px;padding:0 12px;font-size:18px;font-weight:700}.map-btn.wide{font-size:13px}.map-btn:hover{border-color:var(--accent-2)}.map-readout{pointer-events:none;background:#0a0e14b8;border-radius:8px;padding:6px 10px;position:absolute;bottom:14px;right:14px}.map-note{color:var(--muted);pointer-events:none;background:#0a0e14b8;border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}#hud-health{gap:5px;display:grid}#hud-health .hp-row{gap:7px}#hud-health .hp-icon{text-align:center;width:18px;font-size:13px}#hud-health .hp-bar{height:10px}.vital-num,#hp-text{text-align:right;width:28px;color:var(--muted);margin-top:0;font-size:11px}.vital-fill{width:100%;height:100%;transition:width .25s}#stamina-fill{background:linear-gradient(#e4f06a,#8fbf2a);transition:width .1s linear}#stamina-fill.tired{background:linear-gradient(#b9a64a,#7c6a1f)}#food-fill{background:linear-gradient(#f2b06a,#c06a24)}#water-fill{background:linear-gradient(#7fd0ff,#2f86c9)}.vital-fill.low{animation:.9s ease-in-out infinite hp-pulse}.stamina-icon{color:#e4f06a}#hud-chat{bottom:128px}#hud-warnings{gap:6px;display:flex;position:absolute;bottom:122px;left:14px}#hud-warnings:empty{display:none}.warn-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.warn-pill.low{color:#ffe9b8;background:#966414d9}.warn-pill.bad{color:#ffe1dc;background:#961a14e6;animation:.9s ease-in-out infinite hp-pulse}#hud-warnings:not(:empty)~#hud-chat{bottom:156px}#loc-clock{color:var(--accent);margin-top:2px}.inv-top{align-items:flex-start;gap:14px;display:flex}.inv-doll{border-left:1px solid #ffffff14;gap:6px;padding-left:12px;display:grid}.inv-doll-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.inv-doll-row{align-items:center;gap:8px;display:flex}.inv-doll-label{color:var(--muted);width:36px;font-size:12px}.slot-ph{opacity:.18;filter:grayscale();pointer-events:none;font-size:24px;position:absolute}.slot.filled .slot-ph{display:none}#inv-screen .slot.accept{border-color:#6fd36ad9;box-shadow:inset 0 0 12px #6fd36a40}#inv-screen .slot.reject{opacity:.55;border-color:#e5675c99}#inv-screen .slot.denied{animation:.35s slot-denied}@keyframes slot-denied{0%,to{transform:translate(0)}25%{border-color:var(--danger);transform:translate(-4px)}75%{border-color:var(--danger);transform:translate(4px)}}.inv-right .craft-list{max-height:calc(100vh - 140px);padding-right:4px;overflow-y:auto}.inv-right{overflow:hidden}.craft-group{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 -2px;font-size:11px;font-weight:700}.craft-group:first-child{margin-top:0}.tt-facts{color:#cfe7a8;margin:2px 0 4px;font-size:12px}.tt-tip{color:var(--accent-2);margin-top:5px;font-size:11px}.inv-box{align-self:center;width:360px}.box-head{justify-content:space-between;align-items:flex-start;display:flex}.box-close{width:28px;height:28px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:7px}.box-close:hover{border-color:var(--danger)}.box-grid{grid-template-columns:repeat(5,58px);gap:6px;display:grid}.box-grid.small{grid-template-columns:repeat(4,58px)}.fire-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.fire-btn.lit{color:#fff;background:#d9614a}.fire-info{color:var(--muted);flex:1;font-size:12px;line-height:1.4}.fire-info.lit{color:#ffc58a}.slot-progress{pointer-events:none;background:#0009;border-radius:2px;height:4px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.slot-progress:after{content:"";width:var(--p,0%);background:linear-gradient(90deg,#ff9a3c,#ffd36a);transition:width .9s linear;position:absolute;inset:0}#inv-screen .slot.cooking{border-color:#ff9a3ccc}@media (width<=1000px){#hud-health{bottom:78px}#hud-warnings{bottom:186px}#hud-chat,#hud-warnings:not(:empty)~#hud-chat{bottom:214px}}.item-svg{width:1.1em;height:1.1em;display:block}.slot-icon .item-svg,.craft-icon .item-svg,.drag-ghost .item-svg{margin:0 auto}.tt-icon{vertical-align:-.2em;font-size:18px;display:inline-block}.tt-icon .item-svg{display:inline-block}.craft-station{color:#ffb070;margin-bottom:2px;font-size:11px}.craft-station.ok{color:#7fe07a}.craft-station.ok:before{content:"✓ "}.craft-row.no-station{opacity:.72}.tt-warn{color:#ffb070}.touch-controls #game{touch-action:none;height:100dvh}.touch-controls #hud-location,.touch-controls #hud-stats{display:none}.touch-controls #hud-health{top:max(8px, env(safe-area-inset-top));width:140px;padding:5px;bottom:auto;left:8px}.touch-controls .hp-row{gap:4px}.touch-controls .hp-icon{font-size:12px}.touch-controls .hp-bar{height:7px}.touch-controls #hud-hotbar{width:calc(100% - 16px);max-width:520px;bottom:max(6px, env(safe-area-inset-bottom));pointer-events:auto;padding:3px;overflow-x:auto}.touch-controls #hud-hotbar .slot{touch-action:manipulation;flex:0 0 44px;height:44px}.touch-controls #hud-chat{width:min(360px,80vw);bottom:245px}.touch-controls #chat-log{max-height:70px;font-size:11px;overflow:hidden}.touch-controls #hud-hint,.touch-controls #hud-build-reason{white-space:normal;text-align:center;max-width:90vw;font-size:11px;bottom:58px}.touch-controls #hud-status{white-space:normal;text-align:center;max-width:95vw;top:115px}#mobile-controls{pointer-events:none;z-index:10;position:fixed;inset:0}#mobile-controls button,.mobile-close{color:#fff;min-height:44px;font:600 12px var(--font);touch-action:none;pointer-events:auto;background:#101c2dcc;border:1px solid #ffffff50;border-radius:10px;padding:6px}#mobile-controls button.held,#mobile-controls button:active{border-color:var(--accent);background:#996d24dc}.mobile-pad{left:max(12px, env(safe-area-inset-left));bottom:max(90px, calc(env(safe-area-inset-bottom) + 70px));color:#ffffffb0;pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff30 0 18%,#14223780 19%);border:2px solid #ffffff70;border-radius:50%;place-items:center;width:124px;height:124px;font-size:11px;display:grid;position:absolute}.mobile-pad.held{border-color:var(--accent)}.mobile-actions{right:max(8px, env(safe-area-inset-right));bottom:max(80px, calc(env(safe-area-inset-bottom) + 60px));grid-template-columns:repeat(3,60px);gap:5px;display:grid;position:absolute}.mobile-menu{right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));grid-template-columns:repeat(3,52px);gap:5px;display:grid;position:absolute}.mobile-close{left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));z-index:50;min-width:70px;position:fixed}.touch-controls #inv-screen{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px;padding:62px 10px 20px;overflow:auto}.touch-controls .inv-col{width:100%;max-height:none;padding:12px;overflow:visible}.touch-controls .inv-grid,.touch-controls .inv-hotbar{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:5px}.touch-controls #inv-screen .slot{width:100%;min-width:44px;height:48px}.touch-controls #join{overflow-y:auto}.touch-controls .join-card{margin:auto;padding:18px}.touch-controls #join .controls,.mobile-instructions{display:none}.touch-controls .mobile-instructions{color:var(--muted);line-height:1.5;display:block}@media (orientation:landscape){.touch-controls #hud-chat{width:220px;top:110px;bottom:auto}.touch-controls .inv-col{width:min(100%,410px)}}