:root{--bg:#07111d;--panel:#0b1928;--line:#284055;--ink:#e8f1f7;--muted:#91a5b5;--aqua:#5fe2d4;--sun:#f0c96a;--danger:#f27b82;--mono:"DM Mono",monospace;--display:"Oxanium",sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:13px var(--mono);min-height:100vh;margin:0}.sky{z-index:-1;background:radial-gradient(circle at 75% 15%,#15385b 0,#0000 24%),radial-gradient(circle at 11% 80%,#102c40 0,#0000 34%),#07111d;position:fixed;inset:0}.sky:after{content:"";opacity:.42;background-image:radial-gradient(#b7e3ed 1px,#0000 1.2px);background-size:103px 103px;position:absolute;inset:0}.shell{max-width:1180px;margin:auto;padding:28px 24px}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:62px;display:flex}.brand{font:600 20px var(--display);letter-spacing:.16em}.brand i{color:var(--aqua);font-style:normal}.top-links{align-items:center;gap:14px;display:flex}.top-site-link{color:var(--muted);letter-spacing:.06em;font-size:11px;text-decoration:none;transition:color .15s}.top-site-link:hover{color:var(--aqua)}.kofi-link{color:#ffb8b5;font:600 10px var(--display);letter-spacing:.08em;background:linear-gradient(135deg,#2a1215,#180c10);border:1px solid #ff5e5b66;align-items:center;gap:6px;padding:6px 10px;text-decoration:none;transition:filter .15s,border-color .15s;display:inline-flex}.kofi-link:hover{filter:brightness(1.12);border-color:#ff5e5baa}.kofi-link img{display:block}.eyebrow{color:var(--aqua);letter-spacing:.17em;font-size:10px}.lobby{grid-template-columns:1.15fr .85fr;align-content:center;gap:80px;min-height:calc(100vh - 120px);padding:64px 6vw;display:grid}.lobby h1{font:600 clamp(30px,5vw,58px)/.96 var(--display);letter-spacing:-.04em;max-width:560px;margin:14px 0 18px}.lobby h1.lobby-splash{opacity:0;min-height:calc(1.92*clamp(30px,5vw,58px));transition:opacity .22s}.lobby h1.lobby-splash.is-ready{opacity:1;min-height:0}.lobby h1 span{color:var(--aqua)}.lede{color:#b6c6d1;max-width:550px;font-size:15px;line-height:1.8}.join-card,.status-card{border:1px solid var(--line);background:linear-gradient(135deg,#0e2134dd,#091521dd);padding:25px;box-shadow:20px 24px #07101a77}.join-card h2,.status-card h2{font:600 19px var(--display);margin:0 0 8px}.join-card p,.status-card p{color:var(--muted);margin:0 0 22px;line-height:1.7}.primary,.secondary{border:1px solid var(--aqua);cursor:pointer;width:100%;min-height:52px;font:600 14px var(--display);letter-spacing:.08em}.primary{background:var(--aqua);color:#082128}.primary:hover{filter:brightness(1.1)}.secondary{color:var(--ink);border-color:var(--line);background:0 0;margin-top:10px}.status-card{display:none}.status-card.show{display:block}.spinner{border:2px solid #315266;border-top-color:var(--aqua);border-radius:50%;width:25px;height:25px;margin:18px 0;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fine{color:#738b9d;margin-top:26px;font-size:10px;line-height:1.65}.game-shell{max-width:1450px;margin:auto;padding:18px}.game-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 0 15px;display:flex}.match-meta{color:var(--muted);letter-spacing:.08em;font-size:10px}.online{color:var(--aqua)}.leave{color:#f7b0b5;font:11px var(--mono);cursor:pointer;background:0 0;border:1px solid #70424b;padding:9px 12px}.game-grid{grid-template-columns:230px minmax(0,1fr);gap:16px;padding-top:16px;display:grid}.panel{border:1px solid var(--line);background:#0a1725de}.side{padding:18px}.label{color:var(--muted);letter-spacing:.11em;font-size:10px}.turn{font:600 18px var(--display);margin:8px 0 25px}.player{border-bottom:1px solid #1b3143;padding:13px 0}.player.active{border-left:2px solid var(--aqua);margin-left:-11px;padding-left:10px}.player strong{font:600 13px var(--display);letter-spacing:.05em}.player small{color:var(--muted);margin-top:4px;display:block}.dots{color:var(--aqua);letter-spacing:3px;margin-top:7px}.enemy .dots{color:var(--danger)}.ship-select{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;display:grid}.ship-choice{color:#91a5b5;font:9px var(--mono);cursor:pointer;background:#0a1725;border:1px solid #365062;padding:6px 2px}.ship-choice i{color:#688091;margin-top:4px;font-size:7px;font-style:normal;display:block}.ship-choice.selected{color:#082128;border-color:var(--aqua);background:var(--aqua)}.ship-choice.selected i{color:#1d4f54}.ship-choice:disabled{opacity:.28;cursor:not-allowed}.rules{color:var(--muted);margin-top:28px;font-size:11px;line-height:1.7}.arena-wrap{min-height:520px;position:relative}.arena-top{height:47px;color:var(--muted);justify-content:space-between;padding:14px 16px;font-size:10px;display:flex}.arena-top b{color:var(--ink)}canvas{background:#07131f;width:100%;height:auto;max-height:calc(100vh - 220px);display:block}.event{border-left:2px solid var(--aqua);color:#d6ebee;opacity:0;background:#081522c9;padding:6px 9px;font-size:10px;transition:opacity .2s;position:absolute;top:62px;left:16px}.event.show{opacity:1}.command{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 140px;display:grid}.formula{padding:15px}.formula label{color:var(--muted);letter-spacing:.1em;margin-bottom:8px;font-size:10px;display:block}.formula-row{border-bottom:1px solid #365a68;align-items:center;display:flex}.formula-row span{font:600 18px var(--display);color:var(--aqua);padding-right:9px}.formula input{width:100%;color:var(--ink);font:13px var(--mono);background:0 0;border:0;outline:0;padding:7px 0}.hint{color:var(--muted);margin-top:8px;font-size:10px}.fire{background:var(--sun);color:#302303;font:700 16px var(--display);letter-spacing:.1em;cursor:pointer;border:0}.fire:disabled{color:#6c8290;cursor:not-allowed;background:#263b48}.disconnected{text-align:center;background:#07111ded;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.disconnected h2{font:600 26px var(--display);margin:0 0 10px}.disconnected p{color:var(--muted);max-width:330px;line-height:1.6}.disconnected button{width:auto;padding:12px 20px}@media (max-width:760px){.shell{padding:15px}.lobby{grid-template-columns:1fr;gap:35px;padding:60px 0}.top-links{gap:10px}.kofi-link{padding:5px 8px;font-size:9px}.game-grid{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.rules{grid-column:1/-1;margin-top:14px}.arena-wrap{min-height:0}.game-shell{padding:12px}.command{grid-template-columns:1fr}.fire{min-height:50px}.arena-top{font-size:9px}}
.mode-grid{gap:9px;display:grid}.mode-card{text-align:left;color:var(--ink);cursor:pointer;background:#091827;border:1px solid #365062;padding:15px;transition:transform .18s,border-color .18s,background .18s}.mode-card:hover{border-color:var(--aqua);background:#0c2432;transform:translate(5px)}.mode-card.bot-mode:hover{border-color:var(--sun)}.mode-card strong,.mode-card small,.mode-index{display:block}.mode-card strong{font:600 16px var(--display);letter-spacing:.03em;margin:5px 0}.mode-card small{color:var(--muted);line-height:1.5}.mode-index{color:var(--aqua);letter-spacing:.14em;font-size:9px}.bot-mode .mode-index{color:var(--sun)}.canvas-stage{aspect-ratio:5/3;background:#07131f;width:min(100%,166.667dvh - 366.667px);margin-inline:auto;overflow:hidden}.canvas-stage canvas{cursor:crosshair;width:100%;height:100%;max-height:none;display:block}.event.show{animation:.85s ease-out both shot-notice}@keyframes shot-notice{0%{opacity:0;filter:brightness(1.8);transform:translateY(-5px)}18%{opacity:1}to{opacity:1;filter:brightness();transform:translateY(0)}}.event-queue{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(340px,100% - 32px);display:flex;position:absolute;top:15px;left:16px}.event-queue .event{opacity:1;max-width:100%;line-height:1.35;position:static;box-shadow:0 5px 14px #00000048}:root{--bg:#02050a;--panel:#050b13;--line:#1a3143;--ink:#dbe8f0;--muted:#71899b;--aqua:#55d5cc;--sun:#e7bd61;--danger:#e46f78}body{background:#02050a}.sky{background:radial-gradient(circle at 70% 8%,#0c2540 0,#0000 23%),radial-gradient(circle at 12% 82%,#0a1d30 0,#0000 32%),#02050a}.sky:after{opacity:.25}.panel{background:#040a12e8;border-color:#173044;box-shadow:inset 0 1px #17304455}.join-card,.status-card{background:linear-gradient(135deg,#071521ee,#030912ee);box-shadow:18px 22px #0006}.mode-card{background:#040d17;border-color:#1c3b50}.mode-card:hover{background:#071a27}.arena-wrap{background:#02060c}.match-conclusion{z-index:3;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 45%,#071a2be8 0,#02060ce0 57%,#010409f5);place-content:center;justify-items:center;padding:30px;animation:.55s cubic-bezier(.16,.92,.26,1) both result-enter;display:grid;position:absolute;inset:47px 0 0}.match-conclusion:before{content:"";pointer-events:none;border:1px solid #4cd8ce33;position:absolute;inset:25px}.match-conclusion.defeat:before{border-color:#e46f7833}.result-signal{color:var(--aqua);letter-spacing:.22em;margin-bottom:14px;font-size:10px;position:relative}.defeat .result-signal{color:var(--danger)}.match-conclusion h2{font:600 clamp(28px,5vw,58px)/.9 var(--display);letter-spacing:.06em;color:#eaffff;text-shadow:0 0 32px #55d5cc77;margin:0;position:relative}.defeat h2{text-shadow:0 0 32px #e46f7877}.match-conclusion p{color:#a9bfcb;max-width:360px;margin:16px 0 20px;line-height:1.65;position:relative}.result-score{color:#9ab5c2;letter-spacing:.09em;border-block:1px solid #376579;align-items:center;gap:18px;margin-bottom:20px;padding:11px 17px;font-size:9px;display:flex;position:relative}.result-score b{font:600 24px var(--display);color:#eafaff;letter-spacing:0;display:block}.result-score i{font-style:normal;font:400 22px var(--display);color:#477180}.result-primary,.result-secondary{cursor:pointer;width:min(100%,300px);min-height:45px;font:600 12px var(--display);letter-spacing:.08em;position:relative}.result-primary{border:1px solid var(--aqua);background:var(--aqua);color:#062027}.defeat .result-primary{color:#2d090d;background:#e98289;border-color:#e98289}.result-secondary{color:#afc3cc;background:0 0;border:1px solid #2b4b5b;margin-top:8px}.result-primary:hover,.result-secondary:hover{filter:brightness(1.16);transform:translateY(-1px)}@keyframes result-enter{0%{opacity:0;filter:brightness(1.6);transform:scale(.97)}to{opacity:1;filter:brightness();transform:scale(1)}}@media (max-width:760px){.match-conclusion{padding:22px;inset:47px 0 0}.match-conclusion:before{inset:14px}.match-conclusion h2{font-size:33px}.result-score{gap:12px}}.canvas-stage{background:#01040a;box-shadow:inset 0 0 60px #000a}.formula-row{border-color:#24495b}.leave{color:#df9098;border-color:#613842}.formula-row{background:linear-gradient(90deg,#071722,#030910);border:1px solid #24495b;border-radius:2px;flex-flow:row;align-items:center;gap:10px;padding:0 12px;display:flex}.formula-row span{white-space:nowrap;color:#77eee4;text-shadow:0 0 14px #55d5cc77;flex:none;line-height:1;display:block}.formula-row input{flex:1;min-width:0;padding:11px 0}.formula-row:focus-within{border-color:#55d5cc;box-shadow:0 0 0 1px #55d5cc33,0 0 20px #55d5cc1f}.fire{isolation:isolate;color:#eaffff;letter-spacing:.14em;text-shadow:0 1px #001a20;background:linear-gradient(135deg,#0d5f68 0%,#08343f 55%,#061922 100%);border:1px solid #70f1e5;margin:9px;font-size:14px;transition:transform .16s,box-shadow .16s,border-color .16s,filter .16s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c8fffb22,0 0 0 1px #061016,0 8px 22px #00000070}.fire:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 39%,#ceffff44 50%,#0000 61%);transition:transform .45s;position:absolute;inset:-80% -35%;transform:translate(-45%)}.fire:not(:disabled):hover{filter:brightness(1.18);border-color:#cafffa;transform:translateY(-1px);box-shadow:inset 0 0 20px #a4fff638,0 0 18px #55d5cc4d,0 8px 22px #00000070}.fire:not(:disabled):hover:before{transform:translate(45%)}.fire:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 0 24px #001d25,0 0 8px #55d5cc44}.fire:disabled{color:#5f7784;box-shadow:none;text-shadow:none;background:#0b1720;border:1px solid #294350;margin:9px}.energy-bar{background:repeating-linear-gradient(90deg,#06121c 0 9%,#0d2631 9.3% 10%);border:1px solid #376b79;height:28px;margin:8px 0 22px;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #000b11}.energy-bar:before{content:"";z-index:1;pointer-events:none;border:1px solid #b6fff21f;position:absolute;inset:3px}.energy-bar span{z-index:2;font:600 11px var(--display);letter-spacing:.08em;color:#edfffd;text-shadow:0 1px 4px #001012;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.energy-bar span b{color:#a0d6d2;letter-spacing:.16em;font-size:8px}.energy-bar span i{color:#a6c0c7;font-size:9px;font-style:normal}.energy-fill{background:linear-gradient(90deg,#0a5965 0%,#27b8b4 68%,#91fff0 100%);height:100%;transition:width .12s linear;box-shadow:inset 0 0 12px #d0fff766,0 0 14px #55d5cc55}.power-control{background:#04101a;border:1px solid #1d4050;margin-top:12px;padding:9px 10px 8px}.power-control label{color:#9bc8c9;letter-spacing:.12em;margin-bottom:8px;font-size:8px;display:block}.power-control input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.power-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#55d5cc 0 var(--power-fill),#0a1d29 var(--power-fill) 100%);border:1px solid #255263;border-radius:999px;height:6px;box-shadow:inset 0 1px 4px #000}.power-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#168a90;border:2px solid #d3fff9;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 3px #55d5cc2e,0 0 12px #55d5ccaa}.power-control input[type=range]::-moz-range-track{background:#0a1d29;border:1px solid #255263;border-radius:999px;height:6px}.power-control input[type=range]::-moz-range-progress{background:#55d5cc;border-radius:999px;height:6px}.power-control input[type=range]::-moz-range-thumb{background:#168a90;border:2px solid #d3fff9;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 3px #55d5cc2e,0 0 12px #55d5ccaa}.power-control input[type=range]:focus-visible{outline-offset:5px;outline:2px solid #b8fff7}.power-control input[type=range]:disabled{opacity:.4;cursor:not-allowed}.ship-choice.moving{color:#d9ffff;background:#0b2633;border-color:#55d5cc;box-shadow:inset 0 0 12px #55d5cc22}.ship-choice.moving i{color:#8ff4ea;letter-spacing:.04em;font-weight:700}.ship-choice.moving.selected{color:#efffff;background:#155365;border-color:#d7fffb;box-shadow:inset 0 0 14px #9afff255}.ship-choice.moving.selected i{color:#fff}.arc-history{border-top:1px solid #173443;margin-top:12px;padding-top:9px}.arc-history>span{color:#618494;letter-spacing:.16em;margin-bottom:6px;font-size:8px;display:block}.arc-history>div{flex-wrap:wrap;gap:5px;display:flex}.arc-history button{color:#9eb8c5;cursor:pointer;max-width:100%;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#06121c;border:1px solid #254758;align-items:center;gap:6px;padding:5px 7px;transition:border-color .15s,background .15s,color .15s;display:flex;overflow:hidden}.arc-history button b{color:#55d5cc;font:600 8px var(--display);letter-spacing:.06em}.arc-history button:hover,.arc-history button.selected{color:#e2fbfa;background:#0b2530;border-color:#55d5cc}.arc-history button:disabled{cursor:not-allowed;opacity:.48}.tutorial{border-top:1px solid #1a3445;margin:0 auto;padding:92px 6vw 62px}.tutorial-intro{grid-template-columns:minmax(190px,.42fr) minmax(0,.58fr);align-items:end;gap:40px;margin-bottom:28px;display:grid}.tutorial h2{font:600 clamp(31px,4vw,52px)/.9 var(--display);letter-spacing:.04em;margin:9px 0 0}.tutorial-intro p{color:#9db5c1;max-width:520px;margin:0;font-size:14px;line-height:1.8}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tutorial-card{background:linear-gradient(145deg,#061521e8,#030a11e8);border:1px solid #23465a;min-height:325px;padding:16px;overflow:hidden;box-shadow:12px 15px #0000003d}.tutorial-card>div:last-child{position:relative}.tutorial-card span{color:#67e1d8;letter-spacing:.14em;font-size:9px}.tutorial-card h3{font:600 17px/1.15 var(--display);letter-spacing:.02em;margin:8px 0 9px}.tutorial-card p{color:#91aab7;margin:0;font-size:11px;line-height:1.7}.tutorial-card code{color:#cafff8;font:inherit}.lesson-visual{background:radial-gradient(circle at 68% 28%,#0e3751 0,#0000 24%),#020a12;border-bottom:1px solid #1c3d4f;height:135px;margin:-16px -16px 18px;position:relative;overflow:hidden}.lesson-visual:before{content:"";opacity:.45;background-image:radial-gradient(#a9dfe9 1px,#0000 1.1px);background-size:31px 31px;position:absolute;inset:0}.demo-ship{z-index:1;clip-path:polygon(100% 50%,0 0,25% 50%,0 100%);filter:drop-shadow(0 0 7px #55d5cc88);background:#61ded5;width:20px;height:12px;position:absolute}.fire-lesson .demo-ship{top:58px;left:25px}.demo-beam{z-index:1;background:linear-gradient(90deg,#fff,#60dcd6aa,#0000);width:0;height:2px;animation:3.5s ease-in-out infinite tutorial-beam;position:absolute;top:63px;left:42px;box-shadow:0 0 9px #54d8cf}.demo-head{z-index:2;background:#fff;border-radius:50%;width:9px;height:9px;animation:3.5s ease-in-out infinite tutorial-head;position:absolute;top:59px;left:42px;box-shadow:0 0 10px #62e7df}.hitbox-lesson .demo-ship{top:59px;left:calc(50% - 10px)}.hit-ring{z-index:1;border:1px solid #f27b82;border-radius:50%;width:60px;height:60px;animation:2.6s ease-in-out infinite tutorial-ring;position:absolute;top:40px;left:calc(50% - 30px);box-shadow:0 0 18px #f27b824d}.hit-probe{background:#f27b82;width:calc(50% - 20px);height:1px;animation:2.6s ease-in-out infinite tutorial-probe;position:absolute;top:65px;left:20px}.move-lesson .demo-ship{animation:4s ease-in-out infinite tutorial-ship-move;top:58px;left:24px}.move-route{z-index:1;border-top:1px dashed #5fe2d499;width:calc(100% - 88px);position:absolute;top:64px;left:45px}.move-waypoint{z-index:2;color:#5fe2d4;width:31px;height:31px;font:600 20px/1 var(--display);border:1px solid #5fe2d4;border-radius:50%;place-items:center;animation:4s ease-in-out infinite tutorial-waypoint;display:grid;position:absolute;top:48px;right:26px}@keyframes tutorial-beam{0%,18%{opacity:0;width:0}35%,70%{opacity:1;width:calc(100% - 66px)}to{opacity:0;width:calc(100% - 66px)}}@keyframes tutorial-head{0%,18%{opacity:0;transform:translate(0)}35%,70%{opacity:1;transform:translate(25vw)}to{opacity:0;transform:translate(25vw)}}@keyframes tutorial-ring{50%{opacity:.55;transform:scale(1.12)}}@keyframes tutorial-probe{0%,55%{transform-origin:100%;opacity:0;transform:scaleX(0)}70%,to{transform-origin:100%;opacity:1;transform:scaleX(1)}}@keyframes tutorial-ship-move{0%,22%{transform:translate(0)}58%,78%{transform:translate(16.6667vw)}to{opacity:.3;transform:translate(16.6667vw)}}@keyframes tutorial-waypoint{0%,20%{color:#5fe2d4;border-color:#5fe2d4}58%,to{color:#ff858b;border-color:#ff858b;box-shadow:0 0 14px #ff858b66}}@media (max-width:760px){.tutorial{padding:65px 0 40px}.tutorial-intro{grid-template-columns:1fr;gap:13px}.tutorial-grid{grid-template-columns:1fr}.tutorial-card{min-height:0}.tutorial-head{display:none}}.lesson-stage{z-index:1;width:260px;height:110px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.lesson-stage .demo-ship,.fire-lesson .demo-ship{top:52px;left:16px}.demo-beam{animation:3.6s ease-in-out infinite tutorial-beam-local;top:57px;left:35px}.demo-head{animation:3.6s ease-in-out infinite tutorial-head-local;top:53px;left:35px}.demo-range{border-left:1px dashed #5fe2d455;height:64px;position:absolute;top:26px;right:17px}.hitbox-stage .demo-ship{top:52px;left:124px}.hit-ring{animation:2.6s ease-in-out infinite tutorial-ring;top:28px;left:104px}.hit-probe{transform-origin:100%;width:108px;animation:2.6s ease-in-out infinite tutorial-probe-local;top:58px;left:25px}.move-stage .demo-ship{animation:4s ease-in-out infinite tutorial-ship-local;top:52px;left:20px}.move-route{width:174px;top:58px;left:40px}.move-waypoint{animation:4s ease-in-out infinite tutorial-waypoint;top:43px;right:15px}@keyframes tutorial-beam-local{0%,15%{opacity:0;width:0}32%,70%{opacity:1;width:190px}to{opacity:0;width:190px}}@keyframes tutorial-head-local{0%,15%{opacity:0;transform:translate(0)}32%,70%{opacity:1;transform:translate(190px)}to{opacity:0;transform:translate(190px)}}@keyframes tutorial-probe-local{0%,50%{opacity:0;transform:scaleX(0)}68%,to{opacity:1;transform:scaleX(1)}}@keyframes tutorial-ship-local{0%,22%{transform:translate(0)}58%,78%{transform:translate(166px)}to{opacity:.35;transform:translate(166px)}}@media (max-width:760px){.lesson-stage{transform-origin:top;transform:translate(-50%)scale(.92)}.tutorial-card{min-height:300px}}.tutorial-notes{background:#1d4051;border:1px solid #1d4051;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:30px;display:grid}.tutorial-notes article{background:#040d16;min-height:176px;padding:18px}.tutorial-notes span{color:#70e2d9;letter-spacing:.15em;margin-bottom:11px;font-size:9px;display:block}.tutorial-notes p,.tutorial-notes ol{color:#91aab7;margin:0;font-size:11px;line-height:1.72}.tutorial-notes ol{padding-left:17px}.tutorial-notes li+li{margin-top:5px}.tutorial-notes code{color:#d6fffa;font:inherit}@media (max-width:900px){.tutorial-notes{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.tutorial-notes{grid-template-columns:1fr}.tutorial-notes article{min-height:0}}.tutorial-intro{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:34px;display:flex}.tutorial-intro .eyebrow,.tutorial h2{margin:0}.tutorial-intro p{max-width:620px}.mode-card.private-mode .mode-index{color:#b58be8}.mode-card.private-mode:hover{background:#120f24;border-color:#b58be8}.private-card{position:relative}.back-link{color:#7f9cac;cursor:pointer;font:10px var(--mono);letter-spacing:.11em;background:0 0;border:0;margin:-4px 0 20px;padding:0}.back-link:hover{color:#c2fbf6}.private-card .eyebrow{color:#b58be8;margin-bottom:7px}.private-card h2{margin-bottom:9px}.private-create{color:#f0eaff;cursor:pointer;width:100%;font:600 14px var(--display);letter-spacing:.07em;background:linear-gradient(110deg,#251a42,#110d23);border:1px solid #7b5db0;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 15px;transition:transform .16s,border-color .16s,filter .16s;display:flex}.private-create:hover{filter:brightness(1.15);border-color:#bf9cf5;transform:translateY(-1px)}.private-create small{color:#c6b6dd;font:10px var(--mono);letter-spacing:0}.code-divider{color:#597383;letter-spacing:.13em;place-items:center;margin:20px 0;font-size:9px;display:grid;position:relative}.code-divider:before{content:"";border-top:1px solid #1a3546;position:absolute;inset:50% 0 auto}.code-divider span{background:#06111c;padding:0 10px;position:relative}.code-entry{margin-bottom:14px;display:block}.code-entry>span{color:#8ba7b4;letter-spacing:.13em;margin-bottom:7px;font-size:9px;display:block}.code-entry input{color:#eaffff;text-align:center;text-transform:uppercase;width:100%;font:600 21px/1 var(--display);letter-spacing:.23em;caret-color:#b58be8;background:#020a12;border:1px solid #355169;outline:0;padding:13px 15px;transition:border-color .16s,box-shadow .16s}.code-entry input::placeholder{color:#456173}.code-entry input:focus{border-color:#b58be8;box-shadow:0 0 0 2px #b58be826,0 0 18px #9b70dd22}.private-status{border-color:#60468a}.private-status .eyebrow{color:#c3a3f0}.lobby-code{color:#f2ebff;text-align:center;font:600 clamp(28px,6vw,43px)/1 var(--display);letter-spacing:.24em;text-shadow:0 0 22px #a77aea99;background:linear-gradient(90deg,#0000,#26184080,#0000);border-block:1px solid #60468a;margin:22px 0 9px;padding:15px;display:block}.code-note{color:#9e83bf;text-align:center;letter-spacing:.14em;font-size:8px;display:block}@media (max-width:760px){.lobby-code{letter-spacing:.18em;font-size:31px}.code-entry input{font-size:19px}}.arena-stage{position:relative}.launch-countdown{z-index:4;text-align:center;pointer-events:none;background:radial-gradient(circle,#09243c72 0,#02080f9e 38%,#02050ae0);place-content:center;justify-items:center;animation:.45s ease-out both launch-fade-in;display:grid;position:absolute;inset:0}.launch-countdown:before,.launch-countdown:after{content:"";aspect-ratio:1;border:1px solid #5cded534;border-radius:50%;width:min(54vw,300px);animation:2s ease-out infinite launch-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.launch-countdown:after{border-color:#d1fff937;width:min(39vw,220px);animation-delay:.55s}.launch-countdown>*{position:relative}.launch-kicker{color:#8adbd6;letter-spacing:.28em;font-size:10px}.launch-countdown output{color:#f2ffff;font:600 clamp(74px,13vw,126px)/.82 var(--display);letter-spacing:-.05em;text-shadow:0 0 18px #6be8df9c,0 0 55px #51c9bf52;margin:8px 0 5px;animation:1s ease-in-out infinite launch-number}.launch-countdown p{color:#9ab7c4;letter-spacing:.09em;margin:0;font-size:10px}@keyframes launch-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes launch-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.82)}to{opacity:0;transform:translate(-50%,-50%)scale(1.14)}}@keyframes launch-number{50%{color:#a5fffa;text-shadow:0 0 28px #a5fffa,0 0 68px #51c9bf77}}@media (max-width:760px){.launch-countdown p,.launch-kicker{font-size:8px}}.fleet-command{padding-bottom:15px}.fleet-command small{margin-bottom:10px}.ship-select{grid-template-columns:1fr;gap:6px;margin-top:10px;display:grid}.ship-command{grid-template-columns:76px minmax(0,1fr);align-items:stretch;gap:7px;display:grid}.ship-choice{text-align:center;min-height:42px;padding:5px 3px}.ship-energy{color:#e9fffd;font:600 12px var(--display);letter-spacing:.06em;background:repeating-linear-gradient(90deg,#06121c 0 9%,#0d2631 9.3% 10%);border:1px solid #254f60;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 11px #000b11}.ship-energy:before{content:"";pointer-events:none;border:1px solid #b6fff21c;position:absolute;inset:2px}.ship-energy-fill{background:linear-gradient(90deg,#0a5965,#2fc3bc 70%,#9dfff1);transition:width .12s linear;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 0 10px #d0fff744}.ship-energy span{text-shadow:0 1px 4px #001012;position:relative}.ship-energy i{color:#c2e0df;font-size:8px;font-style:normal}.ship-command:has(.ship-choice:disabled) .ship-energy{opacity:.42;filter:saturate(.3)}@media (max-width:760px){.fleet-command{grid-column:1/-1}.ship-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ship-command{grid-template-columns:70px minmax(0,1fr)}}.enemy{position:relative}.enemy:before{content:"";background:#e46f78;width:2px;position:absolute;top:14px;bottom:14px;left:-11px;box-shadow:0 0 10px #e46f7866}.enemy-ship-list{gap:5px;margin-top:10px;display:grid}.enemy-ship{color:#f2cbd0;background:linear-gradient(90deg,#170c11,#0b0b12);border:1px solid #4e2931;grid-template-columns:55px minmax(0,1fr) 27px;align-items:center;gap:6px;min-height:26px;padding:4px 6px;display:grid}.enemy-ship>b{font:600 8px var(--display);letter-spacing:.07em}.enemy-energy{background:#180d12;border:1px solid #65333d;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 5px #000}.enemy-energy i{background:linear-gradient(90deg,#702e3a,#d75c69 72%,#ffb1ae);transition:width .12s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #e46f785c}.enemy-ship>span{text-align:right;color:#ffd4d5;font:600 9px var(--display);letter-spacing:.04em}.enemy-ship.lost{opacity:.38;filter:saturate(.2)}.enemy-ship.lost .enemy-energy i{width:0!important}.enemy-ship.lost>span{color:#82909a;font-size:8px}@media (max-width:760px){.enemy{grid-column:1/-1}.enemy-ship-list{grid-template-columns:repeat(2,minmax(0,1fr))}.enemy-ship{grid-template-columns:50px minmax(0,1fr) 24px}}