:root{--ink:#0b1d2a;--ink-2:#12303f;--foam:#f4fbfa;--teal:#35e0c8;--aqua:#19b8d4;--coral:#ff7a59;--pink:#ff3d8b;--sun:#ffd166;--lilac:#b79cff;--danger:#ff4d5e;--glass:#0b1d2a9e;--glass-line:#f4fbfa29;--display:"Avenir Next Condensed", "Futura", "Century Gothic", "Trebuchet MS", "Segoe UI", sans-serif;--body:"Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--foam);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}#boot{z-index:50;background:radial-gradient(120% 90% at 50% 110%,#ff7a59 0%,#c2357f 26%,#2a1b52 58%,#0b1d2a 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .6s;display:flex;position:fixed;inset:0}#boot.hidden{opacity:0;pointer-events:none}.boot-title{font-family:var(--display);letter-spacing:.14em;text-indent:.14em;font-size:clamp(48px,9vw,120px);font-weight:800;line-height:1}.boot-sub{font-family:var(--display);letter-spacing:.5em;text-transform:uppercase;color:var(--sun);text-indent:.5em;font-size:clamp(14px,2vw,24px)}.boot-bar{background:#ffffff2e;border-radius:2px;width:min(360px,60vw);height:4px;margin-top:28px;overflow:hidden}#boot-fill{background:linear-gradient(90deg, var(--teal), var(--sun));width:0%;height:100%;transition:width .25s}#boot-text{letter-spacing:.08em;opacity:.8;min-height:1.4em;font-size:13px}.title{z-index:20;background:linear-gradient(90deg,#06101af0 0%,#06101acc 30%,#06101a2e 62%,#06101a00 100%),url(../assets/img/title.webp) 50%/cover no-repeat;align-items:stretch;transition:opacity .45s;display:flex;position:fixed;inset:0}#ui>.title{pointer-events:auto}#ui>.title.hidden{opacity:0;pointer-events:none}.title-panel{flex-direction:column;justify-content:center;gap:18px;width:min(700px,96vw);padding:clamp(24px,5vw,72px);display:flex}.title-kicker{font-family:var(--display);letter-spacing:.34em;text-transform:uppercase;color:var(--sun);font-size:13px}.title-name{font-family:var(--display);letter-spacing:.08em;white-space:nowrap;background:linear-gradient(#fff6e4 0%,#ffd166 46%,#ff7a59 78%,#ff3d8b 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,6.4vw,96px);font-weight:800;line-height:.92}.title-line{color:#f4fbfadb;max-width:34em;margin:0;font-size:16px;line-height:1.5}.title-label{font-family:var(--display);letter-spacing:.26em;text-transform:uppercase;color:#f4fbfa99;margin-bottom:8px;font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--glass-line);color:var(--foam);font:inherit;text-align:left;cursor:pointer;background:#0b1d2a80;border-radius:10px;flex-direction:column;gap:2px;padding:8px 14px;transition:border-color .15s,background .15s;display:flex}.chip:hover{border-color:#35e0c899}.chip.on{border-color:var(--teal);background:#35e0c829}.chip-name{font-family:var(--display);letter-spacing:.04em;font-size:15px;font-weight:700}.chip-note{color:#f4fbfa9e;font-size:12px}.play{color:#2a1406;min-width:220px;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffd166 0%,#ff9d4d 100%);border:0;border-radius:12px;align-self:flex-start;padding:16px 34px;font-size:24px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 10px 30px #ff7a5959}.play:hover{transform:translateY(-2px);box-shadow:0 14px 36px #ff7a5980}.play:focus-visible,.chip:focus-visible,.pause button:focus-visible,.result button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.keys{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 20px;margin:4px 0 0;display:grid}.keys-row{align-items:center;gap:8px;display:flex}.keys-what{color:#f4fbfabd;margin:0;font-size:13px}.key{min-width:26px;font-family:var(--mono);text-align:center;white-space:nowrap;color:var(--foam);background:#0b1d2ab3;border:1px solid #f4fbfa4d;border-bottom-width:2px;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-block}.title-note{color:#f4fbfa80;max-width:36em;margin:6px 0 0;font-size:12px;line-height:1.5}.prompt{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:15px;transition:opacity .15s,transform .15s;display:flex;position:fixed;bottom:22%;left:50%;transform:translate(-50%,6px)}.prompt.show{opacity:1;transform:translate(-50%)}.place{font-family:var(--display);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;text-shadow:0 2px 18px #0000008c;opacity:0;font-size:clamp(22px,3vw,40px);font-weight:800;position:fixed;top:15%;left:50%;transform:translate(-50%)}.place.show{animation:4.2s forwards place}@keyframes place{0%{opacity:0;letter-spacing:.5em}14%,70%{opacity:1;letter-spacing:.3em}to{opacity:0;letter-spacing:.3em}}.pause{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:16;background:#0b1d2ad6;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:260px;padding:24px 30px 18px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000080,0 0 0 200vmax #06101a66}#ui>.pause.show{pointer-events:auto;display:flex}.pause-title{font-family:var(--display);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;font-size:26px;font-weight:800}.pause-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.pause-slot{display:contents}.pause-slot>button{align-self:stretch}.pause-text{color:#f4fbfab3;align-items:center;gap:5px;font-size:12px;display:flex}.pause-actions button,.result-back{color:var(--foam);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#f4fbfa0d;border:1px solid #f4fbfa42;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:700;transition:border-color .12s,background .12s,transform .12s}.pause-actions button:hover,.result-back:hover{border-color:var(--teal);background:#35e0c81f}.pause-actions .pause-resume,.result-again{color:#2a1406;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffd166 0%,#ff9d4d 100%);border:0;border-radius:10px;padding:12px 26px;font-size:17px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 24px #ff7a594d}.pause-actions .pause-resume:hover,.result-again:hover{background:linear-gradient(#ffd166 0%,#ff9d4d 100%);transform:translateY(-1px);box-shadow:0 12px 30px #ff7a5973}.look-hint{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f4fbfadb;opacity:0;border-radius:999px;padding:6px 14px;font-size:13px;transition:opacity .2s;position:fixed;bottom:9%;left:50%;transform:translate(-50%)}.look-hint.show{opacity:1}.result{z-index:15;background:radial-gradient(#06101a4d 0%,#06101acc 100%);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#ui>.result.show{pointer-events:auto;animation:.4s result-in;display:flex}.result-card{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0b1d2ad6;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(580px,92vw);padding:34px 40px 30px;display:flex;box-shadow:0 30px 80px #0000008c}.result.win .result-card{border-color:#ffd16699;box-shadow:0 30px 80px #0000008c,0 0 80px #ff9d4d47}.result.loss .result-card{border-top:3px solid var(--coral)}.result-kicker{font-family:var(--display);letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;color:var(--coral);font-size:12px;font-weight:700}.result.win .result-kicker{color:var(--sun)}.result-title{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(34px,5.2vw,62px);font-weight:800;line-height:1}.result.win .result-title{background:linear-gradient(#fff6e4 0%,#ffd166 46%,#ff7a59 78%,#ff3d8b 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.result-note{color:#f4fbfad6;max-width:32em;margin:0;font-size:15px;line-height:1.45}.result-stats{gap:10px;margin:8px 0 4px;display:none}.result-stats.show{display:flex}.result-stat{border:1px solid var(--glass-line);background:#f4fbfa0f;border-radius:10px;min-width:132px;padding:10px 14px 12px}.result-label{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:#f4fbfa9e;font-size:10px;font-weight:700}.result-stat dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:24px;font-weight:700}.result.win .result-place{color:var(--sun)}.result-actions{gap:12px;margin-top:10px;display:flex}.result-again{min-width:200px}@keyframes result-in{0%{opacity:0;transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.title,.play,.prompt{transition:none}#ui>.result.show{animation:none}.place.show{animation-duration:10ms}}@media (max-width:640px){.keys{grid-template-columns:repeat(2,auto)}}.note{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:0;border-radius:10px;max-width:min(520px,86vw);padding:9px 16px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;top:23%;left:50%;transform:translate(-50%,-6px)}.note.show{opacity:1;transform:translate(-50%)}.altimeter{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:baseline;gap:8px;padding:8px 14px;display:none;position:fixed;top:44%;right:4%}.altimeter.show{display:flex}.altimeter-value{min-width:2.4em;font-family:var(--display);font-variant-numeric:tabular-nums;text-align:right;color:var(--sun);font-size:30px;font-weight:800}.altimeter-label{color:#f4fbfac7;font-size:13px}.hud{opacity:0;font-family:var(--body);transition:opacity .25s;position:absolute;inset:0}.hud.show{opacity:1}.cross{--gap:6px;opacity:0;width:0;height:0;transition:opacity .12s;position:absolute;top:50%;left:50%}.cross.show{opacity:1}.cross .tick,.cross .dot{background:var(--foam);border-radius:1px;position:absolute;box-shadow:0 0 0 1px #0b1d2a8c}.cross .dot{width:2px;height:2px;top:-1px;left:-1px}.cross .tick-n,.cross .tick-s{width:2px;height:9px;left:-1px}.cross .tick-e,.cross .tick-w{width:9px;height:2px;top:-1px}.cross .tick-n{top:calc(-9px - var(--gap))}.cross .tick-s{top:var(--gap)}.cross .tick-w{left:calc(-9px - var(--gap))}.cross .tick-e{left:var(--gap)}.hitmark{opacity:0;--mark:var(--foam);background:linear-gradient(var(--mark), var(--mark)) center top / 2px 8px no-repeat, linear-gradient(var(--mark), var(--mark)) center bottom / 2px 8px no-repeat, linear-gradient(var(--mark), var(--mark)) left center / 8px 2px no-repeat, linear-gradient(var(--mark), var(--mark)) right center / 8px 2px no-repeat;width:26px;height:26px;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(.7)}.hitmark.show{opacity:1;transition:none;transform:translate(-50%,-50%)rotate(45deg)scale(1)}.hitmark.head{--mark:var(--sun)}.hitmark.kill{--mark:var(--coral);width:36px;height:36px}.scope{opacity:0;background:linear-gradient(#f4fbfabf,#f4fbfabf) 50%/1px 46vh no-repeat,linear-gradient(#f4fbfabf,#f4fbfabf) 50%/46vh 1px no-repeat,radial-gradient(circle,#0000 0 33vh,#040c12f7 33.4vh);transition:opacity .1s;position:absolute;inset:0}.scope.show{opacity:1}.hurt-vignette{opacity:0;background:radial-gradient(#0000 52%,#ff4d5e8c 100%);position:absolute;inset:0}.hurt-ring{opacity:0;background:conic-gradient(from -24deg,#ff4d5ee6 0deg 48deg,#0000 48deg);border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 0 138px,#000 139px 150px,#0000 151px);mask:radial-gradient(circle,#0000 0 138px,#000 139px 150px,#0000 151px)}.vitals{flex-direction:column;gap:6px;width:300px;display:flex;position:absolute;bottom:26px;left:28px}.bar{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;height:22px;position:relative;overflow:hidden}.bar-armor{height:16px}.bar-fill{width:100%;transition:width .18s;position:absolute;inset:0 auto 0 0}.bar-fill.health{background:linear-gradient(90deg, #2fd08a, var(--teal))}.bar-fill.health.low{background:linear-gradient(90deg, var(--danger), var(--coral))}.bar-fill.armor{background:linear-gradient(90deg, var(--aqua), #6ad7ff)}.bar-label,.bar-num{font:700 11px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);mix-blend-mode:normal;text-shadow:0 0 6px #f4fbfa99;position:absolute;top:50%;transform:translateY(-50%)}.bar-label{left:9px}.bar-num{font-family:var(--mono);letter-spacing:0;font-size:12px;right:9px}.pouch{gap:5px;display:flex}.pouch-item{background:var(--glass);border:1px solid var(--glass-line);opacity:.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 2px 4px;display:flex}.pouch-item.have{opacity:1}.pouch-name{font:600 9px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#f4fbfab8}.pouch-count{font:700 13px/1 var(--mono)}.key-small{min-width:16px;padding:1px 4px;font-size:9px}.cash{background:var(--glass);border:1px solid var(--glass-line);font:700 13px/1.2 var(--mono);color:var(--sun);border-radius:6px;align-self:flex-start;padding:3px 9px}.arms{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:26px;right:28px}.weapon-name{--tier:transparent;font:700 15px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px #0b1d2acc;border-right:3px solid var(--tier);padding-right:10px}.weapon-name[data-tier]:not([data-tier=""]):after{content:attr(data-tier);color:var(--tier);margin-left:8px;font-size:10px}.ammo{font-family:var(--mono);text-shadow:0 1px 8px #0b1d2ad9;align-items:baseline;gap:4px;display:none}.ammo.show{display:flex}.ammo-mag{font-size:40px;font-weight:700;line-height:1}.ammo-mag.low{color:var(--coral)}.ammo-sep,.ammo-reserve{color:#f4fbfab3;font-size:18px}.rack{gap:5px;display:flex}.slot{--tier:transparent;background:var(--glass);border:1px solid var(--glass-line);opacity:.38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;flex-direction:column;gap:4px;width:98px;padding:6px 6px 8px;display:flex;position:relative}.slot.have{opacity:.85}.slot.on{opacity:1;border-color:var(--foam);background:#12303fd1}.slot .key-small{align-self:flex-start}.slot-name{font:600 9px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot-tier{background:var(--tier);border-radius:1px;height:2px;position:absolute;bottom:3px;left:6px;right:6px}.reload{background:var(--glass);border:1px solid var(--glass-line);opacity:0;border-radius:6px;width:190px;height:20px;transition:opacity .12s;position:absolute;bottom:22%;left:50%;overflow:hidden;transform:translate(-50%)}.reload.show{opacity:1}.reload-fill{background:linear-gradient(90deg, var(--aqua), var(--teal));width:0;position:absolute;inset:0 auto 0 0}.reload-text{font:700 10px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 4px #0b1d2ae6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.toasts{flex-direction:column-reverse;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:190px;right:28px}.toast{background:var(--glass);border:1px solid var(--glass-line);border-right:3px solid var(--teal);font:600 12px/1.2 var(--body);border-radius:6px;padding:5px 10px;transition:opacity .4s,transform .4s;animation:.18s toast-in}.toast.weapon{border-right-color:var(--sun)}.toast.cash{border-right-color:#4fbf6b}.toast.kill{border-right-color:var(--coral);font-weight:700}.toast.out{opacity:0;transform:translate(12px)}@keyframes toast-in{0%{opacity:0;transform:translate(14px)}}.vitals,.arms{transition:opacity .4s}.hud.dead .vitals,.hud.dead .arms{opacity:0}.hud-top{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.compass{background:linear-gradient(#0b1d2a75 0 25px,#0000 25px);border-radius:6px 6px 0 0;width:372px;height:46px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18% 82%,#0000 100%)}.compass-tape{will-change:transform;height:26px;position:absolute;top:0;left:0}.compass-mark{font:600 9px/1 var(--mono);color:#f4fbfa9e;text-shadow:0 1px 4px #0b1d2ae6;padding-top:10px;position:absolute;top:0;transform:translate(-50%)}.compass-mark:before{content:"";background:#f4fbfa99;width:1px;height:6px;margin-left:-.5px;position:absolute;top:0;left:50%;box-shadow:0 0 0 1px #0b1d2a59}.compass-mark.half{font:700 10px/1 var(--display);letter-spacing:.06em;color:#f4fbfadb}.compass-mark.cardinal{font:800 14px/1 var(--display);color:var(--foam);padding-top:11px}.compass-mark.cardinal:before{background:var(--foam);width:2px;height:8px;margin-left:-1px}.compass-mark.north{color:var(--sun)}.compass-mark.north:before{background:var(--sun)}.compass-needle{border:5px solid #0000;border-top:7px solid var(--coral);filter:drop-shadow(0 1px 2px #0b1d2acc);border-bottom:0;margin-left:-5px;position:absolute;top:0;left:50%}.compass-read{background:var(--glass);border:1px solid var(--glass-line);font:700 11px/1.1 var(--mono);border-radius:999px;align-items:baseline;gap:6px;padding:2px 9px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.compass-point{min-width:1.5em;font-family:var(--display);letter-spacing:.08em;text-align:right;color:var(--sun)}.compass-deg:after{content:"°"}.storm{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:9px;padding:5px 13px 5px 10px;display:none}.storm.show{display:flex}.storm-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #35e0c838}.storm-phase{font:700 10px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#f4fbfa9e}.storm-text{font:700 13px/1.1 var(--body);font-variant-numeric:tabular-nums}.storm.closing{border-color:#ff7a59b3}.storm.closing .storm-dot,.storm.shut .storm-dot{background:var(--coral);animation:.9s ease-in-out infinite storm-blink;box-shadow:0 0 0 3px #ff7a5940}.storm.closing .storm-text{color:#ffc2b0}.storm-warn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#281e0aa8;border:1px solid #ffd16680;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 16px 7px;display:none}.storm-warn.show{display:flex}.storm-warn-title{font:800 11px/1 var(--display);letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;color:var(--sun)}.storm-warn-text{font:600 12px/1.2 var(--body);font-variant-numeric:tabular-nums}.storm-warn.out{background:#3e0a16b8;border-color:#ff4d5ebf;animation:1s ease-in-out infinite storm-pulse}.storm-warn.out .storm-warn-title{color:#ff97a1;font-size:14px}@keyframes storm-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 5px #ff4d5e33,0 0 28px #ff4d5e8c}}@keyframes storm-blink{50%{opacity:.35}}.storm-tint{opacity:0;background:radial-gradient(#7892a024 25%,#222e46a8 100%);position:absolute;inset:0;overflow:hidden}.storm-tint.show:after{content:"";background:repeating-linear-gradient(104deg,#0000 0 21px,#e2eef629 21px 22px,#0000 22px 53px);width:140%;height:160%;animation:.42s linear infinite storm-rain;position:absolute;top:-30%;left:-20%;-webkit-mask-image:repeating-linear-gradient(14deg,#000 0 54px,#0000 54px 150px);mask-image:repeating-linear-gradient(14deg,#000 0 54px,#0000 54px 150px)}@keyframes storm-rain{to{transform:translate(-36.3px,145.5px)}}.hud-corner{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:22px;right:28px}.minimap{background:#0e2f43;border:1px solid #f4fbfa47;border-radius:12px;width:208px;height:208px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.minimap-canvas,.fullmap-canvas{width:100%;height:100%;display:block}.minimap-north,.fullmap-north{font:800 10px/1 var(--display);color:var(--sun);text-shadow:0 0 3px #06101a,0 0 3px #06101a;position:absolute;top:4px;left:50%;transform:translate(-50%)}.minimap-key{font:600 10px/1 var(--body);text-shadow:0 0 3px #06101a,0 0 3px #06101a;align-items:center;gap:4px;display:flex;position:absolute;bottom:5px;right:5px}.tally{gap:6px;display:none}.tally.show{display:flex}.tally-item{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;align-items:baseline;gap:6px;padding:4px 10px 5px;display:flex}.tally-item b{font:700 17px/1 var(--mono)}.tally-kills{color:var(--sun)}.tally-label{font:700 9px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#f4fbfab3}.feed{flex-direction:column;align-items:flex-start;gap:4px;max-width:400px;display:none;position:absolute;top:22px;left:28px}.feed.show{display:flex}.feed-line{background:var(--glass);border:1px solid var(--glass-line);font:600 12px/1.2 var(--body);white-space:nowrap;border-left:3px solid #f4fbfa52;border-radius:6px;align-items:center;gap:7px;padding:4px 10px;transition:opacity .4s,transform .4s;animation:.2s feed-in;display:flex}.feed-line.mine{border-color:#ffd16680;border-left-color:var(--sun);background:#362808bd}.feed-line.out{opacity:0;transform:translate(-12px)}.feed-killer{font-weight:700}.feed-killer.nature{color:var(--lilac)}.feed-how{font:700 9px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#f4fbfacc;background:#f4fbfa1f;border-radius:4px;padding:2px 6px}.feed-victim{color:#f4fbfacc}.feed-head{border:2px solid var(--sun);border-radius:50%;width:11px;height:11px;position:relative}.feed-head:after{content:"";background:var(--sun);border-radius:50%;width:3px;height:3px;position:absolute;top:2px;left:2px}@keyframes feed-in{0%{opacity:0;transform:translate(-14px)}}.spectate{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 24px 11px;display:none;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.spectate.show{display:flex}.spectate-kicker{font:700 10px/1 var(--display);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--coral)}.spectate.watching .spectate-kicker{color:var(--teal)}.spectate-name{font:800 22px/1.1 var(--display);letter-spacing:.06em}.spectate-keys{font:600 11px/1 var(--body);color:#f4fbfac2;align-items:center;gap:12px;display:flex}.spectate-hint{align-items:center;gap:5px;display:flex}.spectate:not(.watching) .spectate-switch{display:none}.fullmap{background:#06101a6b;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.fullmap.show{display:flex}.fullmap-panel{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1d2ae0;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;box-shadow:0 24px 70px #00000080}.fullmap-head{align-items:center;gap:16px;display:flex}.fullmap-title{font:800 17px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;margin:0 auto 0 0}.fullmap-legend{font:600 11px/1 var(--body);color:#f4fbfacc;gap:14px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-mark{border-top:3px solid var(--teal);width:16px;height:0}.legend-mark.next{border-top:3px dashed var(--sun)}.legend-mark.you{border:5px solid #0000;border-top:0;border-bottom:10px solid var(--foam);width:0}.fullmap-close{font:600 11px/1 var(--body);color:#f4fbfacc;align-items:center;gap:4px;display:flex}.fullmap-chart{aspect-ratio:1;background:#0e2f43;border:1px solid #f4fbfa33;border-radius:10px;width:min(76vh,76vw,820px);position:relative;overflow:hidden}.map-label{width:min-content;font:800 11px/1.12 var(--display);letter-spacing:.13em;text-align:center;text-transform:uppercase;color:var(--foam);text-shadow:0 0 3px #06101a,0 0 3px #06101a,0 0 6px #06101a;position:absolute;transform:translate(-50%,-50%)}.map-label.minor{letter-spacing:.08em;color:#f4fbfadb;font-size:9px;font-weight:700;transform:translate(-50%,calc(-100% - 7px))}@media (max-width:900px){.slot{width:62px}.vitals{width:220px}.minimap{width:150px;height:150px}.hud-top{transform-origin:top;top:8px;transform:translate(-50%)scale(.82)}.feed{max-width:46vw;top:64px}.fullmap-legend{display:none}}@media (prefers-reduced-motion:reduce){.storm-warn.out,.storm-tint.show:after,.storm.closing .storm-dot,.storm.shut .storm-dot{animation:none}}.settings-button{border:1px solid var(--glass-line);color:var(--foam);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#0b1d2a80;border-radius:10px;align-self:flex-start;padding:9px 18px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}.settings-button:hover{background:#35e0c81a;border-color:#35e0c899}.settings{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;background:#06101a9e;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#ui>.settings.show{pointer-events:auto;display:flex}.settings-card{border:1px solid var(--glass-line);width:min(520px,100%);max-height:100%;color:var(--foam);background:linear-gradient(#12303ff0,#0b1d2af5);border-radius:16px;outline:none;flex-direction:column;animation:.16s ease-out settings-in;display:flex;box-shadow:0 18px 60px #00000073,inset 0 1px #f4fbfa14}@keyframes settings-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.settings-head{border-bottom:1px solid var(--glass-line);padding:20px 24px 14px}.settings-title{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:30px;font-weight:800;line-height:1.05}.settings-sub{color:#f4fbfaa8;margin:6px 0 0;font-size:13px}.settings-body{flex-direction:column;gap:18px;padding:16px 24px 18px;display:flex;overflow-y:auto}.settings-group{flex-direction:column;gap:10px;display:flex}.settings-legend{font-family:var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--teal);margin:0;font-size:11px;font-weight:700}.settings-row{grid-template-columns:112px 1fr 52px;align-items:center;gap:14px;min-height:32px;display:grid}.settings-label{font-size:15px}.settings-value{font-family:var(--mono);text-align:right;color:#f4fbfad1;font-size:13px}.settings-range{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:24px;margin:0}.settings-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--teal) var(--fill), #f4fbfa29 var(--fill));border-radius:3px;height:6px}.settings-range::-moz-range-track{background:linear-gradient(90deg, var(--teal) var(--fill), #f4fbfa29 var(--fill));border-radius:3px;height:6px}.settings-range::-webkit-slider-thumb{border:2px solid var(--ink);background:var(--foam);appearance:none;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 2px 6px #0006}.settings-range::-moz-range-thumb{border:2px solid var(--ink);background:var(--foam);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.settings-presets{grid-column:2/4;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.settings-preset{border:1px solid var(--glass-line);color:var(--foam);font-family:var(--display);letter-spacing:.04em;cursor:pointer;background:#0b1d2a80;border-radius:9px;padding:8px 4px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}.settings-preset:hover{border-color:#35e0c899}.settings-preset.on{border-color:var(--teal);background:#35e0c829}.settings-note{color:#f4fbfa9e;min-height:2.8em;margin:0;font-size:12.5px;line-height:1.4}.settings-switch{cursor:pointer;grid-template-columns:1fr auto}.settings-check{opacity:0;width:1px;height:1px;position:absolute}.settings-toggle{border:1px solid var(--glass-line);background:#f4fbfa1f;border-radius:12px;width:44px;height:24px;transition:background .15s;position:relative}.settings-toggle:after{content:"";background:var(--foam);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.settings-check:checked+.settings-toggle{border-color:var(--teal);background:#35e0c880}.settings-check:checked+.settings-toggle:after{transform:translate(20px)}.settings-foot{border-top:1px solid var(--glass-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 18px;display:flex}.settings-reset,.settings-done{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:10px;padding:9px 20px;font-size:14px;font-weight:700}.settings-reset{border:1px solid var(--glass-line);color:#f4fbfad1;background:0 0}.settings-reset:hover{border-color:var(--coral);color:var(--foam)}.settings-done{color:#2a1406;background:linear-gradient(#ffd166 0%,#ff9d4d 100%);border:0;min-width:120px}.settings-done:hover{filter:brightness(1.06)}.settings-button:focus-visible,.settings-preset:focus-visible,.settings-reset:focus-visible,.settings-done:focus-visible,.settings-range:focus-visible,.settings-check:focus-visible+.settings-toggle{outline:2px solid var(--teal);outline-offset:3px}@media (max-width:480px){.settings-row{grid-template-columns:84px 1fr 44px;gap:10px}.settings-presets{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.settings-card{animation:none}.settings-toggle,.settings-toggle:after{transition:none}}