@charset "UTF-8";:root{--top-bar: calc(40px + env(safe-area-inset-top, 0px)) }body{padding-top:var(--top-bar)}#top-bar{position:fixed;top:0;left:0;right:0;z-index:10000;box-sizing:border-box;height:var(--top-bar);margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:#111827eb;color:#f9fafb;font:14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:left}#top-bar .top-bar-home,#top-bar .top-bar-chip,#top-bar .top-bar-menu button{all:unset;box-sizing:border-box;cursor:pointer;color:#f9fafb;font:14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#top-bar .top-bar-home{flex:none;padding:6px 4px;border-radius:4px;white-space:nowrap}#top-bar .top-bar-home:hover{text-decoration:underline}#top-bar .top-bar-account{position:relative;min-width:0}#top-bar .top-bar-chip{display:inline-flex;align-items:center;gap:6px;max-width:min(240px,55vw);height:28px;padding:0 12px;border:1px solid rgba(249,250,251,.4);border-radius:999px}#top-bar .top-bar-chip:hover,#top-bar .top-bar-chip[aria-expanded=true]{background:#f9fafb1f}#top-bar .top-bar-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#top-bar .top-bar-caret{flex:none;font-size:11px}#top-bar .top-bar-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;margin:0;padding:4px 0;list-style:none;background:#111827;border:1px solid #374151;border-radius:8px;box-shadow:0 10px 24px #00000073}#top-bar .top-bar-menu li{margin:0;padding:0;list-style:none}#top-bar .top-bar-menu button{display:block;width:100%;padding:10px 14px;white-space:nowrap}#top-bar .top-bar-menu button:hover,#top-bar .top-bar-menu button:focus-visible{background:#1f2937}#top-bar .top-bar-home:focus-visible,#top-bar .top-bar-chip:focus-visible,#top-bar .top-bar-menu button:focus-visible{outline:2px solid #f9fafb;outline-offset:2px}#top-bar .top-bar-menu button:focus-visible{outline-offset:-2px}:root{--abyss-0: #02070d;--abyss-1: #051726;--steel-0: #081824;--steel-1: #0e2637;--steel-edge: #1d425a;--rivet: #2f5872;--sonar: #37f0a0;--sonar-dim: #17976180;--hydro: #37c9ff;--amber: #ffb02e;--alert: #ff5252;--ink: #d7e9f2;--ink-dim: #86a1b2;--font-display: "Black Ops One", "Oswald", system-ui, sans-serif;--font-head: "Oswald", "Segoe UI", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, "Courier New", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);min-height:100vh;background:radial-gradient(1200px 800px at 50% -10%,#0a2c3f,#0a2c3f00 60%),radial-gradient(900px 700px at 90% 110%,#06303a,#06303a00 55%),linear-gradient(180deg,var(--abyss-1) 0%,var(--abyss-0) 70%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(55,240,160,.025) 0 2px,transparent 2px 5px),radial-gradient(120% 120% at 50% 0%,transparent 55%,rgba(0,0,0,.55) 100%);background-size:220px 220px,100% 100%;animation:caustics 24s linear infinite}@keyframes caustics{0%{background-position:0 0,0 0}to{background-position:220px 440px,0 0}}.app{min-height:calc(100vh - var(--top-bar))}.loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--top-bar));font-size:1.5rem}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--top-bar));padding:2rem}.auth-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d}.auth-container h1{text-align:center;margin-bottom:.5rem;font-size:2rem;color:#00d4ff}.auth-container h2{text-align:center;margin-bottom:1.5rem;font-weight:400;opacity:.9}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;opacity:.9}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--steel-edge);border-radius:6px;background:#020c1499;color:var(--ink);font-family:var(--font-mono);font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus{outline:none;border-color:var(--sonar);box-shadow:0 0 12px #37f0a040}button{width:100%;padding:.8rem;border:1px solid var(--steel-edge);border-radius:6px;background:linear-gradient(180deg,#14384c,#0c2333);color:var(--ink);font-family:var(--font-mono);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s,background .15s;box-shadow:inset 0 1px #ffffff14,0 2px 4px #0006}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--sonar);box-shadow:inset 0 1px #ffffff1a,0 0 14px #37f0a059;color:#fff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}::selection{background:#37f0a04d}.error-message{background:#ff3b3033;border:1px solid rgba(255,59,48,.5);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.sso-divider{display:flex;align-items:center;margin:1.25rem 0}.sso-divider:before,.sso-divider:after{content:"";flex:1;height:1px;background:#fff3}.sso-divider span{color:#fff9;padding:0 1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.sso-button{width:100%;padding:.875rem;background:transparent;color:#00d4ff;border:1px solid rgba(0,212,255,.4);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.sso-button:hover{border-color:#00d4ff;background:#00d4ff1a;box-shadow:0 4px 16px #00d4ff33;transform:translateY(-2px)}.auth-link{text-align:center;margin-top:1.5rem;opacity:.9}.auth-link a{color:#00d4ff;text-decoration:none}.auth-link a:hover{text-decoration:underline}.home-page{min-height:calc(100vh - var(--top-bar))}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0003}.header h1{font-size:1.5rem;color:#00d4ff}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{opacity:.9}.logout-btn{width:auto;padding:.5rem 1rem;background:#ffffff1a;font-size:.9rem}.logout-btn:hover{background:#fff3;box-shadow:none;transform:none}.main-content{padding:3rem 2rem;display:flex;justify-content:center}.game-options{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.option-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;width:280px;text-align:center}.option-card h2{margin-bottom:.75rem;color:#00d4ff}.option-card p{opacity:.8;margin-bottom:1.5rem;font-size:.95rem}.primary-btn{background:linear-gradient(135deg,#00d4ff,#09c)}.back-btn{margin-top:1rem;background:#ffffff1a}.back-btn:hover{background:#fff3}.create-game-page,.join-game-page{min-height:calc(100vh - var(--top-bar));padding:2rem;max-width:600px;margin:0 auto}.create-game-page h1,.join-game-page h1{text-align:center;color:#00d4ff;margin-bottom:2rem}.option-section{margin-bottom:2rem}.option-section h2{margin-bottom:1rem;font-size:1.1rem;opacity:.9}.option-buttons{display:flex;gap:1rem;flex-wrap:wrap}.option-btn{flex:1;min-width:200px;padding:1.5rem;background:#ffffff1a;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:.5rem}.option-btn.selected{border-color:#00d4ff;background:#00d4ff33}.option-btn .option-icon{font-size:2rem}.option-btn .option-label{font-weight:600}.option-btn .option-desc{font-size:.85rem;opacity:.7}.create-btn{margin-top:2rem}.lobby-page{min-height:calc(100vh - var(--top-bar));padding:1.5rem}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.lobby-header h1{color:#00d4ff}.game-code{background:#0000004d;padding:.75rem 1.5rem;border-radius:8px}.game-code strong{font-size:1.5rem;letter-spacing:.2rem;color:#00d4ff;margin-left:.5rem}.game-settings{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.setting-badge{padding:.5rem 1rem;border-radius:20px;background:#ffffff1a;font-size:.9rem}.setting-badge.same-room{background:#4caf504d}.setting-badge.online{background:#2196f34d}.setting-badge.live{background:#ff98004d}.setting-badge.turn-based{background:#9c27b04d}.teams-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.team-card{background:#ffffff1a;border-radius:16px;padding:1.5rem;width:350px;border:2px solid transparent}.team-card.alpha{border-color:#f4433680}.team-card.alpha h2{color:#f44336}.team-card.bravo{border-color:#2196f380}.team-card.bravo h2{color:#2196f3}.team-card.selected{background:#ffffff26}.team-card h2,.join-team-btn,.team-players{margin-bottom:1rem}.player-row{display:flex;justify-content:space-between;padding:.5rem;background:#0003;border-radius:4px;margin-bottom:.5rem}.player-row .player-role{opacity:.7;font-size:.9rem}.role-selection{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.role-selection h3{margin-bottom:1rem;font-size:1rem}.role-btn{margin-bottom:.5rem;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center}.role-btn.selected{background:#00d4ff4d;border:1px solid #00d4ff}.role-btn .required-badge{font-size:.75rem;background:#ff980080;padding:.2rem .5rem;border-radius:4px}.automation-section{background:#ffffff0d;padding:1.5rem;border-radius:12px;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.automation-section h3{margin-bottom:.5rem}.automation-section p{opacity:.7;font-size:.9rem;margin-bottom:1rem}.automation-toggles{display:flex;gap:1rem;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-label input{width:18px;height:18px}.start-game-btn{max-width:300px;margin:0 auto 1rem;display:block;background:linear-gradient(135deg,#4caf50,#2e7d32)}.start-game-btn:disabled{background:#ffffff1a}.game-page{min-height:calc(100vh - var(--top-bar));display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0000004d}.team-info{display:flex;gap:1rem}.team-badge{padding:.5rem 1rem;border-radius:4px;font-weight:600}.team-badge.alpha{background:#f4433680}.team-badge.bravo{background:#2196f380}.role-badge{padding:.5rem 1rem;border-radius:4px;background:#fff3;text-transform:capitalize}.health-display{font-size:1.2rem}.game-content{padding:1rem;display:flex;justify-content:center;flex:1}.captain-panel{max-width:100%;width:100%}.captain-panel h2{color:#00d4ff;margin-bottom:1rem;text-align:center}.captain-layout{display:flex;gap:1.5rem;align-items:flex-start}@media (max-width: 900px){.captain-layout{flex-direction:column;align-items:center}}.captain-left{flex:0 0 auto}.captain-right{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:280px}.map-container{display:flex;justify-content:center}.game-map{display:flex;flex-direction:column;gap:2px;background:#00000080;padding:4px;border-radius:8px}.game-map.small{transform:scale(.6);transform-origin:top left}.map-row{display:flex;gap:2px}.map-cell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:1rem;cursor:pointer}.map-cell.water{background:#2196f34d}.map-cell.island{background:#8b4513cc}.map-cell.submarine{background:#f4433680}.map-cell.path{background:#ff980066}.movement-controls{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.75rem}.movement-controls button{width:100px;padding:.5rem;font-size:.9rem}.horizontal-controls{display:flex;gap:1rem}.waiting-confirmation{text-align:center;background:#ff980033;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.waiting-confirmation p{margin-bottom:.5rem}.confirmed-roles{display:flex;gap:1rem;justify-content:center}.confirmed-roles .confirmed{color:#4caf50}.systems-display{background:#0000004d;padding:1rem;border-radius:8px}.systems-display h3{margin-bottom:.5rem;color:#00d4ff;font-size:1rem}.system-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;font-size:.9rem}.system-row>span{width:90px}.charge-bar{display:flex;gap:3px}.charge-pip{width:16px;height:16px;border-radius:3px;background:#fff3}.charge-pip.filled{background:#4caf50}.fire-btn{width:auto;padding:.25rem .75rem;background:#f44336;font-size:.8rem}.fire-btn.active{background:#ff9800;box-shadow:0 0 0 2px #ff980080}.firing-hint{background:#f4433633;border:1px solid rgba(244,67,54,.6);color:#ffcdd2;padding:.5rem .75rem;border-radius:8px;margin-bottom:.5rem;font-size:.85rem;text-align:center}.game-map.targeting{cursor:crosshair}.game-map.targeting .map-cell.targetable{box-shadow:inset 0 0 0 2px #f44336cc;cursor:crosshair;animation:targetPulse 1.2s ease-in-out infinite}@keyframes targetPulse{0%,to{box-shadow:inset 0 0 0 2px #f4433680}50%{box-shadow:inset 0 0 0 2px #f44336}}.game-result{max-width:480px;margin:4rem auto 0;text-align:center;background:#0006;padding:2.5rem 2rem;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-result h1{font-size:2.5rem;margin-bottom:1rem}.game-result p{color:#fffc;margin-bottom:2rem}.game-result .aye-btn{display:inline-block;width:auto;padding:.75rem 2rem}.first-mate-panel,.engineer-panel,.radio-operator-panel{max-width:600px;width:100%}.first-mate-panel h2,.engineer-panel h2,.radio-operator-panel h2{color:#00d4ff;margin-bottom:1.5rem;text-align:center}.move-alert{background:#ff980033;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1.5rem}.move-alert strong{color:#00d4ff;font-size:1.5rem}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.system-btn{padding:1.5rem;background:#ffffff1a;display:flex;flex-direction:column;align-items:center;gap:.5rem}.system-btn.full{background:#4caf504d}.system-btn .system-icon{font-size:2rem}.system-btn .system-name{font-weight:600}.aye-btn{max-width:300px;margin:0 auto;display:block;background:linear-gradient(135deg,#4caf50,#2e7d32);font-size:1.25rem;padding:1rem}.tracking-controls{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.tracking-controls h3{margin-bottom:1rem}.direction-buttons{display:flex;gap:.5rem;justify-content:center}.direction-buttons button{width:60px}.enemy-path{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.enemy-path h3{margin-bottom:1rem}.path-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:40px}.path-step{background:#00d4ff4d;padding:.5rem 1rem;border-radius:4px;font-weight:600}.no-path{opacity:.5;font-style:italic}.clear-path{width:auto;padding:.5rem 1rem;background:#ffffff1a}.tracking-map{background:#0000004d;padding:1rem;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.waiting-captain,.listening-status{background:#ffffff1a;padding:2rem;border-radius:12px;text-align:center;margin-bottom:1.5rem}.waiting-captain p,.listening-status p{font-size:1.1rem;opacity:.8}.action-required{color:#ff9800;font-weight:600}.action-done{color:#4caf50;font-weight:600}.circuit-board{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.circuit-section{background:#0000004d;padding:.75rem;border-radius:8px;border:2px solid transparent;transition:all .3s}.circuit-section.active{border-color:#ff9800;background:#ff980026}.circuit-section h4{text-align:center;margin-bottom:.5rem;font-size:1rem}.circuit-section.n h4{color:#2196f3}.circuit-section.s h4{color:#f44336}.circuit-section.e h4{color:#4caf50}.circuit-section.w h4{color:#ff9800}.damage-slots{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.damage-slot{width:44px;height:44px;border-radius:6px;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;position:relative}.damage-slot.torpedo{background:#f443364d;border:2px solid #f44336}.damage-slot.mine{background:#ff98004d;border:2px solid #ff9800}.damage-slot.drone{background:#2196f34d;border:2px solid #2196f3}.damage-slot.sonar{background:#9c27b04d;border:2px solid #9c27b0}.damage-slot.silence{background:#4caf504d;border:2px solid #4caf50}.damage-slot.circuit-A .slot-circuit{background:#e91e63}.damage-slot.circuit-B .slot-circuit{background:#ff9800}.damage-slot.circuit-C .slot-circuit{background:#9c27b0}.damage-slot.circuit-D .slot-circuit{background:#00bcd4}.damage-slot.damaged{background:#0009;color:#f44336;border-color:#666}.damage-slot:disabled:not(.damaged){opacity:.4}.damage-slot:hover:not(:disabled):not(.damaged){transform:scale(1.05)}.slot-circuit{position:absolute;top:2px;right:2px;font-size:.6rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#666}.circuit-legend{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.legend-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.circuit-hint{text-align:center;font-size:.75rem;opacity:.7;margin:0}.legend-item{padding:.2rem .5rem;border-radius:4px;font-size:.7rem}.legend-item.torpedo{background:#f443364d}.legend-item.mine{background:#ff98004d}.legend-item.drone{background:#2196f34d}.legend-item.sonar{background:#9c27b04d}.legend-item.silence{background:#4caf504d}.blocked-systems{background:#0003;padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem}.blocked-systems h4{font-size:.85rem;margin-bottom:.4rem;color:#00d4ff}.system-status-grid{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.system-status{padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.system-status.ok{background:#4caf504d;color:#4caf50}.system-status.blocked{background:#f443364d;color:#f44336}.role-tabs{display:flex;gap:.5rem;justify-content:center;padding:1rem;background:#0003}.role-tab{padding:.75rem 1.5rem;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;text-transform:capitalize;position:relative;transition:all .2s}.role-tab:hover{background:#fff3}.role-tab.active{background:#00d4ff4d;border:2px solid #00d4ff}.role-tab.needs-action{animation:pulse 1s infinite}.role-tab .action-dot{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#ff9800;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}@keyframes pulse{0%,to{box-shadow:0 0 #ff980066}50%{box-shadow:0 0 0 10px #ff980000}}.roles-badge{padding:.5rem 1rem;border-radius:4px;background:#fff3;text-transform:capitalize}.role-grid{display:flex;flex-direction:column;gap:.75rem}.role-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;border:2px solid transparent;transition:all .2s}.role-row.selected{background:#00d4ff33;border-color:#00d4ff}.role-row.automated{background:#9c27b033;border-color:#9c27b0}.role-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.role-info .role-name{font-weight:600}.role-info .assigned-to{font-size:.85rem;opacity:.7}.role-controls{display:flex;gap:1rem}.role-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.role-checkbox input{width:18px;height:18px;cursor:pointer}.role-checkbox.auto{color:#9c27b0}.automation-panel{background:#9c27b01a;border:2px solid rgba(156,39,176,.3);border-radius:8px;padding:.75rem;margin-top:.75rem}.automation-panel h3{color:#9c27b0;margin-bottom:.5rem;text-align:center;font-size:.95rem}.auto-section{background:#0003;border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem}.auto-section:last-child{margin-bottom:0}.auto-section h4{color:#00d4ff;margin-bottom:.25rem;font-size:.9rem}.auto-hint{font-size:.75rem;opacity:.7;margin-bottom:.4rem}.auto-status{color:#4caf50;font-size:.9rem}.priority-list{display:flex;flex-direction:column;gap:.25rem}.priority-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#ffffff0d;border-radius:4px;transition:all .2s;font-size:.85rem}.priority-item.full{opacity:.5}.priority-item.next{background:#00d4ff33;border:1px solid #00d4ff}.priority-rank{width:18px;height:18px;background:#00d4ff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem}.priority-system{flex:1}.priority-status{font-size:.85rem;opacity:.7}.priority-controls{display:flex;gap:.15rem}.priority-controls button{width:22px;height:22px;padding:0;background:#ffffff1a;font-size:.7rem;display:flex;align-items:center;justify-content:center}.priority-controls button:disabled{opacity:.3}.next-charge{margin-top:.4rem;text-align:center;font-size:.8rem}.next-charge strong{color:#00d4ff}.direction-status{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.direction-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:6px;background:#ffffff0d}.direction-item.safe{background:#4caf5033}.direction-item.medium{background:#ff980033}.direction-item.high{background:#f4433633}.direction-label{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.damage-indicator{display:flex;gap:3px}.damage-dot{width:10px;height:10px;border-radius:50%;background:#4caf5080}.damage-dot.damaged{background:#f44336cc}.danger-label{font-size:.9rem;margin-top:.25rem}.direction-recommendation{font-size:.85rem;text-align:center;padding:.5rem;background:#0003;border-radius:4px}.direction-recommendation strong{color:#4caf50}.start-hint{max-width:640px;margin:.6rem auto 0;text-align:center;font-size:.82rem;opacity:.75;line-height:1.4}.start-hint strong{color:#00d4ff}.mode-badge{padding:.15rem .6rem;border-radius:999px;font-size:.75rem;background:#00d4ff26;border:1px solid rgba(0,212,255,.4)}.mode-badge.live{background:#ff980026;border-color:#ff980080}.surface-banner{background:#ffc1072e;border:1px solid rgba(255,193,7,.6);color:#ffe082;text-align:center;padding:.6rem;border-radius:8px;margin-bottom:.75rem;font-weight:600}.map-cell{position:relative}.map-cell .sector-label{position:absolute;top:1px;left:2px;font-size:.5rem;opacity:.5;pointer-events:none}.map-cell .cell-icon{font-size:.95rem;line-height:1}.map-cell.sector-edge-r{border-right:2px solid rgba(0,212,255,.5)}.map-cell.sector-edge-b{border-bottom:2px solid rgba(0,212,255,.5)}.map-cell.mine{background:#e91e6373}.map-cell.clickable{cursor:pointer}.map-cell.legal-target{box-shadow:inset 0 0 0 2px #00d4ffe6;cursor:crosshair;animation:targetPulse 1.2s ease-in-out infinite}.map-cell.candidate{background:#4caf5059}.map-cell.ghost{box-shadow:inset 0 0 0 2px #ffeb3bcc}.map-cell.ghost-start{background:#ffeb3b66}.map-cell.annotated{box-shadow:inset 0 0 0 2px #ffffffb3}.map-cell.enemy-sector{background:#f4433640}.map-cell:focus{outline:none}.map-cell:focus-visible{outline:2px solid #fff;outline-offset:-2px;z-index:1}.sonar-scope.small .map-cell:focus-visible{outline-width:4px}.game-map.selecting{cursor:crosshair}.game-map.selecting--mine .map-cell.legal-target{box-shadow:inset 0 0 0 2px #e91e63e6}.game-map.selecting--silence .map-cell.legal-target{box-shadow:inset 0 0 0 2px #9c27b0e6}.game-map.selecting--drone-sector .map-cell{cursor:pointer}.targeting-hint{background:#00d4ff26;border:1px solid rgba(0,212,255,.5);color:#b3ecff;padding:.5rem .75rem;border-radius:8px;margin-bottom:.5rem;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.targeting-hint .cancel-target{width:auto;padding:.2rem .6rem;font-size:.75rem;background:#ffffff26}.targeting-hint .targeting-keys{display:block;margin-top:.15rem;font-size:.75rem;opacity:.75}.cooldown-timer{margin-top:.4rem;font-size:.8rem;color:#ff9800}.trapped-hint{margin-top:.4rem;font-size:.8rem;color:#ff5252;font-weight:600}.systems-rail{background:#0000004d;padding:1rem;border-radius:8px;margin-bottom:1rem}.systems-rail h3{margin-bottom:.5rem;color:#00d4ff;font-size:1rem}.system-control{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.25rem;border-radius:6px}.system-control .system-label{width:110px;font-size:.9rem}.system-control.ready{background:#4caf501f}.system-control.blocked{opacity:.5}.system-control.surface-control{margin-top:.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.6rem}.activate-btn{width:auto;padding:.25rem .75rem;background:#0097a7;font-size:.8rem;margin-left:auto}.activate-btn.active{background:#ff9800;box-shadow:0 0 0 2px #ff980080}.activate-btn.danger{background:#f44336}.captain-reports{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.captain-reports h4{font-size:.85rem;color:#00d4ff;margin-bottom:.3rem}.drone-report,.sonar-report,.mine-list{background:#0000004d;padding:.6rem .75rem;border-radius:8px}.drone-answer{font-weight:600}.drone-answer.yes{color:#ff5252}.drone-answer.no{color:#4caf50}.sonar-fact{background:#ffffff14;border-radius:4px;padding:.25rem .5rem;margin-bottom:.25rem;font-size:.85rem}.mine-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:.25rem}.mine-item .detonate-btn{width:auto;padding:.15rem .6rem;font-size:.75rem;background:#e91e63}.token-tray,.breakdown-queue{display:flex;align-items:center;gap:.4rem;background:#ff98001f;border:1px solid rgba(255,152,0,.4);padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem;font-size:.9rem}.token-pip{width:14px;height:14px;border-radius:50%;background:#ff9800}.queue-dir{background:#ffffff26;border-radius:4px;padding:0 .4rem;font-size:.8rem}.system-btn.ready{box-shadow:0 0 0 2px #4caf5099}.hull-risk-flag{color:#ff5252;font-size:.7rem}.radio-tools{margin-bottom:.75rem}.radio-tools .candidate-count{font-size:.95rem;margin-bottom:.4rem}.radio-tools .candidate-count strong{color:#4caf50}.radio-tools .radio-mode-toggle{display:flex;gap:.4rem;margin-bottom:.4rem}.radio-tools .radio-mode-toggle button{width:auto;padding:.25rem .6rem;font-size:.8rem;background:#ffffff1f}.radio-tools .radio-mode-toggle button.active{background:#0097a7}.radio-tools .ghost-status{font-size:.85rem;padding:.4rem .6rem;border-radius:6px}.radio-tools .ghost-status.valid{background:#4caf502e;color:#a5d6a7}.radio-tools .ghost-status.invalid{background:#f443362e;color:#ef9a9a}.tracked-path{margin-top:.75rem}.tracked-path h4{font-size:.85rem;color:#00d4ff;margin-bottom:.3rem}.tracked-path .path-display{display:flex;flex-wrap:wrap;gap:.3rem}.tracked-path .path-step{background:#00d4ff33;border-radius:4px;padding:.1rem .45rem;font-size:.8rem}.tracked-path .no-path{opacity:.6;font-size:.85rem}.sonar-answer-modal{position:fixed;inset:var(--top-bar) 0 0 0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.sonar-answer-card{background:#16213e;border:1px solid rgba(0,212,255,.4);border-radius:12px;padding:1.5rem;max-width:400px}.sonar-answer-card h3{color:#00d4ff;margin-bottom:.5rem}.sonar-answer-card p{font-size:.85rem;margin-bottom:.75rem;opacity:.9}.sonar-answer-card .sonar-fact-input{display:flex;gap:.5rem;margin-bottom:.5rem}.sonar-answer-card .sonar-fact-input select,.sonar-answer-card .sonar-fact-input input{flex:1;padding:.4rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff}.sonar-answer-card .sonar-hint{font-size:.78rem;opacity:.7}.event-log{position:fixed;right:1rem;bottom:1rem;width:240px;max-height:200px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150}.event-log h3{font-size:.75rem;color:#00d4ff;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em}.event-log .log-scroll{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem}.event-log .log-empty{opacity:.5;font-size:.8rem}.event-log .log-entry{font-size:.78rem;padding:.1rem .3rem;border-radius:3px;border-left:2px solid transparent}.event-log .log-entry--move{border-color:#2196f3}.event-log .log-entry--attack{border-color:#f44336;color:#ffcdd2}.event-log .log-entry--surface{border-color:#ffc107}.event-log .log-entry--sonar{border-color:#9c27b0}.event-log .log-entry--drone{border-color:#00bcd4}.event-log .log-entry--silence{border-color:#7e57c2}.event-log .log-entry--info{border-color:#4caf50}.toast-host{position:fixed;top:calc(1rem + var(--top-bar));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;align-items:center;z-index:250}.toast{padding:.55rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;box-shadow:0 4px 16px #0006;animation:toastIn .2s ease-out}.toast--hit{background:#2e7d32}.toast--miss{background:#c62828}.toast--info{background:#0277bd}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.station-mission{font-size:.85rem;opacity:.8;margin:-.25rem 0 .75rem;line-height:1.4;max-width:640px}.role-help{position:relative;display:inline-block}.role-help-btn{width:1.35rem;height:1.35rem;padding:0;line-height:1;border-radius:50%;background:#00d4ff2e;border:1px solid rgba(0,212,255,.5);color:#00d4ff;font-size:.8rem;font-weight:700;cursor:pointer;vertical-align:middle}.role-help-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180}.role-help-pop{position:absolute;top:130%;left:0;z-index:181;width:300px;background:#16213e;border:1px solid rgba(0,212,255,.5);border-radius:10px;padding:.9rem 1rem;box-shadow:0 10px 30px #00000080;text-align:left;font-weight:400}.role-help-pop .role-help-head{font-size:1rem;font-weight:700;color:#00d4ff;margin-bottom:.3rem}.role-help-pop .role-help-mission{font-size:.85rem;margin-bottom:.5rem;opacity:.95}.role-help-pop .role-help-how{margin:0 0 .5rem 1rem;padding:0;font-size:.82rem;line-height:1.45}.role-help-pop .role-help-how li{margin-bottom:.3rem}.role-help-pop .role-help-tip{font-size:.8rem;opacity:.85;font-style:italic;margin-bottom:.6rem}.role-help-pop .role-help-close{width:100%;padding:.35rem;font-size:.8rem;background:#0097a7}.reactor-guidance{padding:.6rem .8rem;border-radius:8px;margin-bottom:.75rem;font-size:.9rem}.reactor-guidance.go{background:#ff980029;border:1px solid rgba(255,152,0,.5);color:#ffe0b2}.reactor-guidance.idle{background:#ffffff0f;opacity:.8}.reactor{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.75rem}.reactor-group{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem}.reactor-group.active{border-color:#ff9800cc;box-shadow:0 0 0 1px #ff980080}.reactor-group.danger .dir-fill{color:#ff5252;font-weight:700}.reactor-group-head{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:.4rem}.reactor-group-head .dir-arrow{font-weight:600}.reactor-group-head .dir-fill{opacity:.8}.reactor-nodes{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.reactor-node{display:flex;flex-direction:column;align-items:center;gap:1px;padding:.4rem .2rem;border-radius:6px;background:#ffffff0f;border:2px solid transparent;cursor:pointer;font-size:.65rem}.reactor-node .node-icon{font-size:1.1rem}.reactor-node .node-name{opacity:.9}.reactor-node .node-state{font-size:.55rem;opacity:.7;min-height:.7rem}.reactor-node.circuit-A{border-color:#2196f3}.reactor-node.circuit-B{border-color:#ffb300}.reactor-node.circuit-C{border-color:#4caf50}.reactor-node.circuit-D{border-color:#ab47bc}.reactor-node:disabled{cursor:default}.reactor-node:not(:disabled):hover{background:#ff980033}.reactor-node.offline{opacity:.35;filter:grayscale(1)}.reactor-node.offline .node-state{color:#ff5252;opacity:1}.reactor-warn{margin-top:.4rem;font-size:.7rem;color:#ff8a80}.circuit-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;background:#00000040;padding:.5rem .6rem;border-radius:8px;margin-bottom:.6rem;font-size:.75rem}.circuit-progress .cp-label{opacity:.8}.circuit-progress .cp-chip{padding:.1rem .45rem;border-radius:999px;border:2px solid transparent;font-weight:600}.circuit-progress .cp-chip.circuit-A{border-color:#2196f3;color:#6ab8f7}.circuit-progress .cp-chip.circuit-B{border-color:#ffb300;color:#ffbb1a}.circuit-progress .cp-chip.circuit-C{border-color:#4caf50;color:#75c378}.circuit-progress .cp-chip.circuit-D{border-color:#ab47bc;color:#c57fd0}.circuit-progress .cp-chip.ready{animation:targetPulse 1s ease-in-out infinite}.circuit-progress .cp-hint{opacity:.6;flex-basis:100%}.reactor-systems{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.reactor-systems .sys-chip{font-size:.75rem;padding:.2rem .5rem;border-radius:6px}.reactor-systems .sys-chip.online{background:#4caf502e;color:#a5d6a7}.reactor-systems .sys-chip.offline{background:#f4433633;color:#ef9a9a}.enemy-fix{padding:.7rem .9rem;border-radius:8px;margin-bottom:.6rem;font-size:.95rem;background:#00d4ff1f;border:1px solid rgba(0,212,255,.4)}.enemy-fix strong{color:#00d4ff}.enemy-fix.pinned{background:#4caf5033;border-color:#4caf50b3;animation:targetPulse 1.2s ease-in-out infinite}.enemy-fix.pinned strong{color:#a5d6a7}.radio-legend{display:flex;flex-wrap:wrap;gap:.8rem;margin:.5rem 0;font-size:.75rem;opacity:.85}.radio-evidence{margin-top:.6rem}.radio-evidence h4{font-size:.85rem;color:#00d4ff;margin-bottom:.3rem}.radio-evidence .path-display{display:flex;flex-wrap:wrap;gap:.3rem}.radio-evidence .path-step{background:#00d4ff2e;border-radius:5px;padding:.15rem .4rem;font-size:.85rem}.radio-evidence .path-step.silence{background:#7e57c24d}.radio-evidence .path-step.surface{background:#ffc10740}.radio-evidence .no-path{opacity:.6;font-size:.85rem}.radio-hunch{margin-top:.7rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.radio-hunch summary{cursor:pointer;font-size:.85rem;opacity:.85}.radio-hunch .radio-mode-toggle{display:flex;gap:.4rem;margin:.5rem 0}.radio-hunch .radio-mode-toggle button{width:auto;padding:.25rem .6rem;font-size:.78rem;background:#ffffff1f}.radio-hunch .radio-mode-toggle button.active{background:#0097a7}.radio-hunch .hunch-hint{font-size:.78rem;opacity:.7;margin-bottom:.4rem}.radio-hunch .ghost-status{font-size:.82rem;padding:.4rem .6rem;border-radius:6px}.radio-hunch .ghost-status.valid{background:#4caf502e;color:#a5d6a7}.radio-hunch .ghost-status.invalid{background:#f443362e;color:#ef9a9a}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:.05em}h2,h3{text-transform:uppercase}.home-page .header h1,.auth-container h1{font-family:var(--font-display);color:var(--sonar);letter-spacing:.03em;text-shadow:0 0 22px rgba(55,240,160,.55),0 2px 0 rgba(0,0,0,.5)}.game-content h2,.lobby-header h1,.create-game-page>h1,.game-result h1{color:var(--hydro);text-shadow:0 0 14px rgba(55,201,255,.35)}.game-content h2{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(55,201,255,.25);margin-bottom:.6rem}.charge-bar,.candidate-count,.enemy-fix,.dir-fill,.reactor-guidance,.token-tray,.breakdown-queue,.cp-chip,.sys-chip,.health-display,.game-code strong,.path-step,.cooldown-timer,.mode-badge,.team-badge,.drone-answer,.sonar-fact{font-family:var(--font-mono)}.auth-container,.option-card,.team-card,.captain-panel,.first-mate-panel,.engineer-panel,.radio-operator-panel,.systems-rail,.systems-display,.game-result,.sonar-answer-card,.event-log,.automation-panel{background:radial-gradient(circle 3px at 11px 11px,var(--rivet) 45%,transparent 47%),radial-gradient(circle 3px at calc(100% - 11px) 11px,var(--rivet) 45%,transparent 47%),radial-gradient(circle 3px at 11px calc(100% - 11px),var(--rivet) 45%,transparent 47%),radial-gradient(circle 3px at calc(100% - 11px) calc(100% - 11px),var(--rivet) 45%,transparent 47%),linear-gradient(180deg,var(--steel-1),var(--steel-0))!important;border:1px solid var(--steel-edge)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:inset 0 1px #ffffff0f,inset 0 0 44px #00000059,0 8px 22px #00000073!important}.game-header{background:linear-gradient(180deg,#10293a,#081824)!important;border:1px solid var(--steel-edge);border-radius:8px;box-shadow:inset 0 -2px #37f0a040,0 4px 14px #0006}.team-badge{border-radius:5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15)}.team-badge.alpha{box-shadow:0 0 12px #37c9ff66}.team-badge.bravo{box-shadow:0 0 12px #ffb02e66}.health-display{letter-spacing:.1em;font-size:.9rem}.health-display:before{content:"HULL ";color:var(--ink-dim)}.role-tab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:5px 5px 0 0}.role-tab.active{border-bottom:2px solid var(--sonar)!important;box-shadow:0 0 14px #37f0a040}.sonar-scope{position:relative;width:560px;aspect-ratio:1/1;margin:.4rem auto 0;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle 3px at 97.5% 50%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 93.9% 68.2%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 83.6% 83.6%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 68.2% 93.9%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 50% 97.5%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 31.8% 93.9%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 16.4% 83.6%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 6.1% 68.2%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 2.5% 50%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 6.1% 31.8%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 16.4% 16.4%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 31.8% 6.1%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 50% 2.5%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 68.2% 6.1%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 83.6% 16.4%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle 3px at 93.9% 31.8%,#8fb2c6 0 42%,#16303d 58%,transparent 64%),radial-gradient(circle at 50% 50%,transparent 0 88.5%,#16323f 88.5% 90%,#34607a 93%,#16323f 97%,#274a5e 99%,#08161d 100%),repeating-radial-gradient(circle at 50% 50%,transparent 0 40px,rgba(55,240,160,.06) 40px 41px),linear-gradient(#37f0a014,#37f0a014) 50% 50%/100% 1px no-repeat,linear-gradient(#37f0a014,#37f0a014) 50% 50%/1px 100% no-repeat,radial-gradient(circle at 50% 45%,rgba(55,240,160,.1),transparent 58%),radial-gradient(circle at 50% 50%,#06201a,#03110d 66%,#020a08);box-shadow:inset 0 0 70px #000000e6,0 0 0 2px #08161d,0 0 30px #37f0a01f,0 14px 34px #0000008c}.sonar-scope.small{width:380px;margin:.2rem auto 0}.sonar-scope:after{content:"";position:absolute;left:50%;top:50%;width:1200px;height:1200px;pointer-events:none;z-index:4;background:conic-gradient(from 0deg at 50% 50%,rgba(55,240,160,.22),rgba(55,240,160,.02) 45deg,transparent 70deg 360deg);animation:sonarSweep 7s linear infinite;mix-blend-mode:screen}@keyframes sonarSweep{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.game-map,.map-board{position:relative;z-index:3;background:transparent!important;border:none!important;box-shadow:none!important}.game-map:after,.map-board:after{content:none!important}.sonar-scope .map-board{transform:scale(.74)!important;transform-origin:center center!important}.sonar-scope.small .map-board{transform:scale(.44)!important;transform-origin:center center!important}.map-cell{border-radius:2px}.map-cell.water{background:#37f0a00b!important;box-shadow:inset 0 0 0 1px #37f0a00f}.map-cell.island{background:#0b2a24!important;box-shadow:inset 0 0 7px #000000b3,inset 0 0 0 1px #37f0a01f}.map-cell.path{background:#37f0a029!important}.map-cell.submarine{background:radial-gradient(circle,rgba(55,240,160,.55),transparent 72%)!important;animation:blip 2s ease-in-out infinite}.map-cell.sector-edge-r{border-right-color:#37f0a04d!important}.map-cell.sector-edge-b{border-bottom-color:#37f0a04d!important}.map-cell .sector-label{color:#37f0a08c}@keyframes blip{0%,to{box-shadow:inset 0 0 6px #37f0a0b3}50%{box-shadow:inset 0 0 15px #37f0a0}}.charge-pip{background:#ffffff1a;border-radius:2px}.charge-pip.filled{background:var(--sonar);box-shadow:0 0 8px #37f0a0b3}.aye-btn{background:linear-gradient(180deg,#1c8f60,#0d5c3d)!important;border-color:var(--sonar)!important;color:#eafff5!important;text-shadow:0 0 8px rgba(55,240,160,.5)}.fire-btn,.activate-btn.danger{background:linear-gradient(180deg,#c0392b,#7d2018)!important;border-color:#ff6a5a!important}.game-header:after{content:"● LIVE";font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--sonar);opacity:.85;align-self:center;animation:ledBlink 2.4s steps(1) infinite}@keyframes ledBlink{0%,60%{opacity:.9}61%,to{opacity:.3}}.admin-page{min-height:calc(100vh - var(--top-bar));padding:1.5rem;max-width:1200px;margin:0 auto}.admin-note{color:var(--ink-dim);font-size:.9rem;margin-bottom:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.admin-tabs button{width:auto;padding:.5rem 1.25rem}.admin-tabs button.selected{border-color:var(--sonar);color:var(--sonar)}.admin-search{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.admin-search input,.admin-search select{flex:1;min-width:200px;padding:.6rem .9rem;border:1px solid var(--steel-edge);border-radius:6px;background:#020c1499;color:var(--ink);font-family:var(--font-mono);font-size:.95rem}.admin-search input:focus,.admin-search select:focus{outline:none;border-color:var(--sonar)}.admin-search select{flex:0 0 auto;min-width:0}.admin-search button{width:auto;padding:.6rem 1.25rem}.admin-filter{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--hydro)}.admin-link-btn{width:auto;padding:.3rem .7rem;font-size:.8rem}.admin-empty{color:var(--ink-dim)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--steel-edge);border-radius:8px;background:#081824b3}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid rgba(29,66,90,.6);white-space:nowrap}.admin-table th{font-family:var(--font-mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:var(--ink-dim)}.admin-table tr.inactive td{opacity:.55}.admin-games{display:flex;flex-direction:column;gap:.75rem}.admin-game{border:1px solid var(--steel-edge);border-radius:8px;background:#081824b3;padding:.85rem 1rem}.admin-game-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.admin-game-head .setting-badge{padding:.2rem .6rem;font-size:.8rem}.admin-game-head .status-playing{background:#37f0a033}.admin-game-head .status-finished{background:#37c9ff33}.admin-code{font-family:var(--font-mono);letter-spacing:.15rem;color:var(--hydro);font-size:1.1rem}.admin-winner{color:var(--amber);font-size:.9rem}.admin-game-meta{color:var(--ink-dim);font-size:.85rem;margin:.4rem 0 .6rem}.admin-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.admin-team{border:1px solid rgba(29,66,90,.6);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.admin-team h4{font-family:var(--font-head);font-weight:500;margin-bottom:.25rem}.admin-team.winner{border-color:var(--amber)}.admin-roles{color:var(--ink-dim)}.admin-pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.25rem 0;color:var(--ink-dim)}.admin-pager button{width:auto;padding:.45rem 1rem}