:root{--c-primary: #00d4ff;--c-accent: #7b2ff7;--c-danger: #ff5555;--c-danger-strong: #ff3333;--c-success: #4caf50;--c-warn: #ff9800;--c-gold: #ffd700;--c-ghost: #c0a0ff;--bg-deep: #0a0a0a;--bg-panel: rgba(255, 255, 255, .03);--bg-panel-raised: rgba(20, 20, 30, .95);--border-subtle: #222;--border-mid: #333;--text-main: #e0e0e0;--text-dim: #888;--text-faint: #666;--grad-brand: linear-gradient(135deg, #00d4ff, #7b2ff7);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--glow-primary: 0 0 20px rgba(0, 212, 255, .35);--glow-accent: 0 0 20px rgba(123, 47, 247, .35);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .5);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .5s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Bungee", "Segoe UI", system-ui, sans-serif;--font-body: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:var(--bg-deep);font-family:var(--font-body);color:var(--text-main)}#game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}#ui-root{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}.prop-test-menu-link{display:block;text-align:center;text-decoration:none;margin-top:10px}#ui-root>*:not(.game-hud){pointer-events:auto}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screen.hidden{display:none}.main-menu{background:radial-gradient(ellipse at center,#0a0a1440,#0a0a14bf)}.menu-container{text-align:center;max-width:440px;width:92%;max-height:94vh;overflow-y:auto;background:#0c0c16d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem 1.75rem;box-shadow:var(--shadow-panel);animation:menuEnter .5s var(--ease-out)}@keyframes menuEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.menu-topbar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}.btn-hero{font-size:1.15rem;padding:16px;font-weight:700;box-shadow:var(--glow-primary)}.menu-collapsible{margin-top:1.25rem;text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-panel)}.menu-collapsible summary{cursor:pointer;padding:10px 14px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);-webkit-user-select:none;user-select:none;transition:color var(--dur-fast)}.menu-collapsible summary:hover{color:var(--c-primary)}.menu-collapsible-body{padding:12px 14px 14px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080810e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:300;padding:0 24px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,212,255,.15);border-top-color:var(--c-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-label{font-family:var(--font-display);font-size:1.1rem;color:#fff;letter-spacing:1px}.loading-tip{font-size:.9rem;color:var(--text-dim);max-width:420px;line-height:1.5}.loading-cold-start{font-size:.8rem;color:var(--c-warn);max-width:420px;animation:toastIn .4s ease-out}.game-loading{background:#020d14e6;-webkit-backdrop-filter:none;backdrop-filter:none}.game-loading-panel{width:min(100%,460px);padding:32px 24px;border-top:2px solid var(--c-primary);background:#0b1a22}.game-loading-panel .loading-spinner{margin:24px auto}.game-loading-panel h2{margin-bottom:18px}.game-loading-panel .loading-label{color:#dce8ef;font-size:1rem;letter-spacing:0}.game-loading-panel .loading-tip{margin:18px 0}.game-loading-panel .loading-slow{color:var(--c-warn);margin:16px 0}.game-loading-panel button{margin-top:12px}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.countdown-number{font-family:var(--font-display);font-size:9rem;color:#fff;text-shadow:0 0 40px rgba(0,212,255,.8),0 6px 30px rgba(0,0,0,.8);animation:countdownPop .9s var(--ease-out) forwards}@keyframes countdownPop{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.85)}}.game-title{font-family:var(--font-display);font-size:3rem;font-weight:400;margin-bottom:.25rem;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:0;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 6px rgba(0,212,255,.35))}to{filter:drop-shadow(0 0 18px rgba(123,47,247,.65))}}.game-subtitle{font-size:1rem;color:#888;margin-bottom:2.5rem;font-weight:300}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.5rem;text-align:left}.input-group input{width:100%;padding:12px 16px;border:1px solid #333;border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.input-group input:focus{border-color:#00d4ff}.btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:.75rem}.btn-primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00d4ff4d}.btn-secondary{background:#ffffff14;color:#ccc;border:1px solid #333}.btn-secondary:hover{background:#ffffff1f;border-color:#555}.btn-danger{background:#ff323226;color:#f55;border:1px solid #ff333344}.btn-danger:hover{background:#ff323240}.btn-small{padding:8px 16px;font-size:.85rem;width:auto}.room-browser{margin:1.25rem 0;background:#ffffff08;border:1px solid #222;border-radius:8px;padding:.75rem}.room-browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.room-browser-header h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin:0}.room-list{max-height:180px;overflow-y:auto}.room-list-empty{text-align:center;color:#666;font-size:.85rem;padding:12px 0}.room-entry{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;background:#ffffff0a;border-radius:6px;border:1px solid transparent}.room-entry:hover{border-color:#333;background:#ffffff12}.room-entry-info{flex:1;min-width:0}.room-entry-name{font-size:.85rem;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-entry-players{font-size:.75rem;color:#888}.room-entry-phase{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:4px;white-space:nowrap}.room-entry-phase.phase-waiting{color:#4caf50;background:#4caf5026}.room-entry-phase.phase-active{color:#ff9800;background:#ff980026}.room-join-btn{flex-shrink:0}.room-join-btn:disabled{opacity:.4;cursor:not-allowed}.room-lock{margin-right:4px;font-size:.75rem}.passcode-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.passcode-modal-box{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:1.5rem 2rem;text-align:center;max-width:320px;width:90%}.passcode-modal-box h3{margin-bottom:.5rem;font-size:1.1rem}.passcode-modal-box p{color:#888;font-size:.85rem;margin-bottom:1rem}.passcode-modal-input{width:100%;padding:12px 16px;border:1px solid #333;border-radius:8px;background:#ffffff0d;color:#fff;font-size:1.1rem;outline:none;text-align:center}.passcode-modal-input:focus{border-color:#00d4ff}.btn-lang{background:#ffffff14;border:1px solid #444;color:#ccc;padding:6px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;font-family:inherit}.btn-lang:hover{background:#ffffff26;border-color:#00d4ff;color:#fff}.join-code-row{display:flex;gap:8px;margin-bottom:.75rem}.join-code-row input{flex:1}.join-code-row .btn{width:auto;margin-bottom:0;white-space:nowrap}.room-lobby{background:#0a0a0aeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lobby-wrapper{width:94%;max-width:960px;max-height:92vh;display:flex;flex-direction:column}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lobby-header h2{font-size:1.5rem}.lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow-y:auto;max-height:calc(92vh - 60px)}.lobby-col{display:flex;flex-direction:column;gap:.75rem}.lobby-panel{background:#ffffff08;border:1px solid #222;border-radius:10px;padding:.75rem}.room-code-display{font-family:monospace;font-size:1.25rem;background:#ffffff14;padding:6px 16px;border-radius:6px;letter-spacing:3px;cursor:pointer;transition:all var(--dur-fast);border:1px solid transparent}.room-code-display:hover{border-color:var(--c-primary);box-shadow:var(--glow-primary)}.room-code-display.copied{color:var(--c-success);font-size:.95rem;letter-spacing:1px}.player-avatar-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.85rem;font-weight:800;color:#000000bf;flex-shrink:0}.ready-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#555}.ready-status.ready .ready-dot{background:var(--c-success);box-shadow:0 0 6px #4caf50cc;animation:readyPulse 1.5s ease-in-out infinite}@keyframes readyPulse{0%,to{opacity:1}50%{opacity:.5}}.player-list{max-height:200px;overflow-y:auto}.player-list h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.75rem}.player-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;margin-bottom:4px}.player-entry.self{background:#00d4ff1a}.player-entry .host-badge{font-size:.7rem;background:#7b2ff7;color:#fff;padding:2px 8px;border-radius:4px;margin-left:8px}.player-entry .ready-status{font-size:.8rem}.player-info{display:flex;align-items:center;gap:8px}.player-meme-icon{width:28px;height:28px;border-radius:4px}.meme-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.5rem}.meme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.meme-item{cursor:pointer;border:2px solid transparent;border-radius:6px;padding:4px;text-align:center;transition:all .15s;background:#ffffff08}.meme-item:hover{background:#ffffff14;border-color:#555}.meme-item.selected{border-color:#00d4ff;background:#00d4ff1a;box-shadow:0 0 8px #00d4ff4d}.meme-item img{width:100%;aspect-ratio:1;border-radius:4px;display:block}.meme-name{font-size:.65rem;color:#aaa;margin-top:2px;display:block}.player-entry .ready-status.ready{color:#4caf50}.player-entry .ready-status.not-ready{color:#666}.chat-box{flex:1;display:flex;flex-direction:column;min-height:140px;max-height:260px;overflow:hidden}.chat-box h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:.5rem}.chat-messages{flex:1;overflow-y:auto;margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.chat-messages .msg-system{color:#888;font-style:italic}.chat-messages .msg-sender{color:#00d4ff;font-weight:600}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1;padding:8px 12px;border:1px solid #333;border-radius:6px;background:#ffffff0d;color:#fff;font-size:.85rem;outline:none}.chat-input-row button{padding:8px 12px;border-radius:6px;background:#333;color:#ccc;border:none;cursor:pointer;font-size:.85rem}.lobby-settings h3{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#ff9800;margin-bottom:.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.setting-item label{font-size:.8rem;color:#ccc}.setting-control{display:flex;align-items:center;gap:10px}.setting-control span{font-size:.9rem;font-weight:700;color:#fff;min-width:36px;text-align:center}.setting-btn{width:28px;height:28px;border-radius:6px;border:1px solid #444;background:#ffffff14;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.setting-btn:hover{background:#00d4ff33;border-color:#00d4ff}.lobby-actions{display:flex;flex-direction:column;gap:8px}.lobby-mode-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid var(--border-mid);color:var(--text-dim);white-space:nowrap}.lobby-mode-badge.infection{color:#7dff5a;border-color:#7dff5a66;background:#64ff3c1a;box-shadow:0 0 10px #64ff3c33}.mode-toggle{gap:4px}.mode-btn,.map-btn{padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-mid);background:#ffffff0f;color:var(--text-dim);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--dur-fast);font-family:inherit}.mode-btn:hover,.map-btn:hover{border-color:var(--c-primary)}.mode-btn.active,.map-btn.active{background:#00d4ff2e;border-color:var(--c-primary);color:var(--c-primary)}.mode-desc{font-size:.72rem;color:var(--text-faint);padding:2px 0 6px;line-height:1.4}.game-hud{pointer-events:none}.hud-top{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center}.hud-timer{font-family:var(--font-display);font-size:2.2rem;font-weight:400;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.6);transition:color var(--dur-base)}.hud-timer.urgent{color:var(--c-danger-strong);animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1);text-shadow:0 0 8px rgba(255,51,51,.4)}50%{transform:scale(1.08);text-shadow:0 0 20px rgba(255,51,51,.9)}}.hud-phase{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#888;margin-top:4px}.hud-role{font-size:1rem;font-weight:600;margin-top:4px;padding:4px 12px;border-radius:4px;display:inline-block}.hud-round{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:4px;display:none}.round-current{font-size:1.1rem;color:#fd4;font-weight:800}.round-sep{color:#555;margin:0 2px}.round-total{font-size:.85rem;color:#888}.hud-alive-count{font-size:.8rem;margin-top:6px;letter-spacing:1px}.hud-role.hunter{background:#ff32324d;color:#ff6b6b}.hud-role.prop{background:#00d4ff4d;color:#00d4ff}.hud-role.ghost{background:#9664ff4d;color:#c0a0ff}.hud-bottom-left{position:absolute;bottom:30px;left:30px}.hud-health-bar{width:200px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.hud-health-text{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:200px;margin-bottom:6px;color:#fff;font-size:.875rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9)}.hud-health-text strong{font-size:1.125rem;font-variant-numeric:tabular-nums}.hud-health-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s;border-radius:4px}.hud-ammo{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.hud-ammo span{font-size:.9rem;color:#888}.hud-bottom-right{position:absolute;bottom:30px;right:30px}.hud-ability{text-align:right}.hud-ability-name{font-size:.8rem;text-transform:uppercase;color:#888;letter-spacing:1px}.hud-ability-key{font-size:1.2rem;font-weight:700;margin-top:4px}.damage-vignette{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(180,0,0,.8) 100%);transition:opacity .3s;z-index:5}.damage-flash{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;background:#ff00004d;transition:opacity .15s;z-index:6}.hud-ability-cd{font-size:.9rem;color:#ff9800}.crosshair{--crosshair-gap: 6px;position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.crosshair.is-hidden{visibility:hidden}.crosshair-arm{position:absolute;background:#ffffffeb;border-radius:1px;box-shadow:0 0 0 1px #00000073}.crosshair-arm.up,.crosshair-arm.down{left:-1px;width:2px;height:10px}.crosshair-arm.left,.crosshair-arm.right{top:-1px;width:10px;height:2px}.hud-interact-prompt{position:absolute;top:calc(50% + 64px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;background:#080c12b8;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;font-weight:600;font-size:.95rem;pointer-events:none;white-space:nowrap}.hud-interact-prompt kbd{min-width:28px;padding:3px 8px;border-radius:6px;background:#f4f6f8;color:#11161c;font:700 1rem var(--font-display, inherit);text-align:center;box-shadow:0 2px #9aa3ab}.crosshair-arm.up{bottom:var(--crosshair-gap)}.crosshair-arm.down{top:var(--crosshair-gap)}.crosshair-arm.left{right:var(--crosshair-gap)}.crosshair-arm.right{left:var(--crosshair-gap)}.hit-marker{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);pointer-events:none;animation:hitMarkerPop .35s var(--ease-out) forwards;z-index:20}.hit-marker span{position:absolute;top:50%;left:50%;width:26px;height:3px;background:#fff;border-radius:2px;box-shadow:0 0 4px #000c}.hit-marker span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.hit-marker span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.hit-marker.kill span{background:var(--c-danger-strong);box-shadow:0 0 8px #ff3333e6}@keyframes hitMarkerPop{0%{opacity:1;scale:.6}30%{opacity:1;scale:1.15}to{opacity:0;scale:1}}.damage-number{position:absolute;font-family:var(--font-display);font-size:1.15rem;color:#fd4;text-shadow:0 2px 6px rgba(0,0,0,.9);pointer-events:none;animation:damageFloat .9s var(--ease-out) forwards;z-index:20;white-space:nowrap}.damage-number.kill{font-size:1.5rem;color:var(--c-danger-strong)}@keyframes damageFloat{0%{opacity:0;transform:translateY(0) scale(.7)}15%{opacity:1;transform:translateY(-10px) scale(1.1)}to{opacity:0;transform:translateY(-55px) scale(1)}}.crosshair-dot{position:absolute;top:50%;left:50%;width:3px;height:3px;background:#ffffffe6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #0009}.hud-killfeed{position:absolute;top:60px;right:20px;text-align:right}.killfeed-entry{font-size:.85rem;padding:5px 10px;margin-bottom:4px;background:#0009;border-left:3px solid var(--c-danger);border-radius:4px;animation:killfeedIn .3s var(--ease-out),fadeOut 4.7s .3s forwards}.killfeed-skull{margin:0 4px}@keyframes killfeedIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.announce-layer{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:90}.announce-layer.visible{display:flex}.role-splash{text-align:center;animation:splashIn .5s var(--ease-bounce),fadeOut 3s forwards}.role-splash-icon{font-size:4rem;margin-bottom:.5rem}.role-splash-title{font-family:var(--font-display);font-size:3.2rem;letter-spacing:2px;text-shadow:0 4px 24px rgba(0,0,0,.8)}.role-splash.hunter .role-splash-title{color:#ff6b6b;text-shadow:0 0 30px rgba(255,60,60,.6),0 4px 24px rgba(0,0,0,.8)}.role-splash.prop .role-splash-title{color:var(--c-primary);text-shadow:0 0 30px rgba(0,212,255,.6),0 4px 24px rgba(0,0,0,.8)}.role-splash.infected .role-splash-title{color:#7dff5a;text-shadow:0 0 30px rgba(100,255,60,.7),0 4px 24px rgba(0,0,0,.8)}.killfeed-entry.infected{border-left-color:#7dff5a}.role-splash-sub{font-size:1.1rem;color:#fff;margin-top:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.9)}@keyframes splashIn{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.phase-banner{font-family:var(--font-display);font-size:2.6rem;letter-spacing:3px;padding:14px 48px;border-radius:var(--radius-lg);background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:bannerIn .35s var(--ease-out),fadeOut 2.2s forwards;text-shadow:0 4px 20px rgba(0,0,0,.8)}.phase-banner.danger{color:#ff6b6b;border:2px solid rgba(255,80,80,.5);box-shadow:0 0 40px #ff3c3c4d}.phase-banner.info{color:var(--c-primary);border:2px solid rgba(0,212,255,.5);box-shadow:0 0 40px #00d4ff40}.phase-banner.success{color:#7dff8a;border:2px solid rgba(100,255,120,.5);box-shadow:0 0 40px #64ff7840}@keyframes bannerIn{0%{opacity:0;transform:translateY(-60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ability-chips{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;max-width:340px}.ability-chip{position:relative;width:52px;text-align:center}.ability-chip-box{position:relative;width:48px;height:48px;margin:0 auto;border-radius:10px;background:#0000008c;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}.ability-chip.ready .ability-chip-box{border-color:#00d4ff99;box-shadow:0 0 10px #00d4ff40}.ability-chip.depleted .ability-chip-box{border-color:#f556;opacity:.55}.ability-chip.active-fx .ability-chip-box{border-color:#00ffcce6;box-shadow:0 0 14px #00ffcc80}.ability-chip-key{font-size:1.05rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.ability-chip-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px}.ability-chip-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:var(--c-warn);text-shadow:0 1px 3px rgba(0,0,0,.9)}.ability-chip-count{position:absolute;top:-5px;right:-3px;background:var(--c-accent);color:#fff;font-size:.6rem;font-weight:800;border-radius:8px;padding:1px 5px;z-index:2}.ability-chip-name{font-size:.55rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffffbf;margin-top:3px;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}.hud-prop-info{position:absolute;bottom:80px;left:50%;transform:translate(-50%);text-align:center;font-size:.85rem;color:#aaa}.results-screen{background:#0a0a0aeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.results-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-12px;border-radius:2px;animation:confettiFall linear forwards;opacity:.9}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.6}}.results-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:1.5rem;min-height:150px}.podium-slot{display:flex;flex-direction:column;align-items:center;width:110px;animation:podiumRise .6s var(--ease-bounce) backwards}.podium-slot.rank-1{animation-delay:.4s}.podium-slot.rank-2{animation-delay:.2s}.podium-slot.rank-3{animation-delay:.05s}@keyframes podiumRise{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.podium-medal{font-size:1.8rem}.podium-name{font-weight:700;font-size:.9rem;max-width:108px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{font-family:var(--font-display);font-size:1.05rem;color:var(--c-gold);margin-bottom:6px}.podium-block{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#00d4ff59,#7b2ff733);border:1px solid rgba(0,212,255,.3);border-bottom:none}.podium-slot.rank-1 .podium-block{height:84px;background:linear-gradient(180deg,#ffd70066,#ffd7001a);border-color:#ffd70073}.podium-slot.rank-2 .podium-block{height:58px}.podium-slot.rank-3 .podium-block{height:38px}.results-row{animation:resultsRowIn .4s var(--ease-out) backwards}@keyframes resultsRowIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.results-container{text-align:center;max-width:500px;width:90%}.results-container h2{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:1.5rem;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.results-table th,.results-table td{padding:10px 16px;text-align:left;border-bottom:1px solid #222}.results-table th{color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414f2;border:1px solid #333;border-radius:12px;padding:2rem;min-width:350px;pointer-events:auto}.settings-panel.hidden{display:none}.settings-panel h3{margin-bottom:1.5rem;font-size:1.25rem}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-row label{font-size:.9rem;color:#ccc}.setting-row input[type=range]{width:150px}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;border:1px solid #333;padding:12px 24px;border-radius:8px;font-size:.9rem;z-index:100;animation:slideDown .3s ease,fadeOut 3s 1s forwards}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.hud-chat-container{position:absolute;bottom:20px;left:20px;width:350px;max-height:250px;display:flex;flex-direction:column;background:#000000a6;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;z-index:50}.hud-chat-messages{flex:1;overflow-y:auto;padding:8px 10px;max-height:180px;font-size:.82rem;line-height:1.4}.hud-chat-msg{margin-bottom:3px;word-break:break-word}.hud-chat-msg strong{color:#4fc3f7}.hud-chat-input{border:none;border-top:1px solid rgba(255,255,255,.15);background:#00000080;color:#fff;padding:8px 10px;font-size:.85rem;outline:none;font-family:inherit}.hud-chat-input::placeholder{color:#fff6}.hud-chat-toast{position:absolute;bottom:60px;left:16px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:45}.hud-chat-toast-msg{background:#00000073;color:#ffffffbf;padding:4px 10px;border-radius:4px;font-size:.78rem;line-height:1.3;max-width:300px;word-break:break-word;animation:toastIn .25s ease-out}.hud-chat-toast-msg strong{color:#4fc3f7cc}.hud-chat-toast-fade{opacity:0;transition:opacity .6s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hud-controls-hint{position:absolute;bottom:8px;right:20px;background:#00000080;border:1px solid rgba(255,255,255,.12);padding:6px 14px;border-radius:6px;font-size:.72rem;color:#ffffffb3;pointer-events:none;z-index:40;white-space:nowrap}.hud-controls-hint b{color:#fff;font-weight:600}.hud-scoreboard{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:16px 22px;min-width:520px;max-width:80vw;z-index:200;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:inherit}.hud-scoreboard-title{text-align:center;font-size:1rem;font-weight:700;letter-spacing:2px;color:#fff;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.hud-scoreboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.hud-scoreboard-table th{text-align:center;padding:6px 10px;font-weight:600;color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.1)}.hud-scoreboard-table td{text-align:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.hud-scoreboard-table tr:last-child td{border-bottom:none}.scope-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:55;pointer-events:none;display:none}.scope-ring{position:absolute;top:50%;left:50%;width:50vh;height:50vh;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 9999px #000}.scope-cross-h{position:absolute;top:50%;left:50%;width:40vh;height:1px;transform:translate(-50%,-50%);background:#ffffff80}.scope-cross-v{position:absolute;top:50%;left:50%;width:1px;height:40vh;transform:translate(-50%,-50%);background:#ffffff80}.scope-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;transform:translate(-50%,-50%);background:#f33;border-radius:50%;box-shadow:0 0 4px #f33}.scope-zoom{position:absolute;top:calc(50% + 27vh);left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.95rem;font-weight:700;letter-spacing:.08em}.voice-controls{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:80;pointer-events:auto;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px)}.voice-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0009;color:#aaa;font-size:.75rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s;font-family:inherit;text-transform:uppercase;letter-spacing:1px;min-height:44px}.voice-btn:hover{background:#ffffff1a;border-color:#fff6}.voice-mic.active{background:#4caf504d;border-color:#4caf50;color:#4caf50}.voice-btn{display:inline-flex;align-items:center;gap:7px}.voice-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.voice-mic:not(.active) .voice-icon{color:#ff6b6b}.voice-mic.active .voice-slash{display:none}.voice-key{min-width:18px;padding:1px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.35);border-bottom-width:2px;background:#ffffff14;color:#eee;font-family:inherit;font-size:.7rem;line-height:1.3;text-align:center}@media(hover:none)and (pointer:coarse){.voice-key{display:none}}.voice-mode.mode-all{border-color:#00d4ff66;color:#00d4ff}.voice-mode.mode-team{border-color:#ffc83266;color:#fc3}.voice-mode.mode-mute{border-color:#ff505066;color:#f55}.voice-status{flex-basis:100%;max-width:38rem;font-size:.875rem;color:#f2ede4;background:#000000d9;text-align:center}.voice-status:empty,.voice-controls [hidden]{display:none}.voice-btn:focus-visible{outline:2px solid #f2ede4;outline-offset:3px}.voice-speaking{color:#f2ede4;background:#000000d9;font-size:.875rem}.voice-mic .voice-label{max-width:min(28rem,65vw);text-transform:none;letter-spacing:normal}.hud-soul-mode{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#6432c880;border:2px solid rgba(180,120,255,.7);padding:12px 28px;border-radius:10px;font-size:1.1rem;font-weight:700;letter-spacing:1px;color:#e0c0ff;pointer-events:none;z-index:60;text-shadow:0 0 10px rgba(180,120,255,.6)}.touch-controls{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25;pointer-events:none}.touch-joystick-zone{position:absolute;bottom:30px;left:20px;width:150px;height:150px;pointer-events:auto;touch-action:none}.touch-look-zone{position:absolute;top:0;right:0;width:55%;height:100%;pointer-events:auto;touch-action:none}.touch-actions{position:absolute;bottom:0;right:0;width:auto;height:auto;pointer-events:none}.touch-btn{position:absolute;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);color:#ffffffd9;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s;width:56px;height:56px}.touch-btn.active{background:#ffffff4d;border-color:#fff9}.touch-btn-shoot{width:72px;height:72px;background:#ff3c3c33;border-color:#ff505080;font-size:.85rem;bottom:100px;right:25px}.touch-btn-shoot.active{background:#ff3c3c80;border-color:#ff6464cc}.touch-btn-jump{bottom:25px;right:25px}.touch-btn-crouch{bottom:25px;right:95px}#tb-reload{bottom:185px;right:30px}#tb-grenade{bottom:185px;right:100px}#tb-scan{bottom:100px;right:110px}#tb-aim{bottom:100px;right:180px}#tb-transform{bottom:155px;right:25px}#tb-lock{bottom:90px;right:95px}#tb-invis{bottom:155px;right:95px}#tb-speed{bottom:90px;right:25px}#tb-soul{bottom:25px;right:95px}.touch-btn-meme{position:fixed;bottom:25px;left:190px;width:48px;height:48px;font-size:.65rem;background:#7850ff33;border-color:#9664ff66}.touch-btn-meme.active{background:#9664ff80}.touch-btn-meme-ok{position:fixed;bottom:25px;left:248px;width:48px;height:48px;font-size:.65rem;background:#50c85033;border-color:#64dc6466}.touch-btn-meme-ok.active{background:#50c85080}@media(max-width:768px),(pointer:coarse){.hud-controls-hint{display:none!important}.hud-top{top:8px}.hud-timer{font-size:1.4rem}.hud-phase{font-size:.7rem}.hud-role{font-size:.8rem;padding:2px 8px}.hud-bottom-left{bottom:190px;left:15px}.hud-health-bar{width:140px;height:6px}.hud-health-text{width:140px}.hud-ammo{font-size:1.1rem}.hud-bottom-right{bottom:250px;right:15px}.hud-ability-name{font-size:.7rem}.hud-prop-info{bottom:190px;left:175px;right:15px;width:auto;transform:none;text-align:left;font-size:.75rem;line-height:1.35;max-height:4.05em;overflow:hidden}.hud-killfeed{top:80px;right:10px}.killfeed-entry{font-size:.7rem}.hud-chat-container{width:250px;max-height:150px;bottom:200px;left:10px}.hud-chat-toast{bottom:200px;left:10px}.notification{font-size:.75rem;padding:8px 16px;top:55px}.lobby-body{grid-template-columns:1fr}.lobby-header{flex-direction:column;gap:8px;text-align:center}.lobby-header h2{font-size:1.2rem}.player-list{max-height:200px;overflow-y:auto}.meme-grid{grid-template-columns:repeat(3,1fr)}.chat-box{min-height:120px;max-height:200px}.game-title{font-size:2rem}.game-subtitle{margin-bottom:1.5rem}.btn{padding:14px;min-height:48px}.input-group input{padding:14px 16px;font-size:16px}.settings-panel{min-width:unset;width:90%;max-width:350px}}.fatal-renderer-error{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:32px;color:#f4e8d4;background:#11181d;font:600 18px/1.5 Be Vietnam Pro,sans-serif;text-align:center}:root{--harbor-ink: oklch(16% .018 244);--harbor-ink-soft: oklch(21% .022 244);--harbor-panel: oklch(19% .022 244 / .96);--harbor-panel-raised: oklch(24% .025 244 / .97);--harbor-line: oklch(72% .055 226 / .25);--harbor-line-strong: oklch(78% .12 215 / .58);--harbor-cyan: oklch(82% .14 213);--harbor-cyan-strong: oklch(74% .16 218);--harbor-amber: oklch(80% .14 74);--harbor-danger: oklch(68% .18 26);--harbor-copy: oklch(96% .014 228);--harbor-muted: oklch(74% .025 230);--harbor-faint: oklch(61% .022 230);--harbor-focus: 0 0 0 3px oklch(82% .14 213 / .34);--harbor-shadow: 0 24px 70px oklch(7% .02 244 / .72)}.main-menu,.room-lobby{isolation:isolate;overflow:hidden;background-color:var(--harbor-ink)}.main-menu:before,.room-lobby:before,.main-menu:after,.room-lobby:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.main-menu:before,.room-lobby:before{z-index:-2;background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1.02);animation:harborBackdropIn .8s var(--ease-out) both}.main-menu:before{background-image:url(/assets/ui/main-menu-harbor-cinematic-v1.webp)}.room-lobby:before{background-image:url(/assets/ui/room-lobby-harbor-cinematic-v1.webp)}.main-menu:after{z-index:-1;background:linear-gradient(0deg,oklch(7% .018 244 / .68) 0%,transparent 48%),radial-gradient(ellipse at center,#00010380,#00010380 18%,#00010333 48%,#0001038f)}.room-lobby:after{z-index:-1;background:linear-gradient(0deg,oklch(7% .018 244 / .72) 0%,transparent 58%),radial-gradient(ellipse at center,transparent 0 36%,oklch(7% .018 244 / .66) 100%)}@keyframes harborBackdropIn{0%{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1.02)}}.main-menu{align-items:center;justify-content:center;padding:clamp(24px,4vw,72px)}.menu-container{position:relative;width:min(440px,94vw);max-width:440px;max-height:min(860px,92vh);margin:auto;padding:clamp(24px,3vh,36px);overflow-y:auto;color:var(--harbor-copy);text-align:left;background:linear-gradient(145deg,#16232ef2,#040a10ed);border:1px solid var(--harbor-line);border-radius:14px;box-shadow:0 30px 90px #000002c7,0 0 0 1px #ffffff06,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);scrollbar-color:var(--harbor-line-strong) transparent;animation:harborPanelIn .42s var(--ease-out) both}.menu-container:before,.lobby-wrapper:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background:var(--harbor-cyan);opacity:.82;box-shadow:0 0 16px #1ddbfa59;pointer-events:none}@keyframes harborPanelIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-topbar{margin-bottom:22px}.main-menu .btn-lang{min-height:36px;padding:7px 11px;color:var(--harbor-muted);background:#232f3aad;border:1px solid var(--harbor-line);border-radius:5px}.main-menu .btn-lang:hover{color:var(--harbor-copy);background:#2d3c49d1;border-color:var(--harbor-line-strong)}.menu-brand{margin-bottom:30px}.menu-brand-kicker,.lobby-eyebrow{display:block;margin-bottom:8px;color:var(--harbor-cyan);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.main-menu .game-title{margin:0 0 8px;color:var(--harbor-copy);background:none;font-size:clamp(2.2rem,4vw,3.3rem);line-height:1;letter-spacing:-.035em;text-shadow:0 2px 18px oklch(7% .02 244 / .75);-webkit-text-fill-color:currentColor;animation:none}.main-menu .game-title:after{content:"";display:inline-block;width:9px;height:9px;margin-left:8px;background:var(--harbor-amber);border-radius:2px;box-shadow:0 0 12px #f3af4980;vertical-align:.15em}.main-menu .game-subtitle{margin:0;color:var(--harbor-muted);font-size:.92rem;font-weight:500;letter-spacing:.035em}.main-menu .input-group{margin-bottom:16px}.main-menu .input-group label,.main-menu .room-browser-header h3,.main-menu .menu-collapsible summary,.room-lobby .lobby-panel h3{color:var(--harbor-muted);font-size:.68rem;font-weight:800;letter-spacing:.14em}.main-menu .input-group input,.main-menu .join-code-row input,.room-lobby .chat-input-row input{color:var(--harbor-copy);background:#03080ed6;border:1px solid var(--harbor-line);border-radius:6px;box-shadow:inset 0 1px 5px #00000166}.main-menu .input-group input::placeholder,.main-menu .join-code-row input::placeholder,.room-lobby .chat-input-row input::placeholder{color:var(--harbor-faint)}.main-menu .input-group input:focus,.main-menu .join-code-row input:focus,.room-lobby .chat-input-row input:focus{border-color:var(--harbor-cyan);box-shadow:var(--harbor-focus)}.main-menu .btn,.room-lobby .btn{border-radius:6px;font-family:var(--font-body);letter-spacing:.015em;transition:transform .18s var(--ease-out),background-color .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.main-menu .btn-primary,.room-lobby .btn-primary{color:#010910;background:var(--harbor-cyan);border:1px solid oklch(91% .1 205 / .75);box-shadow:0 7px 18px #00010461,inset 0 1px #ffffff61}.main-menu .btn-primary:hover,.room-lobby .btn-primary:hover{background:#52ecff;background:oklch(87% .14 207);box-shadow:0 8px 24px #01bee247,inset 0 1px #ffffff6b;box-shadow:0 8px 24px oklch(74% .16 218 / .28),inset 0 1px #ffffff6b;transform:translateY(-1px)}.main-menu .btn-secondary,.room-lobby .btn-secondary{color:var(--harbor-copy);background:#232f3acc;border:1px solid var(--harbor-line)}.main-menu .btn-secondary:hover,.room-lobby .btn-secondary:hover{background:#2d3c49e6;border-color:var(--harbor-line-strong)}.main-menu .btn-hero{position:relative;min-height:52px;margin-bottom:18px;padding:14px 46px 14px 18px;box-shadow:0 8px 24px #0001046b,inset 0 1px #ffffff61}.main-menu .btn-hero:after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-52%);font-size:1.25rem}.main-menu .room-browser,.main-menu .menu-collapsible{background:#040a1094;border:1px solid var(--harbor-line);border-radius:7px}.main-menu .room-browser{margin:0 0 14px;padding:12px}.main-menu .room-entry{background:#1e2a346b;border:1px solid transparent;border-radius:5px}.main-menu .room-entry:hover{background:#2837449e;border-color:var(--harbor-line)}.main-menu .room-list-empty,.main-menu .room-entry-players{color:var(--harbor-faint)}.main-menu .menu-collapsible{margin-top:0}.main-menu .menu-collapsible summary{padding:12px 14px}.main-menu .menu-collapsible summary:hover{color:var(--harbor-cyan)}.private-room-toggle{display:flex;align-items:center;gap:9px;margin-bottom:12px}.private-room-toggle label{color:var(--harbor-muted);font-size:.86rem}.private-room-toggle input{accent-color:var(--harbor-cyan-strong)}.passcode-group{margin-bottom:12px}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.main-menu .join-code-row{margin-top:14px}.main-menu button:focus-visible,.main-menu input:focus-visible,.main-menu summary:focus-visible,.room-lobby button:focus-visible,.room-lobby input:focus-visible,.room-lobby .room-code-display:focus-visible,.room-lobby .meme-item:focus-visible{outline:none;box-shadow:var(--harbor-focus)}.room-lobby{padding:clamp(18px,3vw,48px);background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-wrapper{position:relative;width:min(1120px,96vw);max-width:1120px;max-height:min(860px,94vh);padding:clamp(18px,2.2vw,30px);color:var(--harbor-copy);background:linear-gradient(145deg,#14212bfa,#040a10fa);border:1px solid var(--harbor-line);border-radius:10px;box-shadow:var(--harbor-shadow),inset 0 1px #ffffff0e;animation:lobbyConsoleIn .42s var(--ease-out) both}@keyframes lobbyConsoleIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lobby-wrapper:before{left:28px;right:28px}.room-lobby .lobby-header{margin-bottom:18px;padding:0 2px 16px;border-bottom:1px solid var(--harbor-line)}.lobby-title-lockup{min-width:0}.room-lobby .lobby-header h2{color:var(--harbor-copy);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.1;letter-spacing:-.025em}.lobby-room-meta{display:flex;align-items:center;gap:10px}.room-lobby .lobby-mode-badge{padding:7px 11px;color:var(--harbor-muted);background:#25323db8;border:1px solid var(--harbor-line);border-radius:5px}.room-lobby .room-code-display{min-width:112px;padding:8px 13px;color:var(--harbor-copy);background:#02080fd1;border:1px solid var(--harbor-line);border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.room-lobby .room-code-display:hover{border-color:var(--harbor-cyan);box-shadow:var(--harbor-focus)}.room-lobby .lobby-body{grid-template-columns:minmax(300px,.86fr) minmax(390px,1.14fr);gap:14px;max-height:calc(94vh - 132px);padding-right:3px;scrollbar-color:var(--harbor-line-strong) transparent}.room-lobby .lobby-col{gap:10px;min-width:0}.room-lobby .lobby-panel{padding:14px;background:#1c28318a;border:1px solid var(--harbor-line);border-radius:7px;box-shadow:inset 0 1px #ffffff09}.room-lobby .lobby-panel h3{margin-bottom:10px}.room-lobby .player-list{max-height:214px}.room-lobby .player-entry{min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:5px}.room-lobby .player-entry.self{background:#1ec5e41a;border-color:#1ec5e442}.room-lobby .player-entry .host-badge{color:#06131e;background:var(--harbor-amber);border-radius:3px}.room-lobby .ready-status.not-ready{color:var(--harbor-faint)}.room-lobby .ready-status.ready{color:#72d577}.room-lobby .ready-status.ready .ready-dot{background:#72d577;box-shadow:0 0 7px #72d57780}.room-lobby .chat-box{min-height:190px;max-height:280px}.room-lobby .chat-messages{min-height:96px;padding:4px 2px;color:var(--harbor-muted)}.room-lobby .chat-messages .msg-sender{color:var(--harbor-cyan)}.room-lobby .chat-input-row button{min-width:76px;color:var(--harbor-copy);background:#293743;border:1px solid var(--harbor-line);border-radius:5px}.room-lobby .chat-input-row button:hover{border-color:var(--harbor-line-strong);background:#334553}.room-lobby .meme-grid{grid-template-columns:repeat(5,minmax(68px,1fr));gap:8px}.room-lobby .hunter-character-hint,.room-lobby .hunter-character-feedback{color:var(--harbor-muted);font-size:.8rem;line-height:1.45;margin:0 0 12px;max-width:65ch}.room-lobby .hunter-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.room-lobby .hunter-character-option{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:44px;padding:6px;font:inherit;color:var(--harbor-copy);background:#040a1094;border:1px solid var(--harbor-line);border-radius:5px;cursor:pointer;scroll-margin-block:16px;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out)}.room-lobby .hunter-character-option:hover:not(:disabled){border-color:var(--harbor-line-strong);background:#283744b3}.room-lobby .hunter-character-option.selected{border-color:var(--harbor-cyan);background:#1ec5e41f}.room-lobby .hunter-character-option:focus-visible{outline:2px solid var(--harbor-cyan);outline-offset:3px}.room-lobby .hunter-character-option:disabled{cursor:not-allowed;opacity:.65}.room-lobby .hunter-character-preview{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(80px,10vw,112px)}.room-lobby .hunter-character-preview img{width:100%;height:100%;object-fit:contain;border-radius:3px}.room-lobby .hunter-character-preview img[hidden],.room-lobby #classic-meme-section[hidden],.room-lobby .hunter-character-credit[hidden]{display:none}.room-lobby .hunter-character-name{margin-top:6px;font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}.room-lobby .hunter-character-state{min-height:1.5em;margin-top:3px;color:var(--harbor-cyan);font-size:.75rem;line-height:1.5}.room-lobby .hunter-character-feedback{margin:10px 0 0}.room-lobby .hunter-character-feedback.error{color:var(--harbor-amber)}.room-lobby .hunter-character-credit{display:inline-flex;align-items:center;min-height:44px;margin-top:2px;color:var(--harbor-muted);font-size:.75rem;line-height:1.5;text-underline-offset:3px}.room-lobby .hunter-character-credit:hover{color:var(--harbor-copy)}.room-lobby .hunter-character-credit:focus-visible{outline:2px solid var(--harbor-cyan);outline-offset:3px}.room-lobby .hunter-character-section .meme-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--harbor-line)}.room-lobby .armory-hint,.room-lobby .armory-feedback{color:var(--harbor-muted);font-size:.8rem;line-height:1.45;margin:0 0 12px;max-width:65ch}.room-lobby .armory-feedback{margin:10px 0 0;color:var(--harbor-amber)}.room-lobby .armory-feedback:empty{display:none}.room-lobby .armory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.room-lobby .armory-option{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:44px;padding:6px 7px 7px;font:inherit;text-align:left;color:var(--harbor-copy);background:#040a1094;border:1px solid var(--harbor-line);border-radius:5px;cursor:pointer;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out)}.room-lobby .armory-option:hover{border-color:var(--harbor-line-strong);background:#283744b3}.room-lobby .armory-option.selected{border-color:var(--harbor-cyan);background:#1ec5e41f}.room-lobby .armory-option:focus-visible{outline:2px solid var(--harbor-cyan);outline-offset:3px}.room-lobby .armory-preview{display:flex;align-items:center;justify-content:center;height:clamp(48px,6vw,72px)}.room-lobby .armory-preview img{width:100%;height:100%;object-fit:contain}.room-lobby .armory-name{font-size:.85rem;font-weight:600;overflow-wrap:anywhere}.room-lobby .armory-stats{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--harbor-muted);font-size:.72rem;line-height:1.4}.room-lobby .armory-stats b{color:var(--harbor-copy);font-variant-numeric:tabular-nums}.room-lobby .armory-state{min-height:1.4em;color:var(--harbor-amber);font-size:.72rem;font-weight:600;line-height:1.4}.room-lobby .armory-option.equipped .armory-state:before{content:"✓ "}.room-lobby .armory-detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,1fr);gap:12px;margin-top:12px}.room-lobby .armory-stage{position:relative;width:100%;min-width:0;min-height:150px;aspect-ratio:16 / 7;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#253842eb,#050c13f5 72%);border:1px solid var(--harbor-line);border-radius:6px}.room-lobby .armory-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.room-lobby .armory-canvas:active{cursor:grabbing}.room-lobby .armory-canvas:focus-visible{outline:2px solid var(--harbor-cyan);outline-offset:-2px}.room-lobby .armory-stage-status{position:absolute;left:10px;bottom:7px;color:var(--harbor-copy);font-size:.75rem;line-height:1.4;pointer-events:none}.room-lobby .armory-stage-status.ready{color:var(--harbor-faint)}.room-lobby .armory-stage-status.error{right:10px;color:var(--harbor-amber)}.room-lobby .armory-detail-info{display:flex;flex-direction:column;gap:8px;min-width:0}.room-lobby .armory-detail-name{margin:0;color:var(--harbor-copy);font-size:1.05rem}.room-lobby .armory-detail-stats{display:grid;gap:4px;margin:0}.room-lobby .armory-detail-stats div{display:flex;justify-content:space-between;gap:8px;padding-bottom:3px;font-size:.78rem;border-bottom:1px solid var(--harbor-line)}.room-lobby .armory-detail-stats dt{color:var(--harbor-muted)}.room-lobby .armory-detail-stats dd{margin:0;color:var(--harbor-copy);font-variant-numeric:tabular-nums;text-align:right}.room-lobby .armory-equip{margin-top:auto;min-height:44px}.room-lobby .armory-equip:disabled{cursor:default;opacity:.62}.room-lobby .armory-credit{display:inline-flex;align-items:center;min-height:44px;color:var(--harbor-muted);font-size:.75rem;text-underline-offset:3px}.room-lobby .armory-credit:hover{color:var(--harbor-copy)}.hud-ammo .hud-weapon-name{display:block;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#c9d3db}.room-lobby .meme-item{font:inherit;padding:5px;background:#040a1094;border:1px solid var(--harbor-line);border-radius:5px;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out)}.room-lobby .meme-item:hover{background:#283744b3;border-color:var(--harbor-line-strong);transform:translateY(-1px)}.room-lobby .meme-item.selected{background:#1ec5e41f;border-color:var(--harbor-cyan);box-shadow:0 0 0 2px #1ddbfa26}.room-lobby .meme-item img{border-radius:3px}.room-lobby .meme-name{margin-top:5px;color:var(--harbor-muted);line-height:1.2}.room-lobby .lobby-settings h3{color:var(--harbor-amber)}.room-lobby .setting-item{min-height:38px;padding:5px 0;border-top:1px solid oklch(72% .055 226 / .1)}.room-lobby .setting-item label{color:var(--harbor-muted)}.room-lobby .setting-btn,.room-lobby .mode-btn,.room-lobby .map-btn{color:var(--harbor-muted);background:#081018a8;border-color:var(--harbor-line);border-radius:5px}.room-lobby .setting-btn:hover,.room-lobby .mode-btn:hover,.room-lobby .map-btn:hover{color:var(--harbor-copy);background:#2b3a47bd;border-color:var(--harbor-line-strong)}.room-lobby .mode-btn.active,.room-lobby .map-btn.active{color:var(--harbor-cyan);background:#1ec5e41f;border-color:var(--harbor-cyan)}.room-lobby .mode-btn:disabled,.room-lobby .map-btn:disabled{color:var(--harbor-muted);background:#081018a8;border-color:var(--harbor-line);opacity:.55;cursor:not-allowed}.room-lobby [data-locked]:after{content:attr(data-locked);margin-left:6px;padding:0 4px;border:1px solid currentColor;border-radius:3px;font-size:.62rem;letter-spacing:.04em}.room-lobby .lobby-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) minmax(120px,.8fr);gap:8px}.room-lobby .lobby-actions .btn{min-height:48px;margin:0}.room-lobby .btn-danger{color:#ffb4ae;color:oklch(84% .095 24);background:#551f1eb8;border:1px solid oklch(64% .16 24 / .48)}.room-lobby .btn-danger:hover{background:#6e2827d1;border-color:var(--harbor-danger)}@media(max-width:900px){.main-menu{justify-content:center}.main-menu:after{background:linear-gradient(0deg,#000103d1,#0001035c)}.room-lobby{align-items:flex-start;overflow-y:auto}.lobby-wrapper{max-height:none;margin:auto}.room-lobby .lobby-body{grid-template-columns:1fr;max-height:none;overflow:visible}.room-lobby .lobby-actions{position:static;padding-top:8px;background:none}}@media(max-width:620px){.main-menu,.room-lobby{padding:10px}.menu-container,.lobby-wrapper{width:100%;border-radius:7px}.menu-container{max-height:calc(100vh - 20px);padding:20px}.menu-brand{margin-bottom:22px}.room-lobby .lobby-header{align-items:stretch;text-align:left}.lobby-room-meta{justify-content:space-between}.room-lobby .meme-grid{grid-template-columns:repeat(3,minmax(68px,1fr))}.room-lobby .armory-detail{grid-template-columns:minmax(0,1fr)}.room-lobby .hunter-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-lobby .lobby-actions{grid-template-columns:1fr}.room-lobby .player-entry{flex-direction:column;align-items:flex-start;gap:6px}.room-lobby .player-info{flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}.room-lobby .player-entry .host-badge{white-space:nowrap;margin-left:0}.room-lobby .setting-btn{width:44px;height:44px;flex-shrink:0}}@media(max-height:760px)and (min-width:901px){.menu-container{max-height:96vh;padding:20px 24px}.menu-brand{margin-bottom:20px}.main-menu .room-list{max-height:112px}.room-lobby .lobby-wrapper{max-height:96vh;padding:18px 22px}.room-lobby .lobby-body{max-height:calc(96vh - 106px)}.room-lobby .chat-box{min-height:130px;max-height:190px}}@media(prefers-reduced-motion:reduce){.main-menu:before,.room-lobby:before,.menu-container,.lobby-wrapper,.ready-status.ready .ready-dot{animation:none}.main-menu .btn,.room-lobby .btn,.room-lobby .meme-item,.room-lobby .hunter-character-option{transition-duration:.01ms}}.water-proximity-warning{position:fixed;left:50%;bottom:112px;z-index:180;display:none;max-width:min(620px,calc(100vw - 32px));transform:translate(-50%);padding:10px 18px;border:1px solid rgba(255,202,87,.72);border-radius:6px;color:#fff0c2;background:#31230ce0;font:700 13px/1.35 Be Vietnam Pro,sans-serif;letter-spacing:.05em;text-align:center;pointer-events:none}.water-proximity-warning[data-level=drowning]{display:block;bottom:140px;padding:14px 24px;border-color:#78cdffd9;color:#eaf7ff;background:#082c4ee6;font-size:18px;font-variant-numeric:tabular-nums;animation:water-danger-pulse .5s ease-in-out infinite alternate}@keyframes water-danger-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.025)}}.main-menu.harbor-directory{--font-body: "Inter", system-ui, sans-serif;--dir-bg: #071722;--dir-surface: #0c222e;--dir-line: #32576a;--dir-cyan: #32d8ef;--dir-copy: #ecf7fc;--dir-muted: #aec5d2;--dir-green: #76ee92;--dir-amber: #ffc453;padding:3vh 3vw;color:var(--dir-copy);height:100dvh;font-size:14px;font-family:var(--font-body);font-weight:400}.harbor-directory *,.directory-dialog *{scrollbar-width:thin;scrollbar-color:#477589 #081923}.harbor-directory ::selection{background:#32d8ef;color:#06151e}.main-menu.harbor-directory:before{transform:none;animation:none}.main-menu.harbor-directory:after{background:linear-gradient(0deg,#04121e55,#04121e18)}.directory-shell{display:flex;flex-direction:column;width:100%;max-width:1600px;max-height:94dvh;padding:22px 24px 16px;border:1px solid #3e8498;border-radius:12px;background:linear-gradient(120deg,#081c28f7,#04121df7);box-shadow:0 24px 70px #0009;animation:directory-arrive .24s var(--ease-out)}@keyframes directory-arrive{0%{transform:translateY(8px)}to{transform:none}}.directory-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:0 4px 22px;flex-shrink:0}.directory-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-right:auto;min-width:0}.directory-identity{display:flex;align-items:center;gap:14px}.directory-version{flex:none;padding:5px 12px;border:1px solid #39bcd1;border-radius:999px;background:#0a202d;color:var(--dir-cyan);font:600 14px/1.4 var(--font-body);white-space:nowrap}.directory-brand h1{margin:0;color:var(--dir-copy);font:400 clamp(25px,2.8vw,46px)/1.2 var(--font-display);white-space:nowrap;letter-spacing:-.03em}.directory-brand h1>span{color:var(--dir-amber)}.directory-description{display:grid;gap:5px;font-size:11px;letter-spacing:.12em}.directory-brand strong{color:var(--dir-cyan);font-size:13px}.directory-description>span{color:var(--dir-muted)}.directory-nav{display:flex;align-items:stretch;align-self:stretch;gap:22px}.directory-nav>span,.directory-nav button{display:flex;align-items:center;border:0;border-bottom:2px solid transparent;background:none;color:var(--dir-muted);font:600 14px var(--font-body);text-transform:uppercase;cursor:pointer;white-space:nowrap}.directory-nav>span{color:var(--dir-cyan);border-color:var(--dir-cyan);cursor:default}.directory-preferences{display:flex;gap:12px}.harbor-directory svg{width:20px;height:20px;flex:0 0 20px}.harbor-directory .dir-button{min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--dir-line);border-radius:6px;background:#0a202d;color:var(--dir-copy);font:600 13px/1.4 var(--font-body);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease}.harbor-directory .dir-button:hover:not(:disabled){background:#17384a;border-color:var(--dir-cyan)}.harbor-directory .dir-button.dir-primary{background:var(--dir-cyan);border-color:#83edfa;color:#03141e}.harbor-directory .dir-primary:hover:not(:disabled){background:#79ebf8}.harbor-directory .dir-button:disabled{background:#1a2a34;color:#9aabb7;border-color:#3b4c57;cursor:not-allowed}.harbor-directory .dir-icon{width:44px;padding:10px}.harbor-directory :is(button,a,input,select):focus-visible,.directory-scroll:focus-visible{outline:2px solid #9af0ff;outline-offset:3px}.harbor-directory input:not([type=checkbox]),.harbor-directory select{min-width:0;min-height:44px;width:100%;padding:10px 14px;border:1px solid var(--dir-line);border-radius:6px;background:#04131e;color:var(--dir-copy);font:400 14px/1.4 var(--font-body);caret-color:var(--dir-cyan)}.harbor-directory input::placeholder{color:#9eb6c5;opacity:1}.harbor-directory select{width:150px;cursor:pointer}.directory-actions{display:grid;grid-template-columns:1.45fr 1.12fr 1fr 1fr;align-items:end;gap:16px;padding:15px 18px;border:1px solid #294b5e;background:#102b385e;border-radius:7px;flex-shrink:0}.directory-nickname{min-width:0}.directory-nickname label{display:block;margin-bottom:5px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dir-muted)}.directory-actions .dir-button{min-height:50px;font-size:15px;text-transform:uppercase;border-color:#25b9d3}.directory-actions #btn-quick-join svg:last-child{margin-left:auto}.directory-actions #btn-quick-join svg:first-child{margin-left:auto}.directory-actions #nickname-input{min-height:50px}.directory-browser{display:flex;flex-direction:column;min-height:0}.directory-toolbar{display:flex;gap:14px;align-items:center;padding:18px 0 14px;flex-shrink:0}.directory-toolbar h2{margin-right:8px;font:700 clamp(17px,1.6vw,26px)/1.3 var(--font-body);white-space:nowrap}.directory-filters{display:flex;gap:8px}.directory-filters button{min-height:44px;padding:10px 18px;border:1px solid var(--dir-line);border-radius:24px;color:var(--dir-muted);background:#061924;font:600 12px var(--font-body);white-space:nowrap;cursor:pointer}.directory-filters button:hover{border-color:var(--dir-cyan)}.directory-filters button[aria-pressed=true]{background:var(--dir-cyan);color:#04151e;border-color:var(--dir-cyan)}.directory-search{margin-left:auto;position:relative;flex:1;max-width:320px;min-width:150px}.directory-search svg{position:absolute;left:12px;top:12px;color:var(--dir-muted);pointer-events:none}.directory-search #room-search{padding-left:40px}.directory-table{display:flex;flex-direction:column;border:1px solid #294b5e;border-radius:7px;overflow:hidden;min-height:0}.directory-columns,.directory-row{display:grid;grid-template-columns:minmax(220px,2.15fr) minmax(110px,.9fr) minmax(135px,1fr) minmax(120px,.9fr) 145px;align-items:center;gap:18px;padding:9px 18px}.directory-columns{min-height:36px;background:#102b38;color:var(--dir-muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;flex-shrink:0}.directory-scroll{overflow:auto;max-height:470px;min-height:0;overscroll-behavior:contain;scroll-padding:10px}.directory-row{min-height:76px;border-top:1px solid #203c4e;background:#071923}.directory-row:nth-child(2n){background:#091d29}.directory-row:hover,.directory-row:focus-within{background:#0d2c3c}.harbor-directory [hidden]{display:none!important}.directory-room{display:flex;align-items:center;gap:16px;min-width:0}.directory-room img{width:110px;height:58px;object-fit:cover;border:1px solid #325569;border-radius:4px;flex-shrink:0}.directory-room>div{min-width:0}.directory-room strong{display:block;color:var(--dir-copy);font-size:16px;line-height:1.5;overflow-wrap:anywhere}.directory-room small{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--dir-muted);font-size:12px}.directory-room small svg{width:13px;height:13px;flex-basis:13px}.directory-map{color:#cedfe8;font-size:13px}.directory-occupancy{display:flex;align-items:center;gap:14px;font-variant-numeric:tabular-nums;font-weight:700}.directory-occupancy>span{min-width:40px}.directory-occupancy meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;width:100%;max-width:108px;min-width:35px;height:9px;background:#263f4e}.directory-occupancy meter::-webkit-meter-bar{height:9px;background:#263f4e;border:0;border-radius:3px}.directory-occupancy meter::-webkit-meter-optimum-value{background:var(--dir-cyan);border-radius:3px}.directory-occupancy meter::-moz-meter-bar{background:var(--dir-cyan)}.directory-row[data-tone=playing] meter::-webkit-meter-optimum-value{background:var(--dir-amber)}.directory-status>span{display:flex;align-items:center;gap:8px;color:var(--dir-green);font-size:12px;font-weight:700}.directory-status>span:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.directory-row[data-tone=playing] .directory-status>span{color:var(--dir-amber)}.directory-row[data-tone=unknown] .directory-status>span{color:var(--dir-muted)}.directory-status small{display:block;color:var(--dir-muted);font-size:11px;margin:5px 0 0 16px}.directory-action .dir-button{width:100%}.directory-footer{display:flex;align-items:center;gap:18px;padding-top:14px;flex-shrink:0;color:var(--dir-muted);font-size:12px}.directory-footer #directory-count{font-variant-numeric:tabular-nums}.directory-footer #directory-sync{color:#b1c5d0;font-size:11px}.directory-footer #directory-sync.is-offline{color:var(--dir-amber)}.directory-footer a{margin-left:auto}.directory-empty{text-align:center;padding:clamp(40px,10vh,100px) 24px;color:var(--dir-copy)}.directory-empty h3{font-size:21px;font-weight:700}.directory-empty p{color:var(--dir-muted);margin:12px auto 24px;max-width:48ch;line-height:1.7}.directory-error,.dir-modal-error{color:#ffb5ad;font-size:13px;line-height:1.5;padding-top:10px}.harbor-directory [aria-invalid=true]{border-color:#ffb5ad}.dir-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.directory-dialog{margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;background:#0b202d;color:#ecf7fc;border:1px solid #426879;border-radius:12px;box-shadow:0 24px 70px #000a;overflow-y:auto}.directory-dialog::backdrop,dialog.settings-panel::backdrop{background:#020c17c4}.dir-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dir-dialog-heading h2{font:700 21px/1.4 var(--font-body)}.directory-dialog label:not(.dir-checkbox){display:block;margin:14px 0 8px;font-size:13px;font-weight:700}.directory-dialog p{margin-top:10px;color:#aec5d2;font-size:12px;line-height:1.6}.directory-dialog .dir-modal-error{color:#ffb5ad}.dir-checkbox{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:14px;cursor:pointer}.dir-checkbox input{width:20px;height:20px;accent-color:#32d8ef}.dir-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}dialog.settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;transform:none;min-width:0;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;background:#0b202d;border:1px solid #426879;color:#ecf7fc;border-radius:12px;padding:28px;box-shadow:0 24px 70px #000a}dialog.settings-panel .setting-row{flex-wrap:wrap;gap:10px}dialog.settings-panel .setting-row label{color:#bdd0dc}dialog.settings-panel .btn{min-height:44px;background:#0a202d;border:1px solid #32576a;color:#ecf7fc;box-shadow:none;border-radius:6px}dialog.settings-panel .btn[aria-pressed=true]{background:#32d8ef;border-color:#83edfa;color:#03141e}dialog.settings-panel .btn:hover{border-color:#83edfa;box-shadow:none}dialog.settings-panel input{accent-color:#32d8ef}dialog.settings-panel input[type=checkbox]{width:20px;height:20px}dialog.settings-panel label[for=setting-ui-sounds]{min-height:44px;display:flex;align-items:center;flex:1;cursor:pointer}dialog.settings-panel :focus-visible{outline:2px solid #9af0ff;outline-offset:3px}@media(max-width:1200px){.directory-description{flex-basis:100%}.directory-toolbar{flex-wrap:wrap}.directory-toolbar h2{margin-right:auto}.directory-search{max-width:none;flex-basis:40%;margin-left:0}.directory-columns,.directory-row{gap:12px;grid-template-columns:minmax(190px,1.8fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(115px,1fr) 125px}.directory-room img{width:78px;height:52px}}@media(max-width:760px){.main-menu.harbor-directory{padding:12px;overflow-y:auto;align-items:flex-start}.directory-shell{max-height:none;padding:16px;margin:auto}.directory-header{gap:12px;padding-bottom:14px}.directory-brand{flex-basis:100%}.directory-brand h1{font-size:clamp(20px,5.5vw,32px)}.directory-preferences{margin-left:auto;gap:8px}.directory-preferences select{width:118px;font-size:12px;padding:8px}.directory-nav{min-height:44px;gap:12px}.directory-nav>span,.directory-nav button{font-size:12px}.directory-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:10px}.directory-nickname,.directory-actions #btn-quick-join{grid-column:1 / -1}.directory-actions .dir-button{font-size:12px;padding:10px;white-space:normal}.directory-toolbar{gap:10px;padding-top:20px}.directory-toolbar h2{width:100%;font-size:20px}.directory-filters{width:100%}.directory-filters button{flex:1;padding:10px}.directory-search{flex-basis:50%}.directory-toolbar .dir-button{padding:10px;font-size:12px}.directory-columns{display:none}.directory-scroll{max-height:none;overflow:visible}.directory-row{grid-template-columns:1fr 1fr;padding:14px;gap:12px}.directory-room{grid-column:1 / -1}.directory-room img{width:88px;height:52px}.directory-map{display:none}.directory-occupancy{font-size:13px}.directory-status{justify-self:end}.directory-action{grid-column:1 / -1}.directory-footer{flex-wrap:wrap;gap:12px}.directory-footer a{width:100%;margin:0}.directory-empty{padding:34px 16px}.directory-empty h3{font-size:18px}}@media(max-height:640px)and (min-width:761px){.main-menu.harbor-directory{padding-top:12px;padding-bottom:12px;overflow-y:auto;align-items:flex-start}.directory-shell{max-height:calc(100dvh - 24px);padding:14px 20px;margin:auto}.directory-header{padding-bottom:12px}.directory-toolbar{padding:12px 0}.directory-scroll{max-height:270px}}@media(prefers-reduced-motion:reduce){.directory-shell{animation:none}.harbor-directory .dir-button{transition:none}}.game-tools{--guide-ink: #eaf6fc;--guide-muted: #b4ccd9;--guide-line: #386176;--guide-cyan: #48d9f0;position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:160;display:flex;align-items:center;gap:8px;pointer-events:none}.game-tools[hidden],.guide-hint[hidden],.guide-resume[hidden]{display:none}.guide-anchor{position:relative}.game-tool,.guide-close,.guide-done,.guide-tabs button{font:inherit;cursor:pointer;touch-action:manipulation}.game-tool{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:7px 12px;color:var(--guide-ink);background:#0b2230f2;border:1px solid var(--guide-line);border-radius:8px;pointer-events:auto;font-size:13px;font-weight:700;transition:background .14s ease,border-color .14s ease,transform .14s ease}.guide-toggle{border-color:#4ab5cb;box-shadow:0 3px 14px #07172266,0 0 8px #48d9f01a}.game-tool svg,.guide-close svg{width:20px;height:20px;flex:none}.music-toggle{width:44px;padding:0;color:#b4ccd9}.music-toggle[aria-pressed=true]{color:var(--guide-cyan);border-color:var(--guide-cyan)}.game-tool:hover,.guide-close:hover{background:#163748;border-color:#73e8f7}.game-tool:active,.guide-done:active{transform:translateY(1px)}.game-tool:focus-visible,.game-guide :focus-visible{outline:2px solid #8eefff;outline-offset:3px}.game-tools kbd,.game-guide kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:30px;padding:3px 7px;border:1px solid #527489;border-bottom-width:3px;border-radius:5px;background:#152d3a;color:#f1faff;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;white-space:nowrap}.game-tools .guide-key-i,.game-guide .guide-key-i{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:18px}.guide-hint{position:absolute;right:25%;top:calc(100% + 7px);width:max-content;max-width:calc(100vw - 105px);padding-top:78px;padding-right:56px;pointer-events:none;color:#61e8f6;opacity:1;animation:guide-enter .2s ease-out;transition:opacity .18s ease-out,transform .18s ease-out}.guide-arrow{position:absolute;top:0;right:0;width:92px;height:82px}.guide-hint-label{display:block;padding:11px 15px;border:1px solid #4ab5cb;border-radius:9px;background:#0b2230f5;color:#eaf6fc;font-size:14px;font-weight:600;box-shadow:0 5px 18px #05141f66}.guide-hint.is-fading{opacity:0;transform:translateY(3px)}.game-guide{--guide-ink: #eaf6fc;--guide-muted: #b4ccd9;color-scheme:dark;width:min(880px,calc(100vw - 32px));max-width:none;max-height:min(680px,calc(100dvh - 40px));margin:auto;padding:0;color:var(--guide-ink);background:#0c202cef;border:1px solid #41778c;border-radius:14px;box-shadow:0 20px 65px #0006;font-family:inherit;overflow:visible}.game-guide[open]{display:flex;flex-direction:column;animation:guide-dialog-enter .18s ease-out}.game-guide::backdrop{background:#020a144d}.guide-header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 18px;gap:16px}.guide-heading{display:flex;align-items:center;gap:12px}.guide-heading>svg{width:26px;height:26px;color:#62deed;flex:none}.guide-header h2{font-family:inherit;font-size:25px;line-height:1.25;font-weight:750;margin:0;text-wrap:balance}.guide-close{width:44px;height:44px;display:grid;place-items:center;flex:none;color:var(--guide-ink);background:#102c3a;border:1px solid #386176;border-radius:7px}.guide-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 26px 18px}.guide-tabs button{border:1px solid #386176;border-radius:7px;padding:10px 8px;min-height:44px;font-size:14px;font-weight:600;color:var(--guide-muted);background:#091b26}.guide-tabs button:hover{color:#fff;background:#163748}.guide-tabs button[aria-selected=true]{color:#86eeff;border-color:#4ab5cb;background:#123747}.guide-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:0 26px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#41778c #091b26;scrollbar-width:thin;min-height:0;scroll-padding:12px}.guide-row{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:start;gap:14px;padding:15px 0;border-top:1px solid #294453}.guide-keys{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.guide-action{display:block;font-size:14px;line-height:1.5;padding-top:4px;font-weight:600}.guide-row p{font-size:12px;line-height:1.6;color:var(--guide-muted);margin:5px 0 0}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 26px;border-top:1px solid #294453;border-radius:0 0 14px 14px;background:#091b26}.guide-footer p{font-size:12px;line-height:1.5;color:var(--guide-muted);margin:0}.guide-done{min-height:44px;min-width:132px;padding:10px 22px;border:1px solid #86eeff;border-radius:7px;color:#052331;background:#48d9f0;font-size:14px;font-weight:750}.guide-done:hover{background:#8aecfa}.game-guide ::selection{color:#04141d;background:#8eefff}.guide-resume{position:fixed;z-index:161;left:50%;bottom:100px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #41778c;border-radius:8px;background:#0b2230f5;color:#eaf6fc;font:inherit;font-size:14px;text-align:center;pointer-events:none}@keyframes guide-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-dialog-enter{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.game-tools{top:var(--guide-toolbar-top, max(10px, env(safe-area-inset-top)));right:max(10px,env(safe-area-inset-right));gap:6px}.game-tool{gap:7px;padding-inline:9px;font-size:12px}.guide-hint{right:18%;padding-right:22px;padding-top:70px;max-width:calc(100vw - 95px)}.guide-hint-label{font-size:12px;padding:10px;white-space:normal}.guide-header{padding:16px}.guide-header h2{font-size:21px}.guide-tabs{padding:0 16px 14px;gap:5px}.guide-tabs button{font-size:12px;padding-inline:3px}.guide-content{grid-template-columns:1fr;padding:0 16px 12px}.guide-row{grid-template-columns:135px minmax(0,1fr);gap:12px;padding:12px 0}.guide-footer{padding:14px 16px;gap:12px}.guide-done{min-width:100px;padding-inline:14px}}@media(max-height:450px){.guide-header{padding-block:8px}.guide-tabs{padding-bottom:8px}.guide-footer{padding-block:8px}}@media(max-width:700px),(max-height:450px){.game-guide .guide-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px}.game-guide .game-tools{position:static;grid-column:1 / -1;justify-self:end}}@media(prefers-reduced-motion:reduce){.game-guide[open],.guide-hint{animation:none}.guide-hint,.game-tool{transition:none}}.soundboard{--sb-bg: #081d2a;--sb-ink: #edf7fc;--sb-muted: #b4ccd9;--sb-line: #386176;--sb-cyan: #48d9f0;box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;color:var(--sb-ink);background:var(--sb-bg);border:1px solid var(--sb-cyan);border-radius:16px;box-shadow:0 16px 48px #020b1480;font:400 14px/1.5 Inter,system-ui,sans-serif;overflow:hidden;pointer-events:auto}.soundboard[open]{display:flex;flex-direction:column;animation:soundboard-in .18s ease-out}.soundboard::backdrop{background:#020a1438}.soundboard.is-closing{animation:soundboard-out .16s ease-in forwards}.soundboard *,.soundboard *:before,.soundboard *:after{box-sizing:border-box}.soundboard svg{width:24px;height:24px;flex:none}.soundboard-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;flex:none}.soundboard-header>svg{width:30px;height:30px;margin-top:4px;color:var(--sb-cyan)}.soundboard-header>div{min-width:0;flex:1}.soundboard h2{margin:0 0 5px;font:700 23px/1.25 Inter,system-ui,sans-serif;text-wrap:balance}.soundboard-header p{margin:0;color:var(--sb-muted);font-size:13px}.soundboard button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}.soundboard button:focus-visible{outline:2px solid #a3f1ff;outline-offset:-3px}.soundboard-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--sb-line);border-radius:8px;background:#102b3a}.soundboard-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--sb-line) var(--sb-bg);scroll-padding:4px;padding:2px}.soundboard-row{flex:none;display:flex;align-items:center;background:#102938;border:1px solid var(--sb-line);border-radius:10px;min-height:66px}.soundboard-row.is-selected{border-color:var(--sb-cyan);background:#103947}.soundboard-select{gap:12px;width:100%;min-width:0;text-align:left;padding:12px}.soundboard-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}.soundboard-tags{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;font-size:11px;font-weight:600}.soundboard-tags>span{padding:2px 6px;border:1px solid #3f8597;border-radius:20px;color:#8beafa}.soundboard-tags .soundboard-playing{color:#bbf5d6;border-color:#568d79}.soundboard [hidden]{display:none}.soundboard-row.is-selected>svg{color:var(--sb-cyan)}.soundboard button:hover{background-color:#1c4354}.soundboard button:active{background-color:#265164}.soundboard button[aria-disabled=true]{cursor:wait}.soundboard-status{min-height:20px;margin:8px 2px;color:var(--sb-muted);font-size:12px;flex:none}.soundboard-status:empty{min-height:0;margin:0}.soundboard-footer{display:flex;align-items:center;justify-content:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--sb-line);flex:none}.soundboard-keys{display:flex;flex-wrap:wrap;gap:8px;color:var(--sb-muted);font-size:11px}.soundboard-keys>span{display:inline-flex;gap:4px;align-items:center}.soundboard kbd{font:600 11px/1.4 Inter,system-ui,sans-serif;color:var(--sb-ink);padding:4px 5px;min-width:24px;text-align:center;border:1px solid #7193a5;border-bottom-width:2px;border-radius:4px;background:#061620}.soundboard-resume{position:fixed;z-index:210;bottom:100px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid #386176;border-radius:8px;color:#edf7fc;background:#081d2af5;font:500 13px/1.5 Inter,system-ui,sans-serif;pointer-events:none;text-align:center}.soundboard-resume[hidden]{display:none}@keyframes soundboard-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes soundboard-out{to{opacity:0;transform:translateY(4px)}}@media(max-width:560px){.soundboard{padding:18px}.soundboard-header{gap:10px;margin-bottom:16px}.soundboard h2{font-size:21px}.soundboard-footer{flex-direction:column;align-items:stretch;gap:12px}.soundboard-keys{justify-content:center}.soundboard-select{flex-wrap:wrap;gap:8px}.soundboard-select>svg{width:20px;height:20px}.soundboard-name{font-size:14px}.soundboard-tags{flex-direction:row;flex-wrap:wrap;width:100%;padding-left:28px}.soundboard-tags:not(:has(span:not([hidden]))){display:none}}@media(prefers-reduced-motion:reduce){.soundboard[open],.soundboard.is-closing{animation:none}}