:root{--bg: #050a10;--bg-2: #08111b;--surface: #0a1520;--surface-2: #0e1b28;--line: #13283d;--line-2: #1a3550;--text: #e8f2fa;--text-2: #9fb6c8;--text-3: #6a8296;--sonar: #4cc3ff;--sonar-2: #9ad8ff;--sonar-dim: #0d2236;--amber: #ffb547;--amber-dim: #2e2210;--red: #ff5a4a;--red-dim: #2e1212;--green: #5aff9a;--alfa: #4cc3ff;--bravo: #ffb547;--radius: 12px;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--head: "Space Grotesk", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--head);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit}.hidden{display:none!important}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}@keyframes blink{50%{opacity:.35}}.btn{height:42px;padding:0 18px;border-radius:10px;border:1px solid transparent;font:600 14px var(--head);letter-spacing:.2px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(180deg,#17406a,#0e2a46);border-color:var(--sonar);color:var(--sonar-2);box-shadow:0 0 24px -12px var(--sonar)}.btn-primary:hover{background:linear-gradient(180deg,#1c4c7c,#12345a);color:#fff}.btn-ghost{background:var(--surface);color:var(--text-2);border-color:var(--line-2)}.btn-ghost:hover{color:var(--text);border-color:var(--sonar)}.btn-amber{background:linear-gradient(180deg,#4a3410,#2e2008);border-color:var(--amber);color:#ffe0a8}.btn-amber:hover{background:linear-gradient(180deg,#5a4014,#3a280a);color:#fff}.btn-danger{background:var(--surface);color:var(--text-2);border-color:var(--line-2)}.btn-danger:hover{background:var(--red-dim);color:#ffb0a8;border-color:#5a2222}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn.full{width:100%}.av{width:30px;height:30px;border-radius:9px;background:var(--sonar-dim);color:var(--sonar-2);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}kbd{font:600 11px var(--mono);color:var(--text);background:var(--surface-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:2px 7px}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto;background:radial-gradient(900px 600px at 85% -10%,#0f2a4555,transparent 60%),radial-gradient(700px 500px at -10% 110%,#0c203855,transparent 60%),var(--bg)}#lobby:before{content:"";position:fixed;width:1100px;height:1100px;right:-300px;top:-380px;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle,transparent 0 89px,#4cc3ff0d 90px,transparent 91px);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%)}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 36px;border-bottom:1px solid var(--line);background:#050a10cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:40px;height:40px;border-radius:11px;background:var(--sonar-dim);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--sonar)}.brand .title{font-size:20px;font-weight:700;letter-spacing:3px}.brand .title b{color:var(--sonar)}.brand .tagline{font-size:12px;color:var(--text-3);margin-top:1px}.topbar-right{display:flex;align-items:center;gap:12px}.install-btn{cursor:pointer;color:var(--text);font:inherit}.install-btn:hover{border-color:var(--sonar)}.about-link{display:inline-flex;align-items:center;text-decoration:none}.invite-btn{cursor:pointer;font:inherit}.platform-crazygames .external-link,.platform-crazygames .install-btn{display:none}.online-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:var(--surface);padding:7px 14px;border-radius:999px;font-size:13px;color:var(--text-2)}.online-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.online-pill b{color:var(--text)}.identity{display:flex;align-items:center;gap:9px;border:1px solid var(--line-2);background:var(--surface);padding:5px 14px 5px 5px;border-radius:12px;cursor:pointer;transition:border-color .15s}.identity:hover{border-color:var(--sonar)}.identity span{font-size:14px;font-weight:600}main.lobby-main{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:40px 36px;display:flex;flex-direction:column;gap:18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-head h2{font-size:24px;font-weight:600}.section-head p{font-size:13px;color:var(--text-2);margin-top:4px}.section-head .actions{display:flex;gap:10px}#match-list{display:flex;flex-direction:column;gap:8px}.ml-row{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#0a1520e6;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.ml-row:hover:not([data-locked="1"]){border-color:var(--sonar);background:var(--surface-2)}.ml-row[data-locked="1"]{opacity:.5;cursor:not-allowed}.ml-code{font:600 13px var(--mono);color:var(--sonar-2);flex-shrink:0;background:var(--sonar-dim);border:1px solid var(--line-2);border-radius:8px;padding:6px 9px}.ml-info{flex:1;min-width:0}.ml-host{font-size:15px;font-weight:600}.ml-meta{font-size:12px;color:var(--text-3);margin-top:3px}.ml-players{display:flex;align-items:center;gap:8px;font:500 12px var(--mono);color:var(--text-2)}.ml-players .bar{width:52px;height:4px;background:var(--line);overflow:hidden;border-radius:2px}.ml-players .bar i{display:block;height:100%;background:var(--sonar)}.ml-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;flex-shrink:0}.ml-badge.open{background:#0e2a1c;color:var(--green)}.ml-badge.playing{background:var(--red-dim);color:#ff9a90}.ml-badge.full{background:var(--surface-2);color:var(--text-3)}.empty{border:1px dashed var(--line-2);border-radius:var(--radius);padding:44px 20px;text-align:center;color:var(--text-3);font-size:13px;background:#050a10aa}.empty .big{font-size:26px;margin-bottom:8px;color:var(--sonar);opacity:.5}.briefing{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.briefing>div{background:#0a1520cc;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.briefing h4{font-size:13px;font-weight:600;color:var(--sonar-2);margin-bottom:6px}.briefing p{font-size:13px;color:var(--text-2);line-height:1.55}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#02060ccc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.modal{width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto;background:linear-gradient(180deg,#0a1522f5,#060d17f8);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 30px 80px -20px #000,inset 0 1px #ffffff0d;animation:pop .18s ease-out}.m-head{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.m-head>div:not(.m-icon){flex:1;min-width:0}.m-icon{width:38px;height:38px;border-radius:10px;background:var(--sonar-dim);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--sonar);font-size:17px;flex-shrink:0}.m-head h1{font-size:19px;font-weight:600;letter-spacing:.3px}.m-head p{font-size:12.5px;color:var(--text-3);margin-top:2px;line-height:1.45}.m-close{width:32px;height:32px;border-radius:8px;cursor:pointer;flex-shrink:0;background:transparent;border:1px solid var(--line-2);color:var(--text-3);font-size:12px}.m-close:hover{color:var(--text);border-color:var(--sonar)}.m-body{padding:18px 22px;display:flex;flex-direction:column;gap:16px}.m-foot{padding:0 22px 20px;display:flex;gap:10px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:8px}.field-wrap{position:relative}.field input{width:100%;height:46px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;color:var(--text);font:500 15px var(--head);padding:0 60px 0 14px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--sonar);box-shadow:0 0 0 3px var(--sonar-dim)}.counter{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:11px var(--mono);color:var(--text-3)}.counter.max{color:var(--red)}.modal.creator{max-width:820px;overflow:hidden}.creator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.creator-stage{position:relative;min-height:470px;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 85%,#4cc3ff26,transparent 50%),radial-gradient(ellipse at 50% 35%,#0c2236,#050b12 75%)}#creator-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#creator-canvas:active{cursor:grabbing}.stage-hint{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:11px;color:var(--text-3);pointer-events:none}.stage-name{position:absolute;left:50%;bottom:18px;translate:-50% 0;max-width:calc(100% - 40px);pointer-events:none;padding:6px 14px;border-radius:999px;background:#07111ce6;border:1px solid var(--line-2);font:500 13px var(--mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-side{display:flex;flex-direction:column}.creator-side .m-head{padding-right:18px}.creator-side .field{padding:18px 22px 0}.creator-side .m-foot{margin-top:auto;padding-top:4px}.look-opts{display:flex;flex-direction:column;gap:12px;padding:18px 22px}.look-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px}.look-label{font-size:12px;font-weight:600;color:var(--text-2)}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:30px;height:30px;border-radius:8px;cursor:pointer;background:var(--c);border:1px solid #ffffff1f;transition:transform .1s,box-shadow .1s}.swatch:hover{transform:translateY(-1px)}.swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--sonar)}.stepper{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;height:38px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2);overflow:hidden}.stepper button{height:100%;cursor:pointer;background:transparent;border:0;color:var(--text-2);font-size:18px}.stepper button:hover{background:var(--surface-2);color:var(--sonar-2)}.st-val{text-align:center;font-size:13px;font-weight:600;color:var(--text)}.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick-card{text-align:left;cursor:pointer;padding:16px;color:var(--text);font:inherit;border:1px solid var(--line-2);background:var(--bg-2);border-radius:var(--radius);transition:border-color .14s,background .14s}.pick-card:hover{border-color:#2a5a80}.pick-card.selected{border-color:var(--sonar);background:#0d2236;box-shadow:inset 3px 0 0 var(--sonar)}.pc-art{display:block;width:100%;height:60px;margin-bottom:12px;color:#2f5a7c;transition:color .15s}.pc-art .enemy{stroke:#5e4526}.pc-art .enemy-fill{fill:#6e2e26}.pick-card.selected .pc-art{color:var(--sonar)}.pick-card.selected .pc-art .enemy{stroke:var(--amber)}.pick-card.selected .pc-art .enemy-fill{fill:#ff3a28}.pc-title{font-size:14px;font-weight:600}.pc-sub{font-size:12px;color:var(--text-2);margin-top:4px;line-height:1.45}.diff-row{display:flex;flex-direction:column;gap:8px}.diff-row.hidden{display:none}.diff-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diff-seg button{--c: var(--green);height:48px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--surface);border:1px solid var(--line-2);color:var(--text-2);font:600 13px var(--head)}.diff-seg .d-normal{--c: var(--amber)}.diff-seg .d-hard{--c: var(--red)}.diff-seg .d-extreme{--c: #be7dff}.diff-seg button:hover{color:var(--text)}.diff-seg button.on{border-color:var(--c);color:var(--text);background:color-mix(in srgb,var(--c) 10%,var(--surface))}.pips{display:flex;gap:3px}.pips i{width:14px;height:3px;border-radius:2px;background:#ffffff1a}.pips i.lit{background:var(--c)}.diff-sub{font-size:12px;color:var(--text-3);line-height:1.45;margin:0;min-height:34px}#lobby.in-room .topbar,#lobby.in-room .hero,#lobby.in-room .lobby-main{visibility:hidden}.room-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;animation:fadein .3s ease-out}.room-view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#050b12cc,transparent 30%,transparent 70%,#050b12ee)}#room-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.room-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 36px}.room-title h1{font-size:24px;font-weight:600}.room-title p{font-size:13px;color:var(--text-2);margin-top:4px}.room-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.room-pills .online-pill{background:#0a1520a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-pills b{font-family:var(--mono);color:var(--sonar-2);margin-left:4px}.room-heads{position:absolute;top:104px;left:36px;right:36px;display:flex;justify-content:space-between;pointer-events:none}.room-head{--tc: var(--alfa);pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:10px;background:#07111ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-2);box-shadow:inset 3px 0 0 var(--tc)}.room-head.t1{--tc: var(--bravo)}.room-head.bot{--tc: var(--red)}.room-head.mine{border-color:var(--tc)}.room-head b{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--tc)}.room-head span{font:500 12px var(--mono);color:var(--text-3)}.room-plates{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.room-difficulty{display:flex;align-items:center}.room-difficulty .diff-seg{display:flex;gap:6px}.room-difficulty .diff-seg button{width:auto;min-width:72px;height:48px;padding:0 12px;border-radius:10px;font:400 11px "Exo 2",var(--head);letter-spacing:1.5px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.room-difficulty .pips{gap:3px}.room-difficulty .pips i{width:10px;height:3px}.plate{--tc: var(--alfa);position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:5px 10px 5px 5px;border-radius:9px;background:#07111ce6;border:1px solid var(--line-2);font-size:13px}.plate.t1{--tc: var(--bravo)}.plate.me{border-color:var(--tc);box-shadow:0 0 20px -6px var(--tc)}.plate .sav{width:22px;height:22px;border-radius:7px;background:var(--surface-2);color:var(--tc);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.plate .sname{font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis}.plate.empty{padding:5px 10px;background:transparent;border-style:dashed;color:var(--text-3);font-size:11.5px}.plate.bot{padding:6px 12px;gap:8px;border-color:#5a2222;color:#ffb0a8;font-weight:600}.tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-3)}.tag.host{color:var(--amber)}.tag.you{color:var(--sonar-2)}.bot-ping{width:7px;height:7px;border-radius:50%;background:#ff3a28;box-shadow:0 0 8px #ff3a28;animation:blink 1s infinite}.room-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 36px 30px}.room-bar .btn{height:54px;padding:0 30px;font-size:16px;border-radius:12px}.room-start{min-width:240px;margin-left:auto}.room-bar .waiting-dots{flex:1}.room-actions{display:flex;align-items:center;gap:12px;margin-left:auto}@media(max-width:720px){.creator-grid{grid-template-columns:1fr}.creator-stage{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.pick-grid{grid-template-columns:1fr}.room-top,.room-bar{padding-left:16px;padding-right:16px}.room-heads{left:16px;right:16px}.room-start{min-width:0}}.hint{font-size:12px;color:var(--text-3);margin-top:8px;line-height:1.5}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:var(--bg-2)}.toggle-row .tr-text b{font-size:14px;font-weight:600}.toggle-row .tr-text p{font-size:12px;color:var(--text-2);margin-top:3px}.switch{width:44px;height:24px;border-radius:12px;background:var(--line-2);position:relative;cursor:pointer;flex-shrink:0;border:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:all .15s}.switch.on{background:#12344f;box-shadow:inset 0 0 0 1px var(--sonar)}.switch.on:after{left:23px;background:var(--sonar)}.switch:disabled{opacity:.5;cursor:default}.controls-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;font-size:13px;color:var(--text-2)}.note{font-size:13px;color:var(--text-2);line-height:1.5;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2)}.waiting-dots{display:flex;align-items:center;gap:10px;justify-content:center;font-size:13px;color:var(--text-3);padding:4px 0}.waiting-dots i{width:5px;height:5px;border-radius:50%;background:var(--sonar);display:inline-block;animation:blink 1.4s infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#0a1522f5;border:1px solid var(--line-2);color:var(--text);padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:all .25s;z-index:400;box-shadow:0 20px 40px -16px #000}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#lobby{background:#050b12;overflow-y:auto;overflow-x:hidden}#lobby:before{content:none}#lobby-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.lobby-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 30%,#02060ccc 100%),linear-gradient(180deg,transparent 55%,#050b12 100%)}#lobby .topbar{position:absolute;top:0;left:0;right:0;z-index:2;background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:22px 36px}.wordmark.brand-mark{font-size:18px;animation:none}#lobby .online-pill,#lobby .identity{background:#0a1520a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{--logo: clamp(54px, 10.5vw, 128px);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(40vh - var(--logo) / 2) 20px 40px}.hero-title{position:relative;display:grid;place-items:center}.wordmark.hero-logo{position:relative;z-index:1;font-size:var(--logo);animation:rise 1.2s ease-out both,glow 5s ease-in-out 1.2s infinite}.radar.hero-radar{position:absolute;left:50%;top:50%;--r: min(640px, 94vw);translate:-50% -50%;opacity:.5;pointer-events:none;-webkit-mask-image:radial-gradient(circle closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 60%,transparent 100%);animation:fadein 2.4s ease-out both}.wordmark{display:inline-block;font-family:"Exo 2",var(--head);font-weight:800;line-height:1;letter-spacing:.14em;padding-left:.14em;white-space:nowrap;color:#eef5fb;text-shadow:0 0 .3em #4cc3ff40;animation:glow 5s ease-in-out infinite}.wm-sub{color:var(--sonar-2)}@keyframes glow{50%{text-shadow:0 0 .45em #4cc3ff80}}.radar{position:relative;width:var(--r, 260px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid #9ad8ff40;background:linear-gradient(#9ad8ff22,#9ad8ff22) center / 1px 100% no-repeat,linear-gradient(#9ad8ff22,#9ad8ff22) center / 100% 1px no-repeat,repeating-radial-gradient(circle closest-side,transparent 0 calc(25% - 1px),#9ad8ff26 calc(25% - 1px) 25%),radial-gradient(circle closest-side,#0b2236aa,#050b1255);box-shadow:inset 0 0 60px #4cc3ff18,0 0 90px -20px #4cc3ff40}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(transparent 0 260deg,#4cc3ff08 260deg,#4cc3ff55 358deg,#bfe9ff 360deg);animation:spin 4s linear infinite}.radar:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;border-radius:50%;border:1px solid #9ad8ff;animation:pingwave 4s ease-out infinite}@keyframes pingwave{0%{top:50%;right:50%;bottom:50%;left:50%;opacity:.9}to{top:0;right:0;bottom:0;left:0;opacity:0}}.radar-blip{position:absolute;left:66%;top:30%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#ff3a28;box-shadow:0 0 12px #ff3a28,0 0 28px #ff3a2888;opacity:0;animation:blip 4s linear infinite}@keyframes blip{0%,10%{opacity:0;transform:scale(.5)}11%{opacity:1;transform:scale(1.4)}18%{transform:scale(1)}85%,to{opacity:0;transform:scale(1)}}.hero-actions{margin-top:42px;display:flex;gap:12px;animation:rise 1.2s .45s ease-out both}.hero-btn{height:50px;padding:0 34px;font-size:15px;border-radius:12px;letter-spacing:.5px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}#lobby main.lobby-main{padding:0 24px 48px;max-width:760px;position:relative;z-index:1}.glass{background:#08121ccc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #1a3550aa;border-radius:16px;padding:18px;box-shadow:0 30px 80px -30px #000;animation:rise 1.2s .6s ease-out both}.glass-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.glass-head h2{font-size:17px;font-weight:600}.glass-head p{font-size:13px;color:var(--text-3);margin-top:2px}.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:9px}#lobby .ml-row{background:#0b1826cc}#lobby .empty{background:transparent;padding:28px 16px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#e8f2fac0;box-shadow:0 0 4px #000}#crosshair.active{width:12px;height:12px;margin:-6px 0 0 -6px;background:transparent;border:2px solid var(--sonar)}#prompt{position:absolute;left:50%;bottom:13%;transform:translate(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;font:500 14px var(--head);color:var(--text)}#prompt:empty{display:none}#prompt .pill{display:flex;align-items:center;gap:10px;background:#07111ce6;border:1px solid var(--line-2);padding:8px 14px 8px 8px;border-radius:10px;box-shadow:0 10px 30px -10px #000}#prompt .key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:6px;background:#e8f2fa;color:#07111c;font:700 12px var(--mono)}#prompt .name{font-size:11px;color:var(--text-3)}#prompt .invalid{color:var(--text-3)}#progress{position:absolute;left:50%;bottom:calc(13% + 54px);transform:translate(-50%);width:260px;height:6px;background:#07111ce6;border:1px solid var(--line-2);border-radius:4px;overflow:hidden}#progress-bar{height:100%;width:0;background:linear-gradient(90deg,#1a5a80,var(--sonar));box-shadow:0 0 10px var(--sonar)}#progress-label{display:none}#carry{position:absolute;left:50%;bottom:5%;transform:translate(-50%);font-size:13px;font-weight:500;color:#ffe0a8;background:#07111ce6;padding:7px 14px;border:1px solid #4a3a1a;border-radius:9px}#messages{position:absolute;left:22px;bottom:22px;width:min(480px,60vw);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.hmsg{font-size:13px;font-weight:500;padding:8px 12px;background:#07111ce0;border:1px solid var(--line);border-left:3px solid var(--text-3);border-radius:8px;color:var(--text);animation:msgin .2s ease-out;transition:opacity .6s}.hmsg.warn{border-left-color:var(--amber);color:#ffe6c0}.hmsg.alarm{border-left-color:var(--red);border-color:#4a1818;color:#ffd6d0;background:#2a0a0ae6;font-weight:600}@keyframes msgin{0%{opacity:0;transform:translate(-8px)}}.guide{position:absolute;left:50%;top:18px;transform:translate(-50%);max-width:min(760px,86vw);display:flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;background:#07111ce8;border:1px solid var(--line-2);border-radius:12px;font-size:14px;color:var(--text);box-shadow:0 12px 30px -12px #000;animation:msgin .25s ease-out}.guide .g-dot{width:8px;height:8px;border-radius:50%;background:var(--sonar);box-shadow:0 0 8px var(--sonar);flex-shrink:0}.guide .g-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);flex-shrink:0}.guide .g-text{font-weight:500}.guide.go{border-color:#2a6a4a}.guide.go .g-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.guide.warn{border-color:#5a4418}.guide.warn .g-dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.guide.alarm{border-color:#6a2020;background:#2a0a0ae8}.guide.alarm .g-dot{background:var(--red);box-shadow:0 0 10px var(--red);animation:blink .5s infinite}.guide.alarm .g-text{font-weight:600;color:#ffd6d0}.tr-card{position:fixed;left:50%;top:16px;transform:translate(-50%);z-index:70;width:min(560px,calc(100vw - 32px));padding:16px 22px 18px;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,#0c1d2ef2,#07121df2);border:1px solid #4cc3ff66;box-shadow:0 18px 50px -14px #000,0 0 40px -16px var(--sonar);animation:trin .35s ease-out;font-family:"Exo 2",var(--head);color:#e8f2fa;transition:border-color .2s,box-shadow .2s}@keyframes trin{0%{opacity:0;transform:translate(-50%,-12px)}}.tr-card .tr-top{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase}.tr-card .tr-kicker{color:var(--sonar);font-weight:600}.tr-card .tr-count{color:#8aa2b6}.tr-card .tr-skip{margin-left:auto;color:#5f7a90;letter-spacing:1.5px}.tr-card .tr-bar{height:4px;margin:10px 0 12px;border-radius:4px;background:#9ad8ff1a;overflow:hidden}.tr-card .tr-bar i{display:block;height:100%;border-radius:4px;background:var(--sonar);box-shadow:0 0 10px var(--sonar);transition:width .5s ease-out}.tr-card .tr-title{font-size:24px;font-weight:600;letter-spacing:.5px;line-height:1.15}.tr-card .tr-body{margin-top:6px;font-size:15.5px;font-weight:300;line-height:1.45;color:#cfe0ee}.tr-card .tr-keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tr-card kbd{min-width:36px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#e8f2fa;color:#07121d;border-bottom:3px solid #8aa2b6;font:700 15px "Exo 2",var(--head);letter-spacing:.5px;animation:keypulse 1.6s ease-in-out infinite}@keyframes keypulse{50%{transform:translateY(-2px);box-shadow:0 6px 16px -6px var(--sonar)}}.tr-card .tr-check{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:10px;vertical-align:-3px;border-radius:50%;background:var(--green);color:#04140c;font-size:18px;animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.2)}}.tr-card.ok{border-color:var(--green);box-shadow:0 18px 50px -14px #000,0 0 50px -10px var(--green)}.tr-card.ok .tr-bar i{background:var(--green);box-shadow:0 0 10px var(--green)}.tr-card.ok .tr-body{color:#a9f0c8;font-weight:400}.tr-marker{position:fixed;left:0;top:0;z-index:65;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;margin:-14px 0 0 -14px}.tr-marker .tr-arrow{width:28px;height:28px;border-radius:50%;border:3px solid #ffd27a;box-shadow:0 0 16px #ffb547,inset 0 0 10px #ffb54766;animation:markpulse 1.2s ease-in-out infinite}.tr-marker.edge .tr-arrow{border-radius:0;border:0;box-shadow:none;animation:none;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:24px solid #ffd27a;filter:drop-shadow(0 0 8px #ffb547)}@keyframes markpulse{50%{transform:scale(1.25)}}.tr-marker .tr-where{white-space:nowrap;padding:3px 10px;border-radius:999px;background:#1a1206d9;border:1px solid #ffb54788;font:600 12px "Exo 2",var(--head);letter-spacing:1.5px;text-transform:uppercase;color:#ffe2a8}#room-label{position:absolute;right:20px;top:16px;font-size:12px;font-weight:500;color:var(--text-3);text-shadow:0 1px 2px #000}#click-to-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#02060cb0,#000000e0);pointer-events:auto;animation:fadein .15s ease-out}.pause{width:100%;max-width:380px;padding:22px;background:linear-gradient(180deg,#0a1522f5,#060d17f8);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 30px 80px -20px #000,inset 0 1px #ffffff0d;display:flex;flex-direction:column;gap:12px;animation:pop .18s ease-out}.pause-h{display:flex;align-items:center;gap:12px;margin-bottom:6px}.pause-h .logo-s{width:38px;height:38px;border-radius:10px;background:var(--sonar-dim);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--sonar);font-size:18px}.pause-h h2{font-size:19px;font-weight:600}.pause-h p{font-size:12px;color:var(--text-3);margin-top:2px}.pause-keys{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;font-size:13px;color:var(--text-2);padding:12px 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,#000a 100%);transition:background .3s}#vignette.danger{background:radial-gradient(ellipse at center,transparent 40%,#4a0000cc 100%);animation:danger 1.2s infinite}@keyframes danger{50%{opacity:.55}}#flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}#panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#02060ccc,#000e);padding:24px;animation:fadein .15s ease-out}@keyframes fadein{0%{opacity:0}}.station{--ui: #4cc3ff;--ui-2: #9ad8ff;--ui-dim: #0d2236;--edge: #1a3550;font-family:var(--head);background:linear-gradient(180deg,#0a1522f5,#060d17f8);border:1px solid var(--edge);border-radius:14px;box-shadow:0 30px 80px -20px #000,0 0 0 1px #000,inset 0 1px #ffffff0d;max-width:1180px;width:100%;max-height:calc(100vh - 48px);overflow:auto;animation:pop .18s ease-out}.st-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #12263a}.st-title{display:flex;align-items:center;gap:14px}.st-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--ui-dim);color:var(--ui);font-size:20px;border:1px solid var(--edge)}.st-head h2{font-size:19px;font-weight:600;letter-spacing:.3px;color:#e8f2fa}.st-status{font-size:12px;color:#7d97ad;margin-top:2px;display:flex;align-items:center;gap:7px}.st-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#5aff9a;box-shadow:0 0 8px #5aff9a}.st-status.warn:before{background:var(--amber);box-shadow:0 0 8px var(--amber)}.st-status.warn{color:#ffd59a}.st-status.alarm:before{background:var(--red);box-shadow:0 0 8px var(--red);animation:blink .6s infinite}.st-status.alarm{color:#ffb0b0}.st-close{background:#0d1a28;border:1px solid var(--edge);color:#7d97ad;padding:7px 12px;border-radius:8px;cursor:pointer;font:500 11px var(--mono);letter-spacing:1px}.st-close:hover{color:#e8f2fa;border-color:var(--ui)}.st-body{padding:18px;display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.st-body .col{display:flex;flex-direction:column;gap:14px;flex:1 1 0;min-width:0}.st-body .col.side{flex:0 0 270px}.st-body .col.wide{flex:3 1 600px}.card{background:#08121ecc;border:1px solid #13283d;border-radius:12px;padding:14px}.card-h{font-size:12px;font-weight:600;color:#9fb6c8;margin-bottom:10px;letter-spacing:.3px}.card-h .muted{color:#5a7286;font-weight:500}.scope-card{display:flex;flex-direction:column;align-items:center;gap:12px}.st-body canvas{display:block;max-width:100%;height:auto;border-radius:8px}.hint{font-size:11.5px;color:#6a8296;line-height:1.55;margin-top:8px}.hint b{color:#a8bccc;font-weight:600}.amber,.warn{color:var(--amber)!important}.clist{display:flex;flex-direction:column;gap:6px}.citem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#0b1826;border:1px solid transparent;border-radius:9px;padding:9px 10px;color:#d8e6f0;cursor:pointer;font-family:inherit}.citem:hover{border-color:#1d3a55}.citem.sel{border-color:var(--ui);background:#0e2236}.dia{width:9px;height:9px;transform:rotate(45deg);flex-shrink:0;background:#a0b4c8;box-shadow:0 0 6px currentColor}.sub .dia{background:var(--ui);color:var(--ui)}.torp .dia{background:var(--red);color:var(--red)}.unk .dia{background:#a0b4c8;color:#a0b4c8}.ctext{flex:1;display:flex;flex-direction:column;min-width:0}.ctext b{font-size:13px;font-weight:600}.citem.torp .ctext b{color:#ff8a80}.ctext small{font-size:11px;color:#6f879b;font-family:var(--mono)}.cbar{width:42px;height:4px;border-radius:2px;background:#13283d;overflow:hidden}.cbar i{display:block;height:100%;background:var(--ui)}.torp .cbar i{background:var(--red)}.empty-s{font-size:12px;color:#5a7286;padding:14px 4px;text-align:center}.kv{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid #10223380;font-size:13px}.kv:last-child{border-bottom:0}.kv span{color:#7d97ad}.kv b{font-family:var(--mono);font-weight:500;color:#e8f2fa}.kv b.sub{color:var(--ui)}.kv b.torp{color:var(--red)}.kv.big b{font-size:22px;color:var(--ui-2)}.kv.big span{font-size:13px}.readouts{padding:8px 16px}.pbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:10px;border:1px solid var(--ui);background:linear-gradient(180deg,#123250,#0b2036);color:var(--ui-2);font:600 15px var(--head);cursor:pointer;box-shadow:0 0 24px -10px var(--ui)}.pbtn:hover:not(:disabled){background:linear-gradient(180deg,#17406a,#0e2a46)}.pbtn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pbtn .wave{letter-spacing:-3px}.pills{display:flex;gap:6px;width:100%}.pills button,.sbtn{flex:1;height:32px;border-radius:8px;border:1px solid #1a3550;background:#0b1826;color:#b8cad8;font:500 12px var(--mono);cursor:pointer}.sbtn{width:100%;margin-top:8px;flex:none}.pills button:hover,.sbtn:hover{border-color:var(--ui);color:#fff}.tele{display:flex;flex-direction:column;gap:5px}.tele button{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 14px;border-radius:9px;border:1px solid #1a3550;background:#0b1826;color:#b8cad8;font:600 12px var(--head);letter-spacing:.5px;cursor:pointer}.tele button small{font:500 11px var(--mono);color:#5a7286}.tele button:hover{border-color:#2a5a80}.tele button.on{background:linear-gradient(90deg,#12344f,#0c2236);border-color:var(--ui);color:#fff;box-shadow:inset 3px 0 0 var(--ui)}.tele button.on small{color:var(--ui-2)}.meter{margin-bottom:10px}.meter span{font-size:11px;color:#7d97ad;display:block;margin-bottom:6px}.meter .bar{height:6px;background:#0b1826;border-radius:3px;overflow:hidden}.meter .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ui),var(--amber) 65%,var(--red));transition:width .3s}.tubes{display:flex;flex-direction:column;gap:8px}.tube{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;text-align:left;background:#0b1826;border:1px solid #13283d;border-radius:10px;padding:10px 12px;cursor:pointer;color:#d8e6f0;font-family:inherit}.tube.sel{border-color:var(--amber);box-shadow:inset 3px 0 0 var(--amber)}.tube .tn{font-size:11px;color:#6f879b}.tube b{font-size:13.5px;font-weight:600;text-transform:capitalize;grid-column:1}.tube.ready b{color:#5aff9a}.tube.locked b{color:var(--red)}.tube .dots{grid-column:2;grid-row:1 / span 2;display:flex;gap:4px}.tube .dots i{width:8px;height:8px;border-radius:50%;background:#13283d}.tube .dots i.on{background:var(--ui);box-shadow:0 0 6px var(--ui)}.tube.ready .dots i.on{background:#5aff9a;box-shadow:0 0 6px #5aff9a}.tube small{grid-column:1 / span 2;font-size:11px;color:#6f879b}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:8px;background:#0b1826;border:1px solid #1a3550;color:#d8e6f0;font:500 12px var(--mono);cursor:pointer}.chip:hover{border-color:var(--ui)}.chip .dia{width:7px;height:7px}input[type=range]{width:100%;accent-color:var(--amber)}.fire{height:68px;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#5a1414,#3a0a0a);border:1px solid #ff5a4a;color:#ffe0dc;font:700 22px var(--head);letter-spacing:10px;box-shadow:0 0 34px -10px #ff3020}.fire:hover:not(:disabled){background:linear-gradient(180deg,#7a1a1a,#4a0e0e)}.fire:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.tlist{display:flex;flex-direction:column;gap:6px}.trow{display:flex;justify-content:space-between;gap:8px;font:12px var(--mono);color:#9fb6c8}.trow b{color:var(--ui-2)}.legend{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#9fb6c8}.legend i{display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:-1px;border-radius:2px}#gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#02060cd0,#000000f0);padding:20px;animation:fadein .5s ease-out}.go-box{background:linear-gradient(180deg,#0a1522f5,#060d17f8);border:1px solid var(--line-2);border-radius:16px;padding:26px;max-width:640px;width:100%;text-align:center;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 80px -20px #000;animation:pop .3s ease-out}.go-box h1{font-size:34px;font-weight:700;letter-spacing:1px}.go-box h1.win{color:var(--sonar-2);text-shadow:0 0 30px #4cc3ff66}.go-box h1.lose{color:#ff8a80;text-shadow:0 0 30px #ff5a4a55}.go-box p{color:var(--text-2);margin:8px 0 18px;font-size:14px;line-height:1.55}.go-box canvas{width:100%;max-width:520px;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:#01050a;margin-bottom:18px}@media(max-width:720px){.topbar{padding:14px 16px}main.lobby-main{padding:20px 16px}.identity span{display:none}.briefing,.teams,.pick-grid{grid-template-columns:1fr}}.sbtn.decoy{margin-top:0;height:40px;border-color:#4a2a2a;color:#ffc8c0;background:#1a0e10;font-family:var(--head);font-weight:600}.sbtn.decoy:hover:not(:disabled){border-color:var(--red);background:#2a1214}.sbtn:disabled{opacity:.4;cursor:not-allowed}.solq{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.solq b{font:600 28px var(--mono);color:var(--sonar-2)}.solq span{font:12px var(--mono);color:var(--text-3)}.meter .bar.q i{background:linear-gradient(90deg,var(--amber),var(--green))}.meter .bar.heat i{background:linear-gradient(90deg,var(--sonar),var(--amber) 70%,var(--red))}.meter .bar.oil i{background:var(--amber)}.card.sol .pbtn{margin-top:10px;height:40px;font-size:14px}.tele button.capped{opacity:.45;border-style:dashed}.tele button.capped small:after{content:" · beperkt";color:var(--red)}#lobby .online-pill,#lobby .identity{background:#08121c55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #9ad8ff22;border-radius:999px;font:300 13px "Exo 2",var(--head);letter-spacing:1.5px;color:#c8d8e6;padding:7px 16px;height:36px}#lobby .identity{padding:4px 16px 4px 4px;gap:10px}#lobby .identity span{font:400 14px "Exo 2",var(--head);letter-spacing:1px}#lobby .identity .av{width:28px;height:28px;border-radius:50%;background:#9ad8ff14;border:1px solid #9ad8ff33;color:#e8f2fa;font:400 12px "Exo 2",var(--head)}#lobby .identity:hover,#lobby .online-pill:hover{border-color:#9ad8ff55}#lobby .online-pill b{font-weight:400;color:#e8f2fa}.hero-actions{margin-top:56px}.hero-btn{background:#9ad8ff10!important;border:1px solid #9ad8ff55!important;color:#e8f2fa!important;font:300 15px "Exo 2",var(--head)!important;letter-spacing:4px;text-transform:uppercase;border-radius:999px!important;padding:0 40px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none!important}.hero-btn:hover{background:#9ad8ff22!important;border-color:#9ad8ffaa!important}.hero-btn.play{background:linear-gradient(180deg,#11335a,#09203a)!important;border-color:#2f86c4!important;color:var(--sonar-2)!important;box-shadow:0 0 40px -14px var(--sonar)!important}.hero-btn.play:hover{background:linear-gradient(180deg,#17426f,#0d2a4a)!important;border-color:var(--sonar)!important;color:#fff!important}.training-link{margin-top:18px;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 18px 0 6px;cursor:pointer;background:#08121c66;border:1px solid #9ad8ff26;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:300 12px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase;color:#c8d8e6;animation:rise 1.2s .6s ease-out both;transition:border-color .15s,background .15s,color .15s}.training-link:hover{border-color:#9ad8ff88;background:#9ad8ff14;color:#fff}.training-link .tl-badge{display:none;height:24px;padding:0 10px;align-items:center;border-radius:999px;background:var(--sonar);color:#04121e;font:600 10px "Exo 2",var(--head);letter-spacing:1.5px}.training-link.fresh{border-color:#4cc3ff99;color:#fff;box-shadow:0 0 30px -10px var(--sonar)}.training-link.fresh .tl-badge{display:inline-flex}.training-link:not(.fresh){padding-left:18px}#lobby .glass{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;padding:0}#lobby .glass-head{justify-content:center;gap:14px;margin-bottom:16px}#lobby .glass-head h2{font:300 12px "Exo 2",var(--head);letter-spacing:5px;text-transform:uppercase;color:#8aa2b6}.icon-btn{width:28px;height:28px;border-radius:50%;border:1px solid #9ad8ff22;background:#08121c55;color:#9fb6c8;cursor:pointer;font-size:13px;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:#9ad8ff66;color:#fff}#lobby .ml-row{background:#08121c66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #9ad8ff1a;border-radius:14px;padding:12px 16px}#lobby .ml-row:hover:not([data-locked="1"]){border-color:#9ad8ff55;background:#0c1a2888}#lobby .ml-code{background:transparent;border:1px solid #9ad8ff26;border-radius:999px;font:400 12px "Exo 2",var(--head);letter-spacing:2px;color:#c8d8e6}#lobby .ml-host{font:400 15px "Exo 2",var(--head);letter-spacing:.5px}#lobby .ml-badge{background:transparent;border:1px solid currentColor;font:400 11px "Exo 2",var(--head);letter-spacing:1.5px;text-transform:uppercase}#lobby .empty{border:0;text-align:center;font:300 13px "Exo 2",var(--head);letter-spacing:1.5px;color:#6a8296;padding:6px;background:transparent}#lobby .overlay{background:#02060cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#lobby .modal{background:#08121cd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #9ad8ff22;border-radius:20px;box-shadow:0 40px 100px -30px #000}#lobby .m-head{border-bottom-color:#9ad8ff14;padding:20px 24px}#lobby .m-icon{border-radius:50%;background:#9ad8ff10;border-color:#9ad8ff33;color:#cfe8f8;font-size:15px}#lobby .m-head h1,#lobby .room-title h1{font:300 18px "Exo 2",var(--head);letter-spacing:5px;text-transform:uppercase;color:#e8f2fa}#lobby .room-title h1{font-size:22px;letter-spacing:7px}#lobby .m-head p,#lobby .room-title p{font:300 13px "Exo 2",var(--head);letter-spacing:.5px;color:#8aa2b6;margin-top:4px}#lobby .m-close{border-radius:50%;border-color:#9ad8ff22}#lobby .field label,#lobby .look-label{font:400 11px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase;color:#8aa2b6}#lobby .field input{background:#02070d80;border:1px solid #9ad8ff26;border-radius:999px;padding-left:20px;font:400 16px "Exo 2",var(--head);letter-spacing:1px}#lobby .field input:focus{border-color:#9ad8ff88;box-shadow:0 0 0 4px #9ad8ff12}#lobby .swatch{border-radius:50%;border-color:#ffffff26}#lobby .swatch.on{box-shadow:0 0 0 2px #08121c,0 0 0 3.5px #e8f2fa}#lobby .stepper{border-radius:999px;border-color:#9ad8ff26;background:#02070d80}#lobby .stepper button{color:#8aa2b6}#lobby .st-val{font:400 12px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase}#lobby .stage-name{font:400 13px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase;background:#08121c99;border-color:#9ad8ff33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#lobby .stage-hint{font:300 11px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase}#lobby .creator-stage{border-right-color:#9ad8ff14}#lobby .pick-card{background:#02070d66;border:1px solid #9ad8ff1f;border-radius:16px}#lobby .pick-card:hover{border-color:#9ad8ff55}#lobby .pick-card.selected{background:#9ad8ff0f;border-color:#9ad8ffaa;box-shadow:0 0 30px -12px #4cc3ff}#lobby .pc-title{font:400 14px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase}#lobby .pc-sub,#lobby .diff-sub{font:300 12.5px "Exo 2",var(--head);letter-spacing:.3px;color:#8aa2b6}#lobby .diff-seg button{border-radius:999px;background:#02070d66;border-color:#9ad8ff1f;font:400 12px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase}#lobby .diff-seg button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,transparent)}#lobby .modal .btn,#lobby .room-view .btn{border-radius:999px;background:#9ad8ff0d;border:1px solid #9ad8ff33;color:#c8d8e6;box-shadow:none;font:300 13px "Exo 2",var(--head);letter-spacing:4px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#lobby .modal .btn:hover,#lobby .room-view .btn:hover{background:#9ad8ff1f;border-color:#9ad8ff88;color:#fff}#lobby .modal .btn-primary,#lobby .room-view .btn-primary{background:#9ad8ff1a;border-color:#9ad8ff88;color:#fff}#lobby .room-view .btn-amber{background:#ffb5471a;border-color:#ffb547aa;color:#fff1d6;box-shadow:0 0 40px -14px #ffb547}#lobby .room-view .btn-amber:hover{background:#ffb5472e;border-color:#ffb547}#lobby .room-view .btn-danger:hover{background:#ff5a4a1a;border-color:#ff8a80aa;color:#ffd6d0}#lobby .room-bar .btn{height:54px;font-size:15px;letter-spacing:5px}#lobby .room-head .btn{height:28px;padding:0 12px;font-size:10.5px;letter-spacing:2px}#lobby .room-head{border-radius:999px;background:#08121c88;border-color:#9ad8ff22;box-shadow:none;padding:6px 8px 6px 16px}#lobby .room-head:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tc);box-shadow:0 0 8px var(--tc)}#lobby .room-head.mine{border-color:color-mix(in srgb,var(--tc) 60%,transparent)}#lobby .room-head b{font:400 13px "Exo 2",var(--head);letter-spacing:4px}#lobby .room-head span{font:300 12px "Exo 2",var(--head);letter-spacing:1.5px}#lobby .plate{border-radius:999px;background:#08121ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#9ad8ff26;padding:4px 14px 4px 4px}#lobby .plate.me{border-color:color-mix(in srgb,var(--tc) 70%,transparent)}#lobby .plate .sav{border-radius:50%}#lobby .plate .sname{font:400 13px "Exo 2",var(--head);letter-spacing:1px}#lobby .plate.empty{padding:4px 14px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#9ad8ff1f;font:300 11px "Exo 2",var(--head);letter-spacing:2.5px;text-transform:uppercase}#lobby .plate.bot{padding:6px 16px;border-color:#ff5a4a55;font:400 12px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase}#lobby .tag{background:transparent;border:1px solid currentColor;font:400 9.5px "Exo 2",var(--head);letter-spacing:1.5px;text-transform:uppercase}#lobby .room-bar .waiting-dots{font:300 12px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase}#lobby .room-view:before{background:linear-gradient(180deg,#050b12e6,#050b1200 28%,#050b1200 66%,#050b12f2)}#lobby .room-top{padding:26px 40px 0;align-items:center}#lobby .room-title h1{font-size:20px;letter-spacing:8px}#lobby .room-title p{font-size:12.5px;margin-top:6px}#lobby .room-pills{gap:10px;flex-wrap:nowrap;align-items:center}#lobby .room-pills .online-pill{height:36px;padding:0 16px;display:inline-flex;align-items:center;border:1px solid #9ad8ff22;background:#08121c99;font:300 11px "Exo 2",var(--head);letter-spacing:2.5px;text-transform:uppercase;color:#c8d8e6}#lobby .room-pills b{font:500 12px var(--mono);letter-spacing:2px;color:#e8f2fa;margin-left:8px}#lobby .room-pills .invite-btn{cursor:pointer;border-color:#9ad8ff55;color:#fff;transition:background .15s,border-color .15s}#lobby .room-pills .invite-btn:hover{background:#9ad8ff1f;border-color:#9ad8ff99}#lobby .room-heads{top:96px;left:40px;right:40px}#lobby .room-head{height:36px;padding:0 8px 0 16px;gap:12px}#lobby .room-head span{color:#8aa2b6}#lobby .room-bar{padding:0 40px 34px;gap:20px}#lobby .room-bar .btn{height:52px;padding:0 32px;font-size:13px;letter-spacing:5px}#lobby .room-leave{min-width:140px}#lobby .room-start{min-width:240px}#lobby .room-actions{gap:16px}#lobby .room-bar .waiting-dots{justify-content:flex-start;padding-left:8px;color:#8aa2b6}#lobby .room-difficulty .diff-seg{gap:0;padding:4px;height:52px;border-radius:999px;background:#08121c99;border:1px solid #9ad8ff22;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#lobby .room-difficulty .diff-seg button{height:100%;min-width:88px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:transparent;color:#8aa2b6;font-size:10.5px;letter-spacing:2px;gap:5px;transition:color .15s,background .15s}#lobby .room-difficulty .diff-seg button:hover{color:#fff}#lobby .room-difficulty .diff-seg button.on{color:#fff;border-color:color-mix(in srgb,var(--c) 70%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent)}@media(max-width:720px){#lobby .room-top{padding:16px 16px 0;flex-direction:column;align-items:flex-start}#lobby .room-pills{flex-wrap:wrap;justify-content:flex-start}#lobby .room-heads{top:132px;left:16px;right:16px}#lobby .room-bar{padding:0 16px 20px;flex-wrap:wrap}#lobby .room-actions{width:100%;flex-direction:column-reverse;align-items:stretch}#lobby .room-start{min-width:0}}.scope-view{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:16 / 9;background:#0d1b29}.scope-view canvas{width:100%!important;height:100%!important;border-radius:0;cursor:grab}.scope-view canvas:active{cursor:grabbing}.scope-view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,#000000d0 100%)}.pv-tape{position:absolute;left:0;right:0;top:0;height:34px;background:linear-gradient(180deg,#000000aa,transparent);pointer-events:none;z-index:1}.pv-tape .tk{position:absolute;top:4px;width:1px;height:8px;background:#9ad8ff88;font:500 10px var(--mono);color:#cfe6ff}.pv-tape .tk.mj{height:12px;background:#e8f2fa}.pv-tape .tk.mj:after{content:attr(data-l)}.pv-tape .tk{text-indent:4px;line-height:30px;white-space:nowrap}.pv-reticle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.pv-reticle i{position:absolute;background:#e8f2fa99}.pv-reticle i:first-child{left:50%;top:36%;width:1px;height:28%}.pv-reticle i:last-child{top:50%;left:40%;height:1px;width:20%}.pv-info{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;gap:6px;align-items:center}.pv-hit{font:600 13px var(--mono);padding:6px 12px;border-radius:8px;background:#2a0a0ad8;border:1px solid #ff5a4a;color:#ffd6d0}.pv-hit.torpedo{background:#2a200ad8;border-color:var(--amber);color:#ffe6c0}#click-to-play{background:#02060c66!important;-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8);animation:fadein .2s ease-out}#click-to-play .pause{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important;display:flex;flex-direction:column;align-items:center;gap:18px;animation:rise .4s ease-out}.pause-title{font:200 clamp(40px,6vw,72px) "Exo 2",var(--head);letter-spacing:.35em;margin-right:-.35em;color:#eef5fb;text-transform:uppercase}.pause-title:has(.wordmark){margin-right:0}.pause-title .wordmark{font-size:clamp(34px,4.6vw,54px);text-transform:none}.pause-go{height:52px;padding:0 44px;border-radius:999px;cursor:pointer;margin-top:8px;background:#9ad8ff14;border:1px solid #9ad8ff66;color:#e8f2fa;font:300 15px "Exo 2",var(--head);letter-spacing:4px;text-transform:uppercase;transition:background .15s,border-color .15s}.pause-go:hover{background:#9ad8ff26;border-color:#9ad8ffbb}.pause-sub{font:300 12px "Exo 2",var(--head);letter-spacing:3px;color:#8aa2b6;text-transform:uppercase}.pause-leave{background:none;border:0;cursor:pointer;font:300 13px "Exo 2",var(--head);letter-spacing:2px;color:#6a8296;text-decoration:underline;text-underline-offset:4px}.pause-leave:hover{color:#ffb0a8}.pause-credits{margin-top:14px;max-width:520px;font:300 11px "Exo 2",var(--head);letter-spacing:.5px;line-height:1.5;color:#5f7a90;text-align:center}body.seated #crosshair,body.seated #prompt,body.seated #carry{display:none!important}.tctrl{display:flex;flex-direction:column;gap:6px;width:100%}.tctrl.hidden{display:none!important}.css3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.css3d *{pointer-events:auto}.css3d>div,.css3d>div>div{pointer-events:none}.screen-holder{pointer-events:auto}.station.in-world{zoom:var(--zoom, 1);width:100%;height:100%;max-width:none;max-height:none;overflow:auto;background:#060d17;border-radius:4px;border-color:#10263a;box-shadow:inset 0 0 60px #4cc3ff10,0 0 40px #4cc3ff22;animation:screenOn .35s ease-out}.station.in-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:4px;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px)}.station.in-world{position:relative}@keyframes screenOn{0%{opacity:0;filter:brightness(3)}60%{opacity:1}to{filter:none}}.st-body.duo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:stretch;flex-wrap:nowrap}.st-body.duo .viz{display:flex;align-items:center;justify-content:center;min-height:0;padding:10px}.st-body.duo .viz canvas{width:auto;height:auto;max-width:100%;max-height:100%}.st-body .rail{display:flex;flex-direction:column;gap:10px;min-height:0}.st-body .rail .card{padding:12px 14px}.st-body .rail .grow{flex:1 1 auto;min-height:0;overflow:hidden}.st-body .rail .tele button{padding:8px 12px}.acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acts .pbtn,.acts .sbtn{margin:0;height:46px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tube2{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;cursor:pointer;background:#0b1826;border:1px solid #13283d;border-radius:10px;padding:9px 12px;color:#d8e6f0;font-family:inherit}.tube2 span{font-size:11px;color:#6f879b}.tube2 b{font-size:14px;font-weight:600;color:#ffb547}.tube2.ready b{color:#5aff9a}.tube2.empty b{color:#6a8296}.tube2.locked b{color:var(--red)}.tube2.sel{border-color:var(--amber);box-shadow:inset 3px 0 0 var(--amber)}.station.in-world{display:flex;flex-direction:column;overflow:hidden}.station.in-world .st-body{flex:1 1 auto;min-height:0}.st-body .rail .fire{margin-top:auto}.station{position:relative}.station .veil{display:none}.station.nopower .veil{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#010203f2;border-radius:inherit;text-align:center}.station.nopower .veil b{font:600 28px var(--head);letter-spacing:6px;color:#ff5a4a;animation:blink 1.2s infinite}.station.nopower .veil span{font-size:13px;color:#7d97ad}.station.nopower .st-close{position:relative;z-index:4}.target{font-size:13px;color:#b8c8d8;line-height:1.5;margin-bottom:4px}.target b.torp{color:#ff7a6a}.chance{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.chance b{font:600 34px var(--mono);color:#6a8296}.chance b.good{color:#5aff9a}.chance b.amber{color:var(--amber)}.chance b.bad{color:#ff7a6a}.chance span{font-size:12px;color:#7d97ad}.rdgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.rd span{display:block;font-size:11px;color:#7d97ad}.rd b{font:500 20px var(--mono);color:var(--ui-2)}.dbar{position:relative;height:10px;border-radius:5px;margin:6px 0 4px;background:linear-gradient(90deg,#0e2a40,#0a1826 52%,#06101a);border:1px solid #13283d}.dbar i{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1.5px;border-radius:2px}.dbar .layer{background:repeating-linear-gradient(180deg,#4cc3ff 0 3px,transparent 3px 6px);width:2px}.dbar .tgt{background:var(--amber);box-shadow:0 0 6px var(--amber)}.dbar .cur{background:#e8f2fa;width:5px;margin-left:-2.5px;box-shadow:0 0 8px #9ad8ff;transition:left .3s}.dlbl{display:flex;justify-content:space-between;font:500 10px var(--mono);color:#5a7286;margin-bottom:8px}.st-body .rail .pills button{padding:7px 4px;font-size:11px}.tele-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tele-row button{padding:9px 0;border-radius:8px;border:1px solid #13283d;background:#0b1826;color:#9fb6c8;font:600 11px var(--head);letter-spacing:.4px;cursor:pointer}.tele-row button:hover{border-color:#2a5a80}.tele-row button.on{background:linear-gradient(180deg,#12344f,#0c2236);border-color:var(--ui);color:#fff;box-shadow:inset 0 -3px 0 var(--ui)}.tele-row button.capped{opacity:.45}.repair{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#01040899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rp-box{width:420px;padding:20px 22px 18px;border-radius:14px;background:linear-gradient(180deg,#0a1522f5,#060d17f8);border:1px solid #1a3550;box-shadow:0 30px 80px -20px #000;text-align:center}.rp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rp-head h2{font:600 18px var(--head);color:#e8f2fa}.rp-cancel{background:#0d1a28;border:1px solid #1a3550;color:#7d97ad;padding:6px 10px;border-radius:8px;cursor:pointer;font:500 11px var(--mono)}.rp-step{font-size:13px;color:#9fb6c8;min-height:36px;margin:6px 0 12px;line-height:1.4}.rp-hatch{position:relative;width:240px;height:240px;margin:0 auto;border-radius:18px;background:linear-gradient(145deg,#2a3644,#1a222c);border:2px solid #3a4a5c;transition:transform .35s,opacity .35s}.rp-hatch.open{transform:translate(120px) rotate(14deg);opacity:0}.rp-plate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 11px var(--mono);letter-spacing:2px;color:#8fa6b8;background:#0b131c;padding:6px 10px;border-radius:6px;border:1px solid #22303e}.rp-bolt{position:absolute;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 40% 35%,#8a98a8,#4a5664 70%);box-shadow:0 2px #0008}.rp-bolt i{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;--p: 0;background:conic-gradient(#ffb547 calc(var(--p) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 26px,#000 27px);mask:radial-gradient(circle,transparent 26px,#000 27px)}.rp-bolt:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:4px;margin:-2px 0 0 -9px;background:#2a323c;border-radius:2px}.rp-bolt.out{opacity:0;pointer-events:none;transform:scale(.4);transition:all .25s}.rp-bolt.b0{left:14px;top:14px}.rp-bolt.b1{right:14px;top:14px}.rp-bolt.b2{left:14px;bottom:14px}.rp-bolt.b3{right:14px;bottom:14px}#rp-dial{display:block;margin:0 auto;cursor:pointer}#rp-dial.hidden,.rp-hatch.hidden{display:none}.rp-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.rp-dots i{width:12px;height:12px;border-radius:50%;background:#13283d;border:1px solid #1a3550}.rp-dots i.on{background:#5aff9a;box-shadow:0 0 8px #5aff9a}.st-body.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex-wrap:nowrap}.st-body.trio .col{gap:12px}.st-body.trio .kv{padding:4px 0;font-size:12.5px}.kv b.good{color:#5aff9a}.kv b.warn{color:var(--amber)}.kv b.bad{color:#ff7a6a}#dev-menu{position:fixed;top:16px;right:16px;z-index:500;width:260px;background:#050c13ee;border:1px solid var(--amber);border-radius:var(--radius);padding:12px;display:grid;gap:6px;font-family:var(--mono);font-size:12px}#dev-menu .dev-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--amber);letter-spacing:.14em}#dev-menu .dev-head span{color:var(--text-3);letter-spacing:0}#dev-menu button{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;font:500 13px var(--head);cursor:pointer}#dev-menu button:hover{border-color:var(--amber)}#dev-menu button[aria-pressed=true]{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}#dev-menu kbd{font:500 11px var(--mono);color:var(--text-3);border:1px solid var(--line-2);border-radius:4px;padding:1px 5px}#dev-menu .dev-note{color:var(--text-3);font-size:11px;line-height:1.4}#dev-menu .dev-sub{margin-top:6px;color:var(--amber);font-size:10px;letter-spacing:.14em;text-transform:uppercase}#dev-menu .dev-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}#dev-menu .dev-row button{justify-content:center;padding:8px 4px;font-size:12px}#dev-map{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:450;width:min(80vh,calc(100vw - 320px));height:auto;aspect-ratio:1;border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 20px 60px -20px #000;pointer-events:none}#dev-free{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:450;pointer-events:none;font:500 12px var(--mono);color:var(--amber);background:#050c13cc;border:1px solid var(--amber-dim);border-radius:999px;padding:6px 14px}#wreck{position:fixed;top:0;right:0;bottom:0;left:0;z-index:280;background:#000;opacity:0;transition:opacity .35s ease-in;cursor:pointer}#wreck canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease-out .45s}#wreck.on,#wreck.on canvas{opacity:1}#wreck .wreck-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,#000000b0 100%)}#wreck .wreck-bar{position:absolute;left:0;right:0;height:0;background:#000;transition:height 1.4s ease-out .6s}#wreck .wreck-bar.top{top:0}#wreck .wreck-bar.bottom{bottom:0}#wreck.on .wreck-bar{height:9vh}#wreck .wreck-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font:500 12px var(--mono);color:var(--text-2);background:#050c13aa;border-radius:999px;padding:6px 14px;z-index:1}#dev-ext{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:#000;pointer-events:none}#dev-ext canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#dev-ext .dev-ext-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font:500 12px var(--mono);color:var(--sonar-2);background:#050c13cc;border-radius:999px;padding:6px 14px}.station{--ui: #56c8ff;--ui-2: #a8dcff;--edge: #14293b;background:#03080c;border-radius:6px;border-color:var(--edge)}.station .st-head{padding:10px 16px;border-bottom:1px solid #0f2030;background:linear-gradient(180deg,#071119,#03080c)}.station .st-icon{width:30px;height:30px;border-radius:4px;font-size:16px;background:#071827}.station .st-head h2{font:600 14px var(--mono);letter-spacing:3px;text-transform:uppercase}.station .st-status{font:500 12px var(--mono);letter-spacing:.3px}.station .st-close{border-radius:3px}.station .card{background:#050d14;border:1px solid #0f2233;border-radius:4px}.station .card-h{font:600 10px var(--mono);letter-spacing:2px;text-transform:uppercase;color:#6f8ea6}.station .card-h .muted{text-transform:none;letter-spacing:.5px}.station .st-body{padding:12px;gap:10px}.station .pills button,.station .sbtn,.station .tele-row button,.station .tube2,.station .pbtn,.station .fire,.station .citem{border-radius:3px}.station .pills button,.station .sbtn,.station .tele-row button,.station .pbtn,.station .fire{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase}.station .st-body canvas{border-radius:2px}.st-body.cam-duo{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:10px;align-items:stretch;flex-wrap:nowrap;height:min(660px,calc(100vh - 140px))}.station.in-world .st-body.cam-duo{height:auto}.cam{position:relative;background:#000;border:1px solid #12283a;border-radius:4px;overflow:hidden;min-height:0}.cam canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important}.cam.hidden{display:none}.cam-ov{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono);color:#cfe8f8}.cam-ov:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:linear-gradient(#9ad8ffaa,#9ad8ffaa) top left / 22px 2px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) top left / 2px 22px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) top right / 22px 2px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) top right / 2px 22px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) bottom left / 22px 2px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) bottom left / 2px 22px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) bottom right / 22px 2px no-repeat,linear-gradient(#9ad8ffaa,#9ad8ffaa) bottom right / 2px 22px no-repeat}.cam-ov:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,#000000aa)}.cam-ov.quad:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(#12283a,#12283a) center / 2px 100% no-repeat,linear-gradient(#12283a,#12283a) center / 100% 2px no-repeat}.cam-ov .q{position:absolute;font-size:10px;letter-spacing:2px;color:#9ad8ffcc;background:#03080cb0;padding:2px 6px;border-radius:2px}.cam-ov .q0{left:10px;top:10px}.cam-ov .q1{left:calc(50% + 10px);top:10px}.cam-ov .q2{left:10px;top:calc(50% + 10px)}.cam-ov .q3{left:calc(50% + 10px);top:calc(50% + 10px)}.cam-tag{position:absolute;left:22px;top:20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#cfe8f8cc;display:flex;align-items:center;gap:7px}.cam-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4a3a;box-shadow:0 0 8px #ff4a3a;animation:blink 1.4s infinite}.cam-l,.cam-r{position:absolute;bottom:22px;display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 4px #000}.cam-l{left:24px}.cam-r{right:24px;text-align:right}.cam-l span,.cam-r span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#9ad8ffaa}.cam-l b,.cam-r b{font:500 24px var(--mono);color:#eaf6ff}.cam-l small,.cam-r small{font-size:11px;color:#ffd59a;min-height:14px}.cam-warn{position:absolute;left:50%;top:66px;transform:translate(-50%);padding:5px 14px;border-radius:2px;font:600 13px var(--mono);letter-spacing:3px;color:#fff;background:#a0141099;border:1px solid #ff5a4a;animation:blink .7s infinite}.cam-warn.hidden{display:none}.tape{position:absolute;left:22%;right:22%;top:12px;height:30px;border-bottom:1px solid #9ad8ff44;overflow:hidden}.tape i{position:absolute;bottom:0;transform:translate(-50%);height:28px;font-style:normal;font-size:10px;color:#9ad8ffcc;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.tape i:after{content:"";width:1px;height:5px;background:#9ad8ff88}.tape i.mj:after{height:9px;background:#cfe8f8}.tape-now{position:absolute;left:50%;top:44px;transform:translate(-50%);padding:2px 8px;font:600 12px var(--mono);color:#ffd59a;background:#03080ccc;border:1px solid #ffb547aa;border-radius:2px}.cam-ov .tape-now{top:46px}.marks{position:absolute;top:0;right:0;bottom:0;left:0}.mark{position:absolute;transform:translate(-50%,-18px);padding-top:42px;text-align:center;white-space:nowrap;font:600 10px var(--mono);letter-spacing:1px;color:#ff5a4a;text-shadow:0 1px 3px #000}.mark:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:58px;height:36px;border:1.5px solid currentColor;border-radius:2px}.mark.torpedo{color:#ffb547;animation:blink .6s infinite}.mark.decoy{color:#9ad8ff}.mark.own{color:#5aff9a}.mark.ghost{color:#9ad8ffaa;padding-top:70px;transform:translate(-50%,-35px)}.mark.ghost:before{width:0;height:60px;border:0;border-left:2px dashed currentColor}.mark.ghost.torp{color:#ffb547cc}.mapcard{flex:1 1 0;padding:6px!important}.rudder{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.rudder button{height:32px;cursor:pointer;background:#0a1826;border:1px solid #16304a;color:#9fb6c8;border-radius:3px;font:600 12px var(--mono)}.rudder button:hover{border-color:var(--ui);color:#fff}.rudder button.on{background:#2e2008;border-color:var(--amber);color:#ffe0a8}.rudder-ind{position:relative;height:6px;margin:10px 4px 4px;border-radius:3px;background:linear-gradient(90deg,#ff5a4a55,#0b1826 30%,#0b1826 70%,#5aff9a55)}.rudder-ind i{position:absolute;top:-4px;width:4px;height:14px;margin-left:-2px;border-radius:2px;background:var(--amber);box-shadow:0 0 8px var(--amber);transition:left .25s}.rudder-l{font:500 11px var(--mono);color:#9fb6c8;text-align:center;letter-spacing:1px}.wmain{display:flex;flex-direction:column;gap:10px;min-height:0}.wmain .tcam{flex:0 0 44%}.wmain .mapviz{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px}.wmain .mapviz canvas{width:auto!important;height:100%!important;max-width:100%}.st-body.cam-duo.helm-grid{grid-template-columns:minmax(0,1fr) 92px 420px}.station:has(.helm-grid){max-width:1400px}.throttle{display:flex;flex-direction:column;gap:8px;min-height:0;background:#050d14;border:1px solid #0f2233;border-radius:4px;padding:12px 10px}.throttle .card-h{margin:0;text-align:center}.throttle .thr-body{flex:1 1 auto;min-height:0;display:flex;gap:8px;justify-content:center}.throttle input[type=range]{writing-mode:vertical-lr;direction:rtl;width:28px;height:100%;margin:0;cursor:pointer;accent-color:var(--amber)}.throttle .thr-l{display:flex;flex-direction:column;justify-content:space-between;font:600 10px var(--mono);letter-spacing:1px;color:#6f8ea6;text-align:right;padding:4px 0}.throttle .thr-l span.on{color:#ffd59a}.throttle.capped{opacity:.45}.tape{overflow:visible}.tape-now,.cam-ov .tape-now{top:32px}.tape.qt{left:auto;right:auto;width:30%;top:6px;height:26px}.tape.qt i{height:24px;font-size:9px}.tape.qt .tape-now{top:28px;font-size:11px;padding:1px 6px}.tape.qt0{left:14%}.tape.qt1{left:64%}.tape.qt2{left:14%;top:calc(50% + 6px)}.tape.qt3{left:64%;top:calc(50% + 6px)}.wsec{display:flex;flex-direction:column;gap:8px}.fire-sec{border-left:3px solid var(--amber)!important}.run-sec{border-left:3px solid #56c8ff!important;min-height:0;overflow:auto}.fire-sec .target{margin:0;font-size:12px}.fire-sec .fire{margin-top:2px;height:48px}.tube2{padding:7px 10px}.tube2.sel{background:#2e2008}.tlist{display:flex;flex-direction:column;gap:4px}.trow{display:grid;grid-template-columns:34px 1fr auto auto;gap:6px;align-items:center;cursor:pointer;text-align:left;background:#0a1622;border:1px solid #13283d;border-radius:3px;padding:6px 8px;color:#cfe0ee;font:500 11px var(--mono)}.trow b{font-size:13px;color:#e8f2fa}.trow span{color:#8aa2b6}.trow .tag{font-style:normal;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;padding:2px 5px;border-radius:2px;background:#10202e;color:#6f8ea6}.trow .tag.wire{color:#a8dcff;background:#0d2a40}.trow:hover{border-color:#2a5a80}.trow.sel{border-color:#56c8ff;background:#0c2436;box-shadow:inset 3px 0 #56c8ff}.st-body.cam-duo.sonar-grid{grid-template-columns:minmax(0,1fr) 420px}.cam-col{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.cam-col .cam{flex:1 1 0}.strip{flex:0 0 auto;padding:8px 12px!important}.strip .card-h{margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip .clist{flex-direction:row;overflow:hidden}.strip .citem{flex:0 1 180px;min-width:0;padding:6px 8px}.strip .empty-s{padding:6px 4px}.helm-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.helm-strip .meter{margin-bottom:6px}.helm-strip .meter:last-child{margin-bottom:0}.helm-strip .rudder-ind{margin:8px 4px 2px}.fit{flex:1 1 0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}.fit canvas{width:min(100cqw,100cqh)!important;height:min(100cqw,100cqh)!important;max-width:none!important}.pills.steer button{padding:12px 6px;-webkit-user-select:none;user-select:none;touch-action:none}.pills.steer button.on{border-color:var(--amber);color:#ffe0a8;background:#2e2008}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(ellipse 120% 70% at 50% -10%,#173a58,#0a1d2e 35%,#040a12 75%);animation:fadein .15s ease-out}#loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 40%,#02060ccc 100%)}#loading.hidden{display:none}#loading>:not(.ld-bubbles){position:relative;z-index:1}.ld-logo{font-size:clamp(36px,6vw,60px)}.ld-radar{--r: min(220px, 56vw)}.ld-text{font:300 14px "Exo 2",var(--head);letter-spacing:6px;margin-right:-6px;text-transform:uppercase;color:#cfe8f8}.ld-bar{width:min(240px,60vw);height:2px;border-radius:2px;background:#9ad8ff1a;overflow:hidden;margin-top:-14px}.ld-bar i{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--sonar-2),transparent);animation:ldbar 1.4s ease-in-out infinite}@keyframes ldbar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ld-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ld-bubbles span{position:absolute;bottom:-20px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;border:1px solid #9ad8ff66;background:radial-gradient(circle at 35% 35%,#ffffff55,transparent 60%);animation:bubble var(--t) linear var(--d) infinite}@keyframes bubble{0%{transform:translate(0);opacity:0}10%{opacity:.8}50%{transform:translate(14px,-55vh)}to{transform:translate(-6px,-110vh);opacity:0}}@media(prefers-reduced-motion:reduce){.radar-sweep,.radar:after,.radar-blip,.wordmark,.ld-bubbles span,.ld-bar i{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.pause-tabs{display:flex;gap:10px}.pause-tab{height:36px;padding:0 18px;border-radius:999px;cursor:pointer;background:#ffffff08;border:1px solid #9ad8ff33;color:#b8cad8;font:300 12px "Exo 2",var(--head);letter-spacing:3px;text-transform:uppercase;transition:background .15s,border-color .15s}.pause-tab:hover{border-color:#9ad8ff99;color:#fff}.pause-tab.on{background:#9ad8ff22;border-color:#9ad8ffcc;color:#fff}.pause-panel{width:min(560px,calc(100vw - 32px));max-height:46vh;overflow:auto;padding:18px 22px;border-radius:14px;background:#050d16e6;border:1px solid #14293b;color:#c8d6e2;font-size:13px;line-height:1.55;text-align:left}.pause-panel.hidden{display:none}.pause-panel h3{font:600 11px var(--mono);letter-spacing:2px;text-transform:uppercase;color:#6f8ea6;margin:14px 0 8px}.pause-panel h3:first-child{margin-top:0}.pause-panel p{margin:0 0 6px;color:#b8cad8}.pause-panel b{color:#e8f2fa;font-weight:600}.pause-panel .keys{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;align-items:center}.pause-panel kbd{display:inline-block;min-width:22px;padding:2px 7px;border-radius:5px;border:1px solid #2a4a66;border-bottom-width:2px;background:#0b1826;color:#e8f2fa;font:600 11px var(--mono);text-align:center;white-space:nowrap}.vol-list{display:flex;flex-direction:column;gap:12px}.vol{display:grid;grid-template-columns:170px 1fr 44px;gap:14px;align-items:center}.vol-name{display:flex;flex-direction:column}.vol-name small{font-size:11px;color:#6f879b}.vol input[type=range]{width:100%;accent-color:#56c8ff;cursor:pointer}.vol output{font:500 12px var(--mono);color:#9fb6c8;text-align:right}.st-body.sv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex-wrap:nowrap}.st-body.sv .kv{padding:4px 0;font-size:12.5px}.sv-boat,.sv-flood{grid-column:1 / -1}.sv-hull{display:flex;gap:4px;height:150px}.sv-room{position:relative;overflow:hidden;border:1px solid #1d3a55;background:#0a1826;border-radius:6px}.sv-room:first-child{border-radius:70px 6px 6px 70px}.sv-room:last-child{border-radius:6px 40px 40px 6px}.sv-room.lost{border-color:var(--red);animation:blink .5s infinite}.sv-water{position:absolute;left:0;right:0;bottom:0;transition:height .4s;background:linear-gradient(180deg,#2f7fb8cc,#12466ecc);border-top:2px solid #7cc8ff}.sv-room-in{position:relative;height:100%;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.sv-room:first-child .sv-room-in{padding-left:48px}.sv-room:last-child .sv-room-in{padding-right:30px}.sv-name{font:600 11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:#9fb6c8}.sv-hullbar{position:relative;height:8px;border-radius:4px;background:#13283d}.sv-hullbar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;transition:width .4s}.sv-hullbar i.good{background:#5aff9a}.sv-hullbar i.warn{background:var(--amber)}.sv-hullbar i.bad{background:#ff5a4a}.sv-hullbar s{position:absolute;top:-3px;bottom:-3px;width:0;border-left:2px dashed #e8f2fa99}.sv-hullnum{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:#6f879b}.sv-hullnum b{font:500 12px var(--mono)}.sv-hullnum b.good{color:#5aff9a}.sv-hullnum b.warn{color:var(--amber)}.sv-hullnum b.bad{color:#ff7a6a}.sv-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.sv-chip{font:500 11px var(--mono);padding:2px 7px;border-radius:999px;border:1px solid;background:#050c13cc}.sv-chip.good{color:#5aff9a;border-color:#5aff9a55}.sv-chip.warn{color:var(--amber);border-color:#ffb54766}.sv-chip.bad{color:#ff8a7a;border-color:#ff5a4a88}.sv-flood-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:#9fb6c8;margin-bottom:8px}.sv-flood-h b{font:600 14px var(--mono)}.sv-flood-h b.good{color:#5aff9a}.sv-flood-h b.warn{color:var(--amber)}.sv-flood-h b.bad{color:#ff7a6a}.sv-meter{position:relative;height:16px;border-radius:8px;background:#13283d;overflow:hidden}.sv-meter i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#2f7fb8,#4cc3ff);transition:width .4s}.sv-meter.warn i{background:linear-gradient(90deg,#2f7fb8,var(--amber))}.sv-meter.bad i{background:linear-gradient(90deg,#b8402f,#ff5a4a)}.sv-meter span{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:600 9.5px var(--mono);letter-spacing:1px;color:#ff8a7a}.sv-meter:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#ff5a4a}.sv-flood-f{margin-top:8px;font-size:12px;color:#6f879b}.sv-ext{display:flex;gap:8px;margin-top:6px}.sv-bottle{flex:1 1 0;min-width:0;position:relative;height:54px;border-radius:10px 10px 6px 6px;border:1px solid #ff5a4a66;background:#1a0c0c;overflow:hidden}.sv-bottle i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#e0463a,#a42a20);transition:height .4s}.sv-bottle span{position:absolute;inset:auto 0 4px;text-align:center;font:600 10px var(--mono);color:#fff;text-shadow:0 1px 2px #000}.sv-bottle.spent{border-color:#3a4a58;background:#0c141c}.sv-bottle.spent span{color:#6f879b;text-shadow:none}@media(max-width:900px){.st-body.sv{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-hull{height:auto;flex-direction:column}.sv-room,.sv-room:first-child,.sv-room:last-child{border-radius:8px;min-height:96px}.sv-room:first-child .sv-room-in,.sv-room:last-child .sv-room-in{padding:12px 14px}}#lobby .room-view:before{background:radial-gradient(ellipse at 50% 55%,#4cc3ff14,transparent 60%),linear-gradient(180deg,#03080ef2,#03080e00 30%,#03080e00 62%,#03080ef7)}#lobby .room-title h1{font-size:26px;font-weight:300;letter-spacing:10px;color:#fff;text-shadow:0 0 24px #4cc3ff88,0 0 2px #fff}#lobby .room-title p{color:#9ec4de}#lobby .room-title{padding-left:16px;border-left:2px solid #4cc3ff}#lobby .room-pills .online-pill{background:#0a1c2ccc;border-color:#4cc3ff33;box-shadow:inset 0 1px #ffffff0d}#lobby .room-pills .invite-btn{background:#4cc3ff1f;border-color:#4cc3ff99;box-shadow:0 0 24px -8px #4cc3ff}#lobby .room-pills .invite-btn:hover{background:#4cc3ff38;box-shadow:0 0 30px -6px #4cc3ff}#lobby .room-head{height:40px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 22%,#08121c),#08121cb3 70%);border-color:color-mix(in srgb,var(--tc) 45%,transparent);box-shadow:0 0 28px -12px var(--tc)}#lobby .room-head.t1{background:linear-gradient(270deg,color-mix(in srgb,var(--tc) 22%,#08121c),#08121cb3 70%)}#lobby .room-head b{font-weight:500;color:#fff;letter-spacing:5px}#lobby .room-head:before{width:9px;height:9px;box-shadow:0 0 12px var(--tc),0 0 2px var(--tc)}#lobby .plate{background:#0a1c2ce6;border-color:color-mix(in srgb,var(--tc) 40%,transparent);box-shadow:0 8px 24px -10px #000,0 0 18px -8px var(--tc)}#lobby .plate .sav{box-shadow:0 0 0 2px #08121c,0 0 0 3px color-mix(in srgb,var(--tc) 70%,transparent)}#lobby .plate.me{box-shadow:0 8px 24px -10px #000,0 0 26px -4px var(--tc)}#lobby .room-view .btn-amber.room-start{color:var(--sonar-2);border-color:#2f86c4;font-weight:400;background:linear-gradient(180deg,#11335a,#09203a);box-shadow:0 0 44px -14px var(--sonar);animation:startpulse 2.4s ease-in-out infinite}#lobby .room-view .btn-amber.room-start:hover{background:linear-gradient(180deg,#17426f,#0d2a4a);color:#fff;border-color:var(--sonar);box-shadow:0 0 54px -10px var(--sonar)}#lobby .room-view .btn-amber.room-start:active{transform:translateY(1px)}@keyframes startpulse{50%{box-shadow:0 0 60px -10px var(--sonar)}}#lobby .room-leave{background:#08121c99}#lobby .room-difficulty .diff-seg{background:#0a1c2ccc;border-color:#4cc3ff33}