@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/big-shoulders-display-vietnamese-600-normal-DFOHoAUN.woff2) format("woff2"),url(/assets/big-shoulders-display-vietnamese-600-normal-CBD8Wfz0.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/big-shoulders-display-latin-ext-600-normal-D59XNmBM.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-ext-600-normal-BQAez9cc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/big-shoulders-display-latin-600-normal-DBjJvcBA.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-600-normal-DVaYP2lT.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/big-shoulders-display-vietnamese-700-normal-DCH5bIkD.woff2) format("woff2"),url(/assets/big-shoulders-display-vietnamese-700-normal-D5dmK5Ek.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/big-shoulders-display-latin-ext-700-normal-C8xZtiKd.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-ext-700-normal-D98SaizC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/big-shoulders-display-latin-700-normal-KM2fueoL.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-700-normal-CMi6UoP4.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/big-shoulders-display-vietnamese-800-normal-TfqTMNKp.woff2) format("woff2"),url(/assets/big-shoulders-display-vietnamese-800-normal-zHzF0To4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/big-shoulders-display-latin-ext-800-normal-fpv_pHPA.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-ext-800-normal-BQnXNQRw.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/big-shoulders-display-latin-800-normal-DDUD9Xuh.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-800-normal-CI0lhnTM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-ext-700-normal-ClYbKGw-.woff2) format("woff2"),url(/assets/instrument-sans-latin-ext-700-normal-BQc-7cTM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2) format("woff2"),url(/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #090b0a;--steel: #121618;--steel-2: #181d1f;--steel-3: #20262a;--line: #2b3236;--line-2: #3a4348;--text: #e9e5d7;--dim: #8b9389;--signal: #ff7a1a;--signal-d: #c95d0c;--signal-glow: rgba(255, 122, 26, .35);--bad: #ff4d3d;--good: #8fcf5a;--warn: #ffc23d;--health: #f0524d;--hunger: #f0a640;--thirst: #3fb0e8;--stamina: #b6e04f;--display: "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;--body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;--cut: 10px;font-family:var(--body);color-scheme:dark;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--ink);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dim{color:var(--dim)}.ico{display:block;flex:none}.item-ico{display:block;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}button{background:var(--steel-3);border:1px solid var(--line-2);border-radius:0;padding:8px 14px;cursor:pointer;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,border-color .12s,transform .08s}button:hover:not(:disabled){border-color:var(--signal);background:#272e32}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--signal);border-color:var(--signal);color:#1a0d03;font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}button.primary:hover:not(:disabled){background:#ff8f3d}button.ghost{background:transparent;border-color:var(--line-2)}button.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.ibtn{width:42px;height:42px;min-height:0;padding:0;position:relative;background:#0e1213c7;border-color:#ffffff24;backdrop-filter:blur(3px)}.ibtn.on{background:var(--signal);color:#1a0d03;border-color:var(--signal)}.ibtn .kc{position:absolute;right:2px;bottom:1px;font-size:9px;font-weight:700;color:var(--dim);line-height:1}.ibtn:hover:not(:disabled) .kc{color:var(--signal)}input,select{background:#0b0e0f;border:1px solid var(--line);border-radius:0;padding:9px 11px;width:100%;min-height:40px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--signal);outline-offset:1px}input[type=range]{padding:0;min-height:24px;accent-color:var(--signal)}input[type=checkbox]{width:18px;height:18px;min-height:0;margin-right:8px;accent-color:var(--signal)}kbd,.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#0b0e0f;border:1px solid var(--line-2);border-bottom-width:3px;font-size:11px;font-weight:700;color:var(--text);font-family:var(--body)}pre{background:#0b0e0f;border:1px solid var(--line);padding:10px;overflow:auto;font-size:13px}button.mini{min-height:26px;padding:1px 8px;font-size:12px}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:18px;overflow:auto;background:linear-gradient(115deg,transparent 0 62%,rgba(255,122,26,.06) 62% 62.4%,transparent 62.4%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 14px),radial-gradient(ellipse at 20% 0%,#1b2327 0%,transparent 60%),radial-gradient(ellipse at 90% 100%,#2a1a0d 0%,transparent 55%),var(--ink)}.brand{display:flex;align-items:center;gap:16px}.brand .logo{filter:drop-shadow(0 0 14px var(--signal-glow))}.brand h1{font-size:clamp(34px,7vw,58px);line-height:.9;font-weight:800;letter-spacing:.04em}.brand h1 em{color:var(--signal);font-style:normal}.brand span{display:block;margin-top:6px;color:var(--dim);letter-spacing:.42em;font-size:11px;font-weight:600}.card{position:relative;background:linear-gradient(180deg,var(--steel-2),var(--steel));border:1px solid var(--line);padding:22px;width:min(420px,100%);display:flex;flex-direction:column;gap:14px}.card:before,.panel:before{content:"";position:absolute;left:-1px;top:-1px;width:22px;height:22px;border-left:3px solid var(--signal);border-top:3px solid var(--signal);pointer-events:none}.card:after,.panel:after{content:"";position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border-right:3px solid var(--signal);border-bottom:3px solid var(--signal);pointer-events:none}.card.wide{width:min(780px,100%);max-height:100%;overflow:auto}.card h2{font-size:26px;display:flex;align-items:center;gap:10px}.field{position:relative;display:block}.field .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none}.field input{padding-left:42px}.field small{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.card small{font-size:12px}.name-free{color:var(--good)}.name-taken,.name-invalid{color:var(--bad)}.tabs{display:flex;gap:0;border:1px solid var(--line-2)}.tabs button{flex:1;border:0;background:transparent;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.tabs button.on{background:var(--signal);color:#1a0d03}.tabs.icons button{padding:6px}.stack{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;justify-content:flex-end}.msg{margin:0;padding:9px 12px;font-size:14px;border-left:3px solid var(--line-2);background:#0d1112;display:flex;gap:10px;align-items:flex-start}.msg.bad{border-color:var(--bad);color:#ffb4aa}.msg.ok{border-color:var(--good);color:#cdeaa9}.msg.warn{border-color:var(--warn);color:#ffe09a}.loading{gap:22px}.loadbar{width:min(380px,80%);height:10px;background:repeating-linear-gradient(90deg,#1c2326 0 8px,transparent 8px 11px)}.loadbar div{height:100%;background:repeating-linear-gradient(90deg,var(--signal) 0 8px,transparent 8px 11px);transition:width .3s;box-shadow:0 0 12px var(--signal-glow)}.loading p{margin:0;color:var(--dim);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-grid .tile-btn.play{grid-column:1 / -1}.tile-btn{flex-direction:column;min-height:92px;gap:8px;font-family:var(--display);font-size:15px;letter-spacing:.14em;text-transform:uppercase;background:var(--steel-3)}.tile-btn.play{flex-direction:row;min-height:74px;font-size:26px;background:var(--signal);color:#1a0d03;border-color:var(--signal);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.tile-btn.play:hover:not(:disabled){background:#ff8f3d}.userline{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:14px}.userline b{color:var(--text)}.worlds{display:flex;flex-direction:column;gap:8px}.world{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px;background:var(--steel-3);border:1px solid var(--line)}.world h3{font-size:22px}.world p{margin:4px 0 8px;color:var(--dim);font-size:14px}.meter{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.meter i{display:block;flex:0 0 120px;height:8px;background:repeating-linear-gradient(90deg,#0b0e0f 0 5px,transparent 5px 7px)}.meter i b{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--signal) 0 5px,transparent 5px 7px)}.char-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview{height:360px;background:radial-gradient(ellipse at 50% 80%,#2a1a0d,#0b0e0f 70%);border:1px solid var(--line)}.form{display:flex;flex-direction:column;gap:12px}.form>label,.settings label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.lbl{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px;font-weight:600;letter-spacing:.04em}.lbl .ico{color:var(--signal)}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatches button{width:34px;height:34px;min-height:34px;padding:0;border-color:transparent}.swatches button.on{outline:2px solid var(--signal);outline-offset:2px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{padding:6px 12px;min-height:34px}.seg button.on{background:var(--signal);border-color:var(--signal);color:#1a0d03}.check{flex-direction:row!important;align-items:center;color:var(--text)!important}.hint{color:var(--dim);font-size:13px;margin:0;display:flex;gap:8px;align-items:flex-start}.hint .ico{color:var(--signal);margin-top:1px}.viewport{position:fixed;inset:0;background:#000;touch-action:none}.viewport canvas{display:block}.hud{position:fixed;inset:0;pointer-events:none;font-size:13px;text-shadow:0 1px 2px #000;user-select:none}.hud button,.hud input{pointer-events:auto;text-shadow:none}.vignette{position:absolute;inset:0}.vignette.hurt{background:radial-gradient(ellipse at center,transparent 40%,rgba(220,30,20,.55) 100%)}.vignette.cold{background:radial-gradient(ellipse at center,transparent 45%,rgba(110,170,220,.38) 100%)}.vignette.low{background:radial-gradient(ellipse at center,transparent 55%,rgba(150,20,15,.45) 100%);animation:heartbeat 1.2s infinite}@keyframes heartbeat{0%,to{opacity:.6}20%{opacity:1}40%{opacity:.7}}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;opacity:.9;filter:drop-shadow(0 0 1px #000);background:linear-gradient(#fff,#fff) 50% 0 / 2px 6px no-repeat,linear-gradient(#fff,#fff) 50% 100% / 2px 6px no-repeat,linear-gradient(#fff,#fff) 0 50% / 6px 2px no-repeat,linear-gradient(#fff,#fff) 100% 50% / 6px 2px no-repeat}.crosshair:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;background:var(--signal)}.lockhint{position:absolute;left:50%;top:60%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#090b0ab8;padding:8px 14px;border:1px solid var(--line-2)}.lockhint .ico{color:var(--signal)}.compass{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(380px,44vw);height:34px;background:linear-gradient(180deg,#090b0ab8,#090b0a59);border:1px solid rgba(255,255,255,.12);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.compass-strip{position:absolute;inset:0}.tick{position:absolute;top:4px;width:1px;height:7px;background:#fff6;font-size:11px;display:block;text-align:center;overflow:visible;color:var(--text)}.tick.major{height:11px;background:#fff;top:2px}.tick em{position:absolute;top:12px;left:-10px;width:21px;font-style:normal;font-weight:700;font-family:var(--display);font-size:14px;letter-spacing:.05em}.compass-mark{position:absolute;left:50%;top:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--signal);transform:translate(-5px)}.compass-deg{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:var(--dim)}.hud-tr{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pillrow{display:flex;gap:4px}.pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;background:#090b0ab3;border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:13px}.pill .ico{color:var(--dim)}.pill.good .ico{color:var(--good)}.pill.warn .ico{color:var(--warn)}.pill.bad{border-color:var(--bad)}.pill.bad .ico{color:var(--bad)}.pill.admin{border-color:#8a6d2a;color:#ffd677}.pill.admin .ico{color:#ffd677}.pill.voice{pointer-events:auto;cursor:pointer}.pill.voice.on{border-color:var(--signal)}.pill.voice.on .ico{color:var(--signal)}.pill.voice.talking{background:var(--signal);color:#1a0d03}.pill.voice.talking .ico{color:#1a0d03}.pill.pos{color:var(--dim);font-weight:500}.hud-tl{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.rank{display:flex;align-items:center;gap:8px}.rank-badge{position:relative;width:42px;height:46px;display:grid;place-items:center;background:#0b0e0f;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:var(--display);font-weight:800;font-size:20px;color:var(--signal);box-shadow:inset 0 0 0 2px var(--signal)}.rank-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,var(--signal-glow))}.xpbar{width:96px;height:6px;background:#090b0acc;border:1px solid rgba(255,255,255,.15)}.xpbar i{display:block;height:100%;background:var(--signal)}.prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#090b0ac7;padding:6px 14px 6px 8px;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--signal)}.prompt-ico{width:34px;height:34px;display:grid;place-items:center;background:var(--steel-3);color:var(--signal)}.prompt-label{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase;line-height:1}.prompt-act{color:var(--dim);font-size:12px;margin-top:2px}.prompt.build.ok{border-left-color:var(--good)}.prompt.build.bad{border-left-color:var(--bad)}.prompt.build .prompt-ico{color:var(--good)}.prompt.build.bad .prompt-ico{color:var(--bad)}.keys{display:inline-flex;gap:4px;align-items:center}.hud-bl{position:absolute;left:12px;bottom:12px;width:232px;display:flex;flex-direction:column;gap:5px}.vital{display:grid;grid-template-columns:26px 1fr 28px;align-items:center;gap:8px}.vital .ico{color:var(--c);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c) 50%,transparent))}.vital-track{height:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 6px,transparent 6px 8px)}.vital-fill{height:100%;background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 8px);transition:width .25s}.vital.low .vital-fill,.vital.low .ico{animation:pulse .9s infinite}@keyframes pulse{50%{opacity:.35}}.vital b{text-align:right;font-size:13px;font-weight:700}.vital.health{--c: var(--health)}.vital.hunger{--c: var(--hunger)}.vital.thirst{--c: var(--thirst)}.vital.stamina{--c: var(--stamina)}.vital.health{grid-template-columns:26px 1fr 28px}.vital.health .vital-track{height:16px}.hotbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:5px}.held-name{position:absolute;bottom:74px;left:0;right:0;text-align:center;font-family:var(--display);font-size:17px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);pointer-events:none}.tile{position:relative;width:58px;height:58px;background:linear-gradient(180deg,#181d1fe6,#0c0f10e6);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:border-color .1s,transform .1s}.tile:hover{border-color:var(--line-2)}.tile.sel{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal),0 0 16px var(--signal-glow);transform:translateY(-4px)}.tile.sel:after{content:"";position:absolute;left:6px;right:6px;bottom:-4px;height:3px;background:var(--signal)}.tile .qty{position:absolute;right:4px;bottom:2px;font-size:12px;font-weight:800;text-shadow:0 1px 2px #000,0 0 4px #000}.tile-key{position:absolute;left:4px;top:2px;font-size:10px;font-weight:700;color:var(--dim)}.tile .ghost-ico{opacity:.22;color:var(--dim)}.tile.slot-empty{background:#090b0a8c}.tile.full.rar-weapon{box-shadow:inset 0 -2px #ff7a1a80}.ammo{position:absolute;right:14px;bottom:76px;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;background:#090b0abf;border:1px solid rgba(255,255,255,.14);border-right:3px solid var(--signal);pointer-events:none}.ammo b{font-family:var(--display);font-size:40px;line-height:.9;font-weight:800}.ammo b.empty{color:var(--bad)}.ammo .types{display:flex;align-items:center;gap:6px;color:var(--dim)}.toasts{position:absolute;left:50%;top:56px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.toast{display:flex;align-items:center;gap:9px;background:#090b0ad9;border:1px solid var(--line-2);border-left:3px solid var(--signal);padding:5px 14px 5px 9px;animation:toastin .2s ease-out}.toast .ico{color:var(--signal)}.toast.good{border-left-color:var(--good)}.toast.good .ico{color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.bad .ico{color:var(--bad)}@keyframes toastin{0%{opacity:0;transform:translateY(-6px)}}.hud-menu{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.chat{position:absolute;left:12px;bottom:136px;width:min(420px,60vw)}.chat-log{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:13px}.chat.open .chat-log{background:#090b0ad1;padding:8px;pointer-events:auto;max-height:220px;border:1px solid var(--line)}.chat-line{display:flex;gap:6px;align-items:baseline}.chat-line .ico{color:var(--dim);transform:translateY(2px);flex:none}.chat-line b{color:var(--signal);font-weight:700}.chat-input{display:flex;gap:4px;margin-top:4px}.chat-input button{min-height:38px;padding:4px 11px}.banner{position:fixed;top:54px;left:50%;transform:translate(-50%);background:var(--bad);color:#1a0502;padding:7px 16px;z-index:30;display:flex;align-items:center;gap:10px;font-weight:700}.hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;pointer-events:none;background:linear-gradient(45deg,transparent 44%,#fff 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#fff 44% 56%,transparent 56%);-webkit-mask:radial-gradient(circle,transparent 5px,#000 6px);mask:radial-gradient(circle,transparent 5px,#000 6px)}.hitmarker.kill{filter:drop-shadow(0 0 5px var(--bad));background:linear-gradient(45deg,transparent 40%,var(--bad) 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--bad) 40% 60%,transparent 60%)}.killfeed{position:absolute;right:12px;top:120px;display:flex;flex-direction:column;gap:3px;align-items:flex-end;pointer-events:none}.kill-row{display:flex;align-items:center;gap:8px;background:#090b0ac7;padding:4px 10px;border-right:3px solid var(--line-2);animation:toastin .2s ease-out}.kill-row.brutal{border-right-color:var(--bad)}.kill-row.me b:first-child{color:var(--signal)}.kill-row .ico,.kill-row .item-ico{color:var(--dim)}.kill-row.brutal .ico{color:var(--bad)}.airbanner{position:absolute;left:50%;top:100px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:6px 16px 6px 10px;background:#090b0ad1;border:1px solid var(--signal);font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.08em;pointer-events:none}.airbanner .ico{color:var(--signal);animation:pulse 1.4s infinite}.airbanner .count{color:var(--signal);font-size:24px}.bloodscreen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 22%,rgba(120,6,10,.75) 0 5%,transparent 12%),radial-gradient(ellipse at 82% 30%,rgba(130,8,12,.7) 0 6%,transparent 14%),radial-gradient(ellipse at 40% 85%,rgba(110,6,10,.7) 0 7%,transparent 15%),radial-gradient(ellipse at 70% 78%,rgba(120,8,12,.6) 0 4%,transparent 11%),radial-gradient(ellipse at center,transparent 55%,rgba(110,0,6,.55) 100%)}.overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#090b0a8c,#090b0ae0);display:flex;align-items:center;justify-content:center;padding:12px;z-index:20;backdrop-filter:blur(2px)}.panel{position:relative;background:linear-gradient(180deg,var(--steel-2),var(--steel));border:1px solid var(--line);padding:16px;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:14px;width:min(920px,100%);animation:panelin .16s ease-out}@keyframes panelin{0%{opacity:0;transform:translateY(8px)}}.panel.small{width:min(480px,100%)}.panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--signal) 0 38px,transparent 38px) 0 100% / 100% 2px no-repeat}.panel header h2{font-size:26px;display:flex;align-items:center;gap:10px}.panel header h2 .ico{color:var(--signal)}.panel footer{display:flex;gap:10px;justify-content:space-between;align-items:center}.close{width:36px;height:36px;min-height:0;padding:0}.close:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.inv-body{display:flex;gap:20px;flex-wrap:wrap}.inv-body section{display:flex;flex-direction:column;gap:10px}.inv-body section.grow{flex:1;min-width:280px}.sec-title{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:var(--dim)}.sec-title .ico{color:var(--signal)}.paperdoll{display:grid;grid-template-columns:repeat(2,64px);gap:6px}.paperdoll .tile{width:64px;height:64px;background:#090b0ab3}.grid{display:grid;grid-template-columns:repeat(6,58px);gap:5px}.grid.cont{grid-template-columns:repeat(4,58px)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip-stat{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;background:var(--steel-3);border:1px solid var(--line);font-weight:700;font-size:13px}.chip-stat .ico{color:var(--signal)}.chip-stat.cold .ico{color:var(--thirst)}.inv-detail{min-height:78px;border-top:1px solid var(--line);padding-top:12px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.detail{display:flex;gap:12px;align-items:center;min-width:0;flex:1}.detail-art{width:60px;height:60px;background:var(--steel-3);border:1px solid var(--line);display:grid;place-items:center;flex:none}.detail-text{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:0}.detail-text h3{font-size:22px;line-height:1}.detail-text h3 em{font-style:normal;color:var(--signal);margin-left:6px}.detail-text .desc{color:var(--dim)}.detail-actions{display:flex;gap:6px;flex-wrap:wrap}.act{width:44px;height:44px;min-height:0;padding:0}.act.primary{clip-path:none}.empty-hint{display:flex;align-items:center;gap:10px;color:var(--dim)}.tabs-ico{display:flex;gap:6px}.tabs-ico button{width:48px;height:44px;padding:0;min-height:0;background:var(--steel-3)}.tabs-ico button.on{background:var(--signal);border-color:var(--signal);color:#1a0d03}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.recipe{background:var(--steel-3);border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px;position:relative}.recipe.sel{border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal)}.recipe.off .recipe-art{opacity:.55}.recipe-head{display:flex;gap:12px;align-items:center}.recipe-art{width:52px;height:52px;background:#0b0e0f;border:1px solid var(--line);display:grid;place-items:center;flex:none;position:relative}.recipe-art .qty{position:absolute;right:3px;bottom:1px;font-weight:800;font-size:12px}.recipe-head h3{font-size:19px;line-height:1.05}.recipe-head .dim{font-size:12px;line-height:1.3;display:block;margin-top:2px}.inputs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.inputs li{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;background:#0b0e0f;border:1px solid var(--line);font-weight:700;font-size:13px}.inputs .ok{border-color:#3d5a2a;color:var(--good)}.inputs .miss{border-color:#6a2b24;color:var(--bad)}.inputs li small{color:var(--dim);font-weight:500}.station{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.station.miss{color:var(--warn)}.station.ok{color:var(--good)}.map-canvas{width:min(640px,100%,calc(100vh - 170px));aspect-ratio:1;align-self:center;background:#0b0e0f;border:1px solid var(--line-2)}.legend{justify-content:center!important;flex-wrap:wrap;font-size:13px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .dot{display:inline-block;width:11px;height:11px;border:1px solid #000}.legend .sw-self{color:#fff}.legend .sw-other{color:#6fa9d8}.legend .sw-hut{color:#d8c9a0}.legend .sw-cave{color:#8a7f74}.legend .sw-base{color:#e0b04a}.legend .sw-crate{color:#ff5a3a}.plist{width:100%;border-collapse:collapse;font-size:14px}.plist th,.plist td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.plist th{color:var(--dim);font-weight:600;font-size:12px}.plist .me td{color:var(--signal)}.settings .form{gap:16px}.death{position:fixed;inset:0;z-index:25;background:radial-gradient(ellipse at center,#460806b3,#140202f0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:16px;animation:panelin .5s ease-out}.death .skull{color:var(--bad);filter:drop-shadow(0 0 20px rgba(255,60,40,.6))}.death h1{font-size:clamp(48px,10vw,88px);line-height:.9;font-weight:800;letter-spacing:.1em}.death .cause{display:flex;align-items:center;gap:10px;color:#ffb4aa;font-size:16px}.death .stack{width:min(280px,100%);flex-direction:row;justify-content:center;margin-top:10px}.death .stack button{flex:1;min-height:56px}.nametag{background:#090b0ab3;padding:1px 8px;font-size:12px;font-weight:600;white-space:nowrap;color:#fff;transform:translateY(-4px);border-bottom:2px solid var(--signal)}.touch{position:fixed;inset:0;z-index:10;touch-action:none;pointer-events:none}.touch>*{pointer-events:auto}.touch-look{position:absolute;inset:0;z-index:0}.stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:100px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#ff7a1a14,#ffffff0a);border:2px solid rgba(255,255,255,.22);touch-action:none;z-index:1}.knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:#ff7a1a59;border:2px solid var(--signal)}.tbtns{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:84px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;z-index:1}.tbtn{width:56px;height:56px;min-height:0;padding:0;background:#0e1213c7;border:1px solid rgba(255,255,255,.28);border-radius:50%;touch-action:none;user-select:none}.tbtn.big{width:88px;height:88px;background:#ff7a1ad9;border-color:var(--signal);color:#1a0d03}.tbtn.act,.tbtn.on{background:var(--signal);color:#1a0d03;border-color:var(--signal)}.tmods{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:244px;display:flex;gap:8px;z-index:1}.tbtn.small{width:46px;height:46px}@media(pointer:coarse),(max-width:760px){.hud-bl{width:160px;bottom:6px;left:8px;gap:3px}.vital{grid-template-columns:20px 1fr 24px;gap:5px}.vital-track{height:9px}.vital.health .vital-track{height:11px}.vital b{font-size:11px}.hotbar{bottom:6px;gap:3px}.tile{width:44px;height:44px}.tile .item-ico{width:28px;height:28px}.held-name{bottom:58px;font-size:14px}.hud-menu{inset:58px auto auto 8px;flex-wrap:wrap;max-width:150px;gap:3px}.ibtn{width:36px;height:36px}.ibtn .kc{display:none}.hud-tl{top:8px;left:8px}.hud-tr{top:8px;right:8px;gap:2px}.pill{height:24px;padding:0 7px;font-size:12px;gap:5px}.pill.pos{display:none}.compass{width:32vw;top:8px}.tmods{bottom:232px}.tbtns{bottom:62px}.tbtn.big{width:76px;height:76px}.tbtn{width:50px;height:50px}.chat{bottom:62px;left:6px;width:50vw;display:none}.chat.open{display:block;bottom:62px}.char-grid{grid-template-columns:1fr}.preview{height:240px}.grid{grid-template-columns:repeat(6,44px)}.grid.cont{grid-template-columns:repeat(4,44px)}.paperdoll{grid-template-columns:repeat(4,50px)}.paperdoll .tile{width:50px;height:50px}.toasts{top:44px}.killfeed{top:90px}.ammo{bottom:62px;right:8px}.ammo b{font-size:30px}.airbanner{top:80px;font-size:16px}}.pill.admin-pill{border-color:#8a6d2a}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.admin-box{background:var(--steel-3);border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px}.admin-box h3{font-size:15px;color:var(--warn);letter-spacing:.12em}.admin-box label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}.admin-box label.check{flex-direction:row;align-items:center;color:var(--text)}.admin-row{display:flex;gap:6px}.admin-row>*{flex:1;min-width:0}