:root{--bg: #060a0f;--bg-deep: #03060a;--surface: #0d141c;--surface-2: #131c26;--surface-3: #1b2734;--text: #e9f1f8;--text-dim: #9bb0c4;--text-mute: #63788d;--white: #ffffff;--ice: #bfe6ff;--ink: #000000;--accent: #7ef7a5;--accent-2: #2fd07a;--accent-ink: #04160d;--danger: #ff5f6d;--warning: #ffb64a;--success: #5fe08a;--shield: #5fb0ff;--shield-deep: #3a80d8;--gold: #ffc857;--ember: #ff7a3d;--ember-2: #ff8a4c;--hp-warn: #e0603f;--hp-crit: #c8323f;--border: rgba(148, 182, 214, .14);--border-2: rgba(148, 182, 214, .28);--grid-line: rgba(148, 182, 214, .055);--rule: rgba(148, 182, 214, .07);--wash-1: rgba(255, 255, 255, .045);--wash-2: rgba(255, 255, 255, .09);--wash-3: rgba(255, 255, 255, .14);--wash-4: rgba(255, 255, 255, .32);--scrim: rgba(4, 8, 13, .88);--scrim-2: rgba(4, 8, 13, .72);--scrim-3: rgba(4, 8, 13, .97);--panel: rgba(10, 16, 23, .82);--hud-row: rgba(6, 10, 15, .75);--hud-row-2: rgba(6, 10, 15, .92);--killcam: rgba(58, 12, 22, .78);--mine-bubble: rgba(20, 60, 40, .6);--edge: rgba(0, 0, 0, .45);--well: rgba(0, 0, 0, .55);--scan: rgba(0, 0, 0, .22);--halo: rgba(0, 0, 0, .8);--halo-strong: rgba(0, 0, 0, .9);--halo-deep: rgba(0, 0, 0, .95);--outline: rgba(0, 0, 0, .85);--accent-wash: rgba(126, 247, 165, .08);--accent-wash-2: rgba(126, 247, 165, .14);--accent-line: rgba(126, 247, 165, .45);--accent-glow: rgba(126, 247, 165, .3);--cta-glow: rgba(47, 208, 122, .3);--shield-wash: rgba(95, 176, 255, .1);--warn-hatch: rgba(255, 182, 74, .17);--warn-line: rgba(255, 182, 74, .45);--danger-line: rgba(255, 95, 109, .5);--gold-wash: rgba(255, 200, 87, .4);--ember-wash: rgba(255, 122, 61, .32);--ember-wash-2: rgba(255, 122, 61, .12);--ember-line: rgba(255, 138, 76, .7);--ember-ring: rgba(255, 138, 76, .35);--preview-glow: rgba(64, 104, 140, .5);--lobby-glow-1: rgba(32, 74, 110, .5);--lobby-glow-2: rgba(20, 90, 66, .28);--card-grad: linear-gradient(180deg, rgba(17, 26, 36, .92), rgba(8, 13, 19, .94));--card-grad-2: linear-gradient(180deg, rgba(17, 26, 36, .96), rgba(8, 13, 19, .96));--result-bg: rgba(8, 13, 19, .95);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 22px;--s-6: 30px;--s-7: 42px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-4: 18px;--r-pill: 999px;--sh-1: 0 2px 8px rgba(0, 0, 0, .35);--sh-2: 0 10px 30px rgba(0, 0, 0, .45);--sh-3: 0 28px 70px rgba(0, 0, 0, .62);--glow-accent: 0 0 0 1px rgba(126, 247, 165, .45), 0 0 26px rgba(126, 247, 165, .2);--glow-danger: 0 0 0 1px rgba(255, 95, 109, .5), 0 0 24px rgba(255, 95, 109, .22);--f-display: "Chakra Petch", "Barlow Condensed", system-ui, sans-serif;--f-ui: "Barlow Condensed", "Segoe UI", system-ui, sans-serif;--f-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t-3xs: 9px;--t-2xs: 10.5px;--t-xs: 11.5px;--t-sm: 13px;--t-md: 15px;--t-lg: 18px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 40px;--t-4xl: 56px;--e-out: cubic-bezier(.2, .9, .25, 1);--t-fast: .12s;--t-med: .22s;--t-slow: .42s;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--f-ui);font-size:16px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}canvas#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;z-index:0}.hidden{display:none!important}.hud{position:fixed;z-index:100;pointer-events:none}#lobby:not(.hidden)~.hud,#lobby:not(.hidden)~#chat-host,#lobby:not(.hidden)~#hotbar,#lobby:not(.hidden)~.scoreboard-root{display:none!important}kbd{display:inline-block;min-width:1.6em;padding:1px 5px;font-family:var(--f-mono);font-size:var(--t-2xs);line-height:1.5;text-align:center;color:var(--text);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--border-2);border-bottom-width:2px;border-radius:var(--r-1)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--scrim)}#lobby.screen{flex-direction:column;justify-content:flex-start;gap:var(--s-3);padding:clamp(10px,1.6vh,24px) clamp(14px,3vw,44px);overflow:auto;background:radial-gradient(130% 100% at 50% -20%,var(--lobby-glow-1),transparent 62%),radial-gradient(90% 70% at 12% 110%,var(--lobby-glow-2),transparent 60%),linear-gradient(180deg,var(--scrim-2),var(--scrim) 45%,var(--scrim-3))}#lobby:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain),repeating-linear-gradient(90deg,var(--grid-line) 0 1px,transparent 1px 74px),repeating-linear-gradient(0deg,var(--grid-line) 0 1px,transparent 1px 74px);background-size:140px 140px,auto,auto;opacity:.5;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,var(--ink) 20%,transparent 85%);mask-image:radial-gradient(120% 90% at 50% 40%,var(--ink) 20%,transparent 85%)}.lobby-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);width:min(1180px,100%);margin:auto auto 0;animation:riseIn var(--t-slow) var(--e-out) both}.brand h1{margin:0;font-family:var(--f-display);font-size:var(--t-4xl);font-weight:700;line-height:.94;letter-spacing:.02em;background:linear-gradient(100deg,var(--accent) 12%,var(--ice) 62%,var(--shield));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 46px var(--accent-glow)}.brand-dim{color:var(--text-mute)}.brand .tag{margin:var(--s-2) 0 0;font-size:var(--t-xs);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.head-meta{display:flex;gap:var(--s-2)}.meta-chip{padding:var(--s-1) var(--s-3);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-pill)}.meta-chip b{color:var(--text);font-weight:700}.meta-live{color:var(--accent);border-color:var(--accent-line)}.meta-live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:breathe 2.6s ease-in-out infinite}.lobby-card{position:relative;z-index:1;display:flex;gap:var(--s-5);width:min(1180px,100%);margin:0 auto auto;padding:var(--s-4);background:var(--card-grad);border:1px solid var(--border-2);border-radius:var(--r-4);box-shadow:var(--sh-3);animation:riseIn var(--t-slow) var(--e-out) 80ms both}.lobby-card:before{content:"";position:absolute;top:-1px;left:var(--s-5);right:var(--s-5);height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--shield),transparent);opacity:.7}.lobby-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--s-3);animation:riseIn var(--t-slow) var(--e-out) .16s both}.lobby-right{flex:0 0 330px;display:flex;flex-direction:column;gap:var(--s-3);animation:riseIn var(--t-slow) var(--e-out) .24s both}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field-label{font-size:var(--t-2xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}#nick{padding:10px var(--s-4);font-family:var(--f-display);font-size:var(--t-md);font-weight:600;letter-spacing:.04em;color:var(--text);background:var(--wash-1);border:1px solid var(--border-2);border-radius:var(--r-2);outline:none;transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease,background var(--t-fast) ease}#nick::placeholder{color:var(--text-mute);font-weight:500;letter-spacing:.02em}#nick:focus{border-color:var(--accent);background:var(--accent-wash);box-shadow:var(--glow-accent)}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.char-btn{position:relative;display:flex;flex-direction:column;gap:1px;padding:var(--s-2) var(--s-3) var(--s-2) calc(var(--s-3) + 4px);text-align:left;cursor:pointer;color:var(--text-dim);background:linear-gradient(180deg,var(--wash-1),transparent);border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden;transition:border-color var(--t-fast) ease,background var(--t-fast) ease,transform var(--t-fast) var(--e-out),box-shadow var(--t-fast) ease}.char-btn:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--border-2);transition:background var(--t-fast) ease}.char-btn:hover{background:var(--wash-2);transform:translateY(-1px)}.char-btn b{font-family:var(--f-display);font-size:var(--t-md);font-weight:600;line-height:1.05;color:var(--text)}.char-role{font-size:var(--t-3xs);font-weight:700;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);transition:color var(--t-fast) ease}.char-btn i{display:flex;align-items:center;gap:5px;font-style:normal;font-size:var(--t-sm);font-weight:600;color:var(--text-dim)}.char-btn i:before{content:"Q";padding:0 4px;font-family:var(--f-mono);font-size:var(--t-3xs);line-height:1.5;color:var(--text-mute);background:var(--wash-2);border:1px solid var(--border);border-radius:var(--r-1)}.char-hint{margin-top:1px;font-size:var(--t-xs);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-mute)}.char-glyph{position:absolute;top:var(--s-2);right:var(--s-2);width:20px;height:20px;color:var(--border-2);transition:color var(--t-fast) ease}.char-glyph svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}.char-btn.selected{background:linear-gradient(180deg,var(--accent-wash-2),var(--shield-wash));border-color:var(--accent-line);box-shadow:var(--glow-accent)}.char-btn.selected:before{background:var(--accent)}.char-btn.selected b{color:var(--white)}.char-btn.selected .char-role,.char-btn.selected .char-glyph{color:var(--accent)}.char-btn.selected .char-hint{color:var(--text-dim)}.ability-desc{display:flex;align-items:center;gap:var(--s-3);min-height:44px;padding:var(--s-2) var(--s-3);font-size:var(--t-sm);background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-2)}.ability-desc:empty{display:none}.ab-key{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;font-family:var(--f-mono);font-size:var(--t-sm);font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:var(--r-1);box-shadow:0 0 16px var(--accent-glow)}.ab-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.ab-main b{font-family:var(--f-display);font-size:var(--t-md);font-weight:600;color:var(--text)}.ab-main em{font-style:normal;font-size:var(--t-xs);color:var(--text-dim)}.ab-cd{flex:0 0 auto;display:flex;align-items:baseline;gap:2px;padding:3px var(--s-2);font-family:var(--f-mono);font-size:var(--t-sm);font-weight:700;color:var(--warning);background:repeating-linear-gradient(-45deg,var(--warn-hatch) 0 5px,transparent 5px 10px);border:1px solid var(--warn-line);border-radius:var(--r-1)}.ab-cd i{font-style:normal}.ab-cd small{font-family:var(--f-ui);font-size:var(--t-3xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.skin-grid{display:flex;gap:var(--s-2)}.skin-btn{padding:var(--s-2) var(--s-4);font-family:var(--f-ui);font-size:var(--t-sm);font-weight:600;letter-spacing:.06em;cursor:pointer;color:var(--text-dim);background:var(--wash-1);border:1px solid var(--border);border-radius:var(--r-2);transition:all var(--t-fast) ease}.skin-btn:hover{background:var(--wash-2);color:var(--text)}.skin-btn.selected{color:var(--white);background:linear-gradient(180deg,var(--ember-wash),var(--ember-wash-2));border-color:var(--ember-line);box-shadow:0 0 0 1px var(--ember-ring)}.cta{display:flex;flex-direction:column;gap:var(--s-2);margin-top:auto}#join-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);font-family:var(--f-display);font-size:var(--t-lg);font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--accent-ink);background:linear-gradient(100deg,var(--accent) 0%,var(--accent-2) 52%,var(--shield) 140%);border:none;border-radius:var(--r-2);box-shadow:0 10px 26px var(--cta-glow);transition:transform var(--t-fast) var(--e-out),box-shadow var(--t-med) ease,filter var(--t-fast) ease}#join-btn .cta-arrow{font-size:var(--t-xl);line-height:0;transform:translateY(-1px)}#join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px var(--cta-glow),var(--glow-accent)}#join-btn:active:not(:disabled){transform:translateY(1px) scale(.995);box-shadow:var(--sh-1)}#join-btn:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.55);box-shadow:none}.name-line{margin:0;font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute)}.name-line b{font-family:var(--f-display);font-size:var(--t-sm);font-weight:700;letter-spacing:.06em;color:var(--accent)}.err{margin:0;font-size:var(--t-sm);color:var(--danger)}.err:empty{display:none}.preview{display:flex;flex-direction:column;gap:var(--s-1)}.preview-canvas{position:relative;width:100%;height:262px;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--preview-glow),transparent 65%),linear-gradient(180deg,var(--surface-2),var(--bg-deep));border:1px solid var(--border-2);border-radius:var(--r-3);box-shadow:inset 0 0 60px var(--well)}.preview-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,var(--scan) 0 2px,transparent 2px 4px);opacity:.5}.preview-canvas canvas{position:relative;display:block;width:100%!important;height:100%!important}.preview-hint{margin:0;font-size:var(--t-2xs);letter-spacing:.24em;text-transform:uppercase;color:var(--text-mute)}.controls-help{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:var(--s-3);background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--accent-line);border-radius:var(--r-3)}.panel-title{margin:0 0 var(--s-2);font-family:var(--f-display);font-size:var(--t-2xs);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-mute)}.ctrl-grid{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:3px var(--s-3);margin:0;padding:0;list-style:none}.ctrl-grid li{display:flex;align-items:center;gap:var(--s-2);min-width:0}.ctrl-grid .ck{display:flex;gap:2px;flex:0 0 auto}.ctrl-grid .cv{font-size:var(--t-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#minimap-wrap{top:var(--s-3);left:var(--s-3)}.mm-frame{padding:var(--s-1);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--sh-2)}#minimap-canvas{display:block;width:clamp(112px,19vmin,200px);height:clamp(112px,19vmin,200px);border-radius:var(--r-2)}.alive-badge{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:var(--s-1);padding:1px var(--s-2);font-size:var(--t-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-pill)}.alive-badge b{font-family:var(--f-display);font-size:var(--t-md);font-weight:700;letter-spacing:0;color:var(--accent)}#compass-top-center{top:var(--s-3);left:50%;transform:translate(-50%)}.compass-wrap{position:relative;width:420px;height:28px;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-2);box-shadow:var(--sh-1);-webkit-mask-image:linear-gradient(90deg,transparent,var(--ink) 12%,var(--ink) 88%,transparent);mask-image:linear-gradient(90deg,transparent,var(--ink) 12%,var(--ink) 88%,transparent)}body.sb-open #zone-banner{opacity:0;visibility:hidden}.compass-track{position:absolute;top:0;height:100%;display:flex;align-items:center;will-change:transform}.compass-track .cd{width:60px;text-align:center;font-size:var(--t-xs);font-weight:600;color:var(--text-dim)}.compass-track .cd.card{font-family:var(--f-display);font-size:var(--t-md);font-weight:700;color:var(--gold)}.compass-ind{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 10px var(--accent)}#hud-vitals{bottom:var(--s-3);left:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-3);box-shadow:var(--sh-2)}.vital{display:flex;align-items:center;gap:var(--s-2)}.vicon{display:grid;place-items:center;width:20px;height:20px}.vicon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vicon-hp{color:var(--accent)}.vicon-ar{color:var(--shield)}.bar{position:relative;width:clamp(150px,17vw,240px);height:18px;background:var(--wash-2);border:1px solid var(--edge);border-radius:var(--r-pill);overflow:hidden}.bar .fill{position:relative;height:100%;width:100%;border-radius:var(--r-pill);transition:width var(--t-med) var(--e-out);container-type:inline-size}.bar.hp .fill{background:linear-gradient(90deg,var(--accent-2),var(--accent))}.bar.ar .fill{background:linear-gradient(90deg,var(--shield-deep),var(--shield))}.vnum{width:40px;font-family:var(--f-display);font-size:var(--t-xl);font-weight:700;line-height:1;text-align:right;color:var(--text);text-shadow:0 1px 4px var(--halo)}@container (max-width: 60px){#hp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--hp-warn),var(--warning))}}@container (max-width: 34px){#hp-fill:after{background:linear-gradient(90deg,var(--hp-crit),var(--danger))}#hp-fill:after{animation:breathe 1.6s ease-in-out infinite}}.vital-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--rule)}.ability-box{display:flex;align-items:center;gap:var(--s-2)}.vital-foot .ab-key{width:18px;height:18px;font-size:var(--t-2xs);box-shadow:none}.aname{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.acd{font-family:var(--f-mono);font-size:var(--t-sm);font-weight:700;color:var(--warning)}.acd.ready{color:var(--accent)}.slots{display:flex;gap:var(--s-3)}.slot{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:26px}.slot .sk{font-size:var(--t-3xs);letter-spacing:.14em;color:var(--text-mute)}.slot .sv{font-family:var(--f-display);font-size:var(--t-md);font-weight:700;line-height:1;color:var(--text-dim)}#weapon-panel{bottom:var(--s-3);right:var(--s-3);display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:var(--s-2) var(--s-3);text-align:right;background:var(--panel);border:1px solid var(--border);border-right:3px solid var(--gold);border-radius:var(--r-3);box-shadow:var(--sh-2)}.wname{font-size:var(--t-2xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.ammo-row{display:flex;align-items:center;gap:var(--s-2)}.ammo{font-family:var(--f-display);font-size:var(--t-2xl);font-weight:700;line-height:1;letter-spacing:.02em;color:var(--text);text-shadow:0 2px 12px var(--halo)}.reload{padding:2px var(--s-2);font-size:var(--t-3xs);font-weight:700;letter-spacing:.18em;color:var(--warning);background:repeating-linear-gradient(-45deg,var(--warn-hatch) 0 5px,transparent 5px 10px);border:1px solid var(--warn-line);border-radius:var(--r-1);animation:breathe 1.4s ease-in-out infinite}#crosshair{top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);transition:transform var(--t-fast) var(--e-out)}#crosshair span{position:absolute;background:var(--white);box-shadow:0 0 0 1.5px var(--outline)}#crosshair span:nth-child(1){left:50%;top:0;width:2px;height:7px;margin-left:-1px}#crosshair span:nth-child(2){left:50%;bottom:0;width:2px;height:7px;margin-left:-1px}#crosshair span:nth-child(3){top:50%;left:0;height:2px;width:7px;margin-top:-1px}#crosshair span:nth-child(4){top:50%;right:0;height:2px;width:7px;margin-top:-1px}#crosshair:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%;background:var(--white);box-shadow:0 0 0 1.5px var(--outline)}body.aiming #crosshair{transform:translate(-50%,-50%) scale(.72)}#interaction-prompt{bottom:128px;left:50%;z-index:150;transform:translate(-50%);padding:var(--s-2) var(--s-4);font-size:var(--t-sm);letter-spacing:.04em;color:var(--text);background:var(--scrim-2);border:1px solid var(--border-2);border-radius:var(--r-pill);box-shadow:var(--sh-1);animation:riseIn var(--t-med) var(--e-out) both}#killfeed{top:var(--s-3);right:var(--s-3);z-index:130;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-1);max-width:min(380px,34vw);max-height:40vh;overflow:hidden;font-size:var(--t-xs)}#killfeed:empty{display:none}.kf-row{display:flex;align-items:center;gap:var(--s-1);max-width:100%;padding:3px var(--s-2);font-size:var(--t-xs);white-space:nowrap;overflow:hidden;color:var(--text-dim);background:var(--hud-row);border:1px solid var(--border);border-radius:var(--r-1);opacity:0;transform:translate(14px);transition:opacity var(--t-med) ease-out,transform var(--t-med) ease-out}.kf-row.kf-in{opacity:1;transform:translate(0)}.kf-you{font-weight:700;color:var(--accent)}.kf-them{font-weight:700;color:var(--gold)}.kf-victim{color:var(--text-dim)}.kf-victim.kf-dead{font-weight:700;color:var(--danger)}.kf-weapon{display:inline-flex;align-items:center;gap:var(--s-1);color:var(--text)}.kf-icon{flex:0 0 auto;color:var(--gold)}.kf-arrow{opacity:.55}.kf-row.kf-killcam{background:var(--killcam);border-color:var(--danger-line)}.kf-row.kf-killcam.kf-in{animation:kfFlash .45s ease-out 1}#chat-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.chat-root{position:fixed;left:var(--s-3);bottom:168px;display:flex;flex-direction:column;gap:var(--s-1);width:min(320px,40vw);font-size:var(--t-sm)}.chat-messages{display:flex;flex-direction:column;gap:3px;max-height:30vh;overflow-y:auto;scrollbar-width:thin}.chat-messages:empty{display:none}.chat-msg{align-self:flex-start;max-width:100%;padding:3px var(--s-2);font-size:var(--t-xs);line-height:1.35;color:var(--text);word-break:break-word;background:var(--hud-row);border:1px solid var(--border);border-left:2px solid var(--border-2);border-radius:var(--r-1);transition:opacity .35s ease-out}.chat-msg.mine{align-self:flex-end;color:var(--accent);background:var(--mine-bubble);border-left-color:var(--accent)}.chat-msg b{font-weight:700}.chat-msg .chat-time{margin-left:var(--s-1);font-size:var(--t-3xs);opacity:.5}.chat-input-wrap{display:none;align-items:center;gap:var(--s-2);pointer-events:auto}.chat-input-wrap.open{display:flex}.chat-input{flex:1;min-width:0;padding:var(--s-2) var(--s-3);font-family:var(--f-ui);font-size:var(--t-sm);color:var(--text);background:var(--hud-row-2);border:1px solid var(--border-2);border-radius:var(--r-1);outline:none}.chat-input:focus{border-color:var(--accent);box-shadow:var(--glow-accent)}.chat-hint{font-size:var(--t-2xs);letter-spacing:.06em;color:var(--text-dim);text-shadow:0 1px 3px var(--halo-deep)}body #feel-intro{left:var(--s-3);top:calc(var(--s-3) + clamp(112px,19vmin,200px) + 44px);bottom:auto;width:340px;padding:var(--s-3);color:var(--text-dim);background:var(--panel);border:1px solid var(--border-2);border-left:3px solid var(--accent);border-radius:var(--r-3);box-shadow:var(--sh-2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body #feel-intro h3{margin:0 0 var(--s-2);font-family:var(--f-display);font-size:var(--t-2xs);font-weight:700;letter-spacing:.24em;color:var(--accent)}body #feel-intro .rows{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--s-3);row-gap:4px;font-size:var(--t-2xs)}body #feel-intro .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body #feel-intro .lb{color:var(--text-dim);opacity:1}body #feel-intro kbd{min-width:1.5em;padding:1px 5px;font-family:var(--f-mono);font-size:var(--t-3xs);color:var(--text);background:var(--wash-2);border:1px solid var(--border-2);border-radius:var(--r-1)}body #feel-intro .x{width:20px;height:20px;line-height:18px;font-size:var(--t-sm);color:var(--text-dim);background:var(--wash-2);border:1px solid var(--border);border-radius:var(--r-1)}body #feel-intro .x:hover{color:var(--text);background:var(--wash-3)}body.sb-open #feel-intro,body.sb-open #feel-zone{opacity:0;visibility:hidden}body:has(#feel-intro.show) .chat-root{opacity:0}.chat-root{transition:opacity var(--t-med) ease}#zone-banner{top:52px;left:50%;transform:translate(-50%);z-index:140;display:flex;align-items:center;gap:var(--s-3);max-width:min(420px,44vw);padding:var(--s-2) var(--s-4);background:var(--hud-row);border:1px solid var(--border-2);border-radius:var(--r-pill);box-shadow:var(--sh-2);animation:riseIn var(--t-med) var(--e-out) both}#zone-banner .zb-glyph{display:grid;place-items:center;width:22px;height:22px;color:var(--text-dim)}#zone-banner .zb-glyph svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}#zone-banner .zb-main{display:flex;flex-direction:column;min-width:0}#zone-banner .zb-label{font-size:var(--t-3xs);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute)}#zone-banner .zb-text{font-size:var(--t-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#zone-banner .zb-time{font-family:var(--f-display);font-size:var(--t-xl);font-weight:700;line-height:1;color:var(--text-dim)}#zone-banner[data-phase=shrink]{border-color:var(--warn-line)}#zone-banner[data-phase=shrink] .zb-glyph,#zone-banner[data-phase=shrink] .zb-time,#zone-banner[data-phase=shrink] .zb-label{color:var(--warning)}#zone-banner.urgent,#zone-banner[data-phase=shrink].urgent{border-color:var(--danger);box-shadow:var(--glow-danger)}#zone-banner.urgent .zb-glyph,#zone-banner.urgent .zb-time,#zone-banner.urgent .zb-label{color:var(--danger)}#zone-banner.urgent .zb-time{animation:breathe 1.3s ease-in-out infinite}.scoreboard-root{position:absolute;left:50%;top:72px;transform:translate(-50%);display:none;min-width:520px;max-width:92vw;overflow:hidden;color:var(--text);font-family:var(--f-ui);font-size:var(--t-xs);background:var(--result-bg);border:1px solid var(--border-2);border-radius:var(--r-3);box-shadow:var(--sh-3);z-index:320;pointer-events:none}.scoreboard-header{padding:var(--s-2) var(--s-3);font-family:var(--f-display);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--wash-1);border-bottom:1px solid var(--border)}.scoreboard-table{width:100%;border-collapse:collapse}.scoreboard-table thead tr{background:var(--wash-2)}.sb-th{padding:var(--s-1) var(--s-3);font-size:var(--t-3xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:left;color:var(--text-mute)}.sb-th.num,.scoreboard-cell.num{text-align:right}.scoreboard-row{border-bottom:1px solid var(--rule)}.scoreboard-row.mine{box-shadow:inset 3px 0 0 var(--accent);background:var(--accent-wash)}.scoreboard-row.dead{opacity:.5}.scoreboard-row.flash{animation:sbFlash .5s ease-out 1}@keyframes sbFlash{0%{background:var(--gold-wash)}to{background:transparent}}.scoreboard-cell{padding:5px var(--s-3);white-space:nowrap}.scoreboard-cell.idx{width:30px;color:var(--text-mute)}.scoreboard-cell.nick{font-weight:600;color:var(--text)}.scoreboard-cell.strong{font-weight:700}.scoreboard-cell.dim{color:var(--text-mute)}.sb-hp{display:inline-flex;align-items:center;gap:var(--s-2);justify-content:flex-end}.sb-hp b{min-width:26px;font-family:var(--f-display);font-weight:700;text-align:right}.scoreboard-hpbar{display:inline-block;width:74px;height:6px;vertical-align:middle;overflow:hidden;background:var(--wash-3);border-radius:var(--r-pill)}.scoreboard-hpfill{display:block;height:100%;transition:width var(--t-med) ease}#inventory-overlay{background:var(--scrim-2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.inv-card{width:min(560px,92vw);max-height:82vh;overflow:auto;padding:var(--s-5);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-4);box-shadow:var(--sh-3);animation:riseIn var(--t-med) var(--e-out) both}.inv-card h2{margin:0 0 var(--s-4);font-family:var(--f-display);font-size:var(--t-xl);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.close-hint{margin-left:var(--s-2);font-size:var(--t-2xs);font-weight:400;letter-spacing:.08em;color:var(--text-mute)}#inv-list{display:flex;flex-direction:column;gap:var(--s-2);margin:0;padding:0;list-style:none}#inv-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);font-size:var(--t-sm);background:var(--wash-1);border:1px solid transparent;border-radius:var(--r-2)}#inv-list li[data-weapon]{cursor:pointer}#inv-list li[data-weapon]:hover{background:var(--wash-2)}#inv-list li.equipped{background:var(--accent-wash-2);border-color:var(--accent-line)}#inv-list li.consum{background:var(--shield-wash)}#inv-list .meta{font-size:var(--t-2xs);color:var(--text-mute)}#inv-list .empty{opacity:.55;font-style:italic;cursor:default;background:transparent}#result-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result-card{position:relative;padding:var(--s-6) var(--s-7);text-align:center;background:var(--card-grad-2);border:1px solid var(--border-2);border-radius:var(--r-4);box-shadow:var(--sh-3);animation:riseIn var(--t-slow) var(--e-out) both}.result-kicker{margin:0 0 var(--s-1);font-size:var(--t-2xs);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--text-mute)}.result-card h2{margin:0 0 var(--s-5);font-family:var(--f-display);font-size:var(--t-3xl);font-weight:700;line-height:1.05;color:var(--text)}#play-again{padding:var(--s-3) var(--s-6);font-family:var(--f-display);font-size:var(--t-md);font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:var(--accent-ink);background:linear-gradient(100deg,var(--accent),var(--accent-2));border:none;border-radius:var(--r-2);box-shadow:0 10px 26px var(--cta-glow);transition:transform var(--t-fast) var(--e-out),box-shadow var(--t-med) ease}#play-again:hover{transform:translateY(-2px);box-shadow:0 16px 34px var(--cta-glow),var(--glow-accent)}#play-again:active{transform:translateY(1px)}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes kfFlash{0%{background:var(--danger-line)}to{background:var(--killcam)}}#compass-top-center,#interaction-prompt,#zone-banner{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lobby-head,.lobby-card,.lobby-left,.lobby-right,.inv-card,.result-card{opacity:1}}@media (max-width: 1040px){.lobby-card{flex-direction:column}.lobby-right{flex:0 0 auto;flex-direction:row;align-items:stretch}.preview{flex:0 0 240px}.preview-canvas{height:100%;min-height:220px}.ctrl-grid{grid-template-columns:1fr 1fr}}@media (max-width: 860px),(max-height: 520px){#lobby.screen{justify-content:flex-start;padding:var(--s-3);gap:var(--s-3)}.brand h1{font-size:var(--t-2xl)}.brand .tag{font-size:var(--t-2xs);letter-spacing:.14em}.lobby-head{align-items:center}.head-meta{display:none}.lobby-card{flex-direction:column;padding:var(--s-3);gap:var(--s-3);border-radius:var(--r-3)}.lobby-right{gap:var(--s-2)}.preview{flex:0 0 34%;min-width:150px}.preview-canvas{min-height:190px}.preview-hint{display:none}.char-btn{padding:var(--s-2);gap:1px}.char-btn b{font-size:var(--t-sm)}.char-hint{display:none}.ability-desc{min-height:40px}.controls-help{padding:var(--s-2)}#minimap-canvas{width:clamp(84px,21vmin,116px);height:clamp(84px,21vmin,116px)}#killfeed{max-width:min(190px,30vw)}.kf-row{white-space:normal;font-size:var(--t-2xs)}#hud-vitals{gap:6px;padding:var(--s-2)}.bar{width:clamp(110px,28vw,160px);height:14px}@container (max-width: 38px){#hp-fill:after{background:linear-gradient(90deg,var(--hp-warn),var(--warning))}}@container (max-width: 21px){#hp-fill:after{background:linear-gradient(90deg,var(--hp-crit),var(--danger))}#hp-fill:after{animation:breathe 1.6s ease-in-out infinite}}.vnum{width:34px;font-size:var(--t-md)}.ammo{font-size:var(--t-xl)}.vital-foot{gap:var(--s-2)}.chat-root{bottom:150px;width:min(240px,44vw)}.chat-messages{max-height:20vh}body #feel-intro{top:calc(var(--s-3) + clamp(84px,21vmin,116px) + 40px);width:min(430px,62vw)}body #feel-intro .rows{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--s-2)}#interaction-prompt{bottom:104px}#zone-banner{top:46px;max-width:40vw;padding:var(--s-1) var(--s-3)}}@media (max-width: 520px){.char-grid{grid-template-columns:repeat(2,1fr)}.ctrl-grid{grid-template-columns:1fr}}@media (max-height: 430px){#interaction-prompt{bottom:96px}#zone-banner{top:46px}.preview-canvas{min-height:170px}.bar{height:12px}}.hb{position:fixed;left:50%;bottom:var(--s-3);transform:translate(-50%);display:flex;gap:var(--s-2);padding:6px;background:var(--panel);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--sh-2);z-index:120;pointer-events:auto;-webkit-user-select:none;user-select:none}.hb.hidden{display:none!important}.hb:empty{display:none}.hb-slot{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:var(--wash-1);border:1px solid var(--border);border-radius:var(--r-2);transition:border-color var(--t-fast) ease,background var(--t-fast) ease,transform var(--t-fast) var(--e-out)}.hb-slot:hover{background:var(--wash-2)}.hb-slot.empty{border-style:dashed;border-color:var(--border-2);opacity:.4;cursor:default}.hb-slot.selected{border-color:var(--accent);background:var(--accent-wash-2);box-shadow:var(--glow-accent)}.hb-eq{position:absolute;top:3px;left:4px;padding:0 3px;font-family:var(--f-display);font-size:var(--t-3xs);font-weight:700;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);border-radius:var(--r-1)}.hb-key{position:absolute;top:3px;right:5px;font-family:var(--f-mono);font-size:var(--t-2xs);font-weight:700;color:var(--text-mute)}.hb-label{max-width:100%;padding:0 3px;font-size:var(--t-xs);font-weight:600;line-height:1.15;text-align:center;color:var(--text);word-break:break-word;text-shadow:0 1px 3px var(--halo-strong)}.hb-count{position:absolute;right:5px;bottom:3px;font-family:var(--f-mono);font-size:var(--t-sm);font-weight:700;color:var(--text);text-shadow:0 1px 3px var(--halo-deep)}.hb-slot.depleted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,var(--scan) 0 6px,var(--hud-row) 6px 12px);pointer-events:none}.hb-slot.depleted .hb-label,.hb-slot.depleted .hb-count{color:var(--danger);opacity:.85}.hb-slot.switch-flash{animation:hbFlash .2s ease-out}@keyframes hbFlash{0%{background:var(--wash-4);transform:scale(1.04)}to{background:var(--wash-1);transform:scale(1)}}@media (max-width: 860px),(max-height: 520px){.hb-slot{width:52px;height:52px}.hb{bottom:var(--s-2);gap:var(--s-1);padding:5px}}@media (prefers-reduced-motion: reduce){.hb-slot,.hb-slot.switch-flash{transition:none;animation:none}}