@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#f2eee7;font-synthesis:none;--muted:#89959d;--orange:#ff8156;--line:#ffffff16;--teal:#8ee5d3;background:#0b1015;font-family:DM Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;padding:0 4.2%;display:flex}.brand{letter-spacing:3px;align-items:center;gap:12px;font-size:23px;font-weight:700;display:flex}.brand-icon{color:var(--orange);font-size:35px}.brand-divider{background:#ffffff30;width:1px;height:22px;margin:0 9px}.brand-sub{letter-spacing:2px;font-size:10px;font-weight:500}.top-actions{letter-spacing:1.5px;align-items:center;gap:12px;font-size:10px;display:flex}.live-dot{background:var(--teal);border-radius:100%;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #8ee5d344}.icon-button{color:#c8d0d3;letter-spacing:1px;background:0 0;border:1px solid #ffffff25;border-radius:5px;min-height:34px;padding:0 12px;font-size:11px}.icon-button:hover{background:#ffffff0c}.top-actions .icon-button:first-of-type{margin-left:22px}.icon-button span{color:var(--orange);margin-left:5px}main{max-width:1720px;margin:auto;padding:37px 4.2% 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:2.6px;color:var(--orange);font-size:9px;font-weight:600}h1{letter-spacing:1px;margin:11px 0 0;font-family:Barlow Condensed,sans-serif;font-size:62px;font-weight:700;line-height:1}h1 span{color:#9ca7ae}h1 sup{color:var(--orange);vertical-align:top;border:1px solid #ff815644;border-radius:3px;margin:8px 0 0 12px;padding:4px 6px;font-family:DM Sans,sans-serif;font-size:11px;display:inline-block}.page-heading p{color:#c3c9c9;margin:15px 0 0;font-size:12px;line-height:2.2}.page-heading p span{color:var(--muted);font-size:10px}.game-layout{grid-template-columns:minmax(0,1fr) 252px;gap:23px;display:grid}.arena{background:#081217;border:1px solid #384347;border-radius:9px;min-width:0;height:570px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{width:100%;height:100%;display:block}.arena-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:19px;left:23px;right:19px}.sector{letter-spacing:1.6px;align-items:center;gap:10px;font-size:9px;display:flex}.muted{color:var(--muted)}.score-hud{flex-direction:column;gap:5px;display:flex;position:absolute;top:81px;left:30px}.micro{letter-spacing:2px;color:var(--muted);font-size:9px;font-weight:500}.score-hud strong{letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:29px;font-weight:500}.combo{letter-spacing:1.5px;color:var(--teal);margin-top:2px;font-size:8px}.wave-hud{text-align:right;flex-direction:column;gap:5px;display:flex;position:absolute;top:83px;right:28px}.wave-hud strong{font-size:28px;font-weight:500}.wave-hud strong span{color:var(--muted);margin-left:8px;font-size:12px}.arena-bottom{letter-spacing:1.5px;color:#839696;pointer-events:none;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:17px;left:23px;right:23px}.arena-bottom b{color:#abb8ba;margin-left:9px;font-weight:400}.tiny-square{background:var(--orange);width:4px;height:4px;margin-right:6px;display:inline-block}.crosshair{pointer-events:none;border-style:solid;border-color:#b1d0cf66;width:10px;height:10px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:61px;left:13px}.corner-tr{border-width:1px 1px 0 0;top:61px;right:13px}.corner-bl{border-width:0 0 1px 1px;bottom:44px;left:13px}.corner-br{border-width:0 1px 1px 0;bottom:44px;right:13px}.overlay{background:linear-gradient(#0000 34%,#08121755 57%,#081217ee 100%);justify-content:center;align-items:flex-end;padding:0 20px 58px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.launch-card{text-align:center;max-width:400px}.launch-card h2{letter-spacing:2px;margin:12px 0;font-size:24px;font-weight:600}.launch-card p{color:#a6b7bc;margin:0 0 20px;font-size:11px;line-height:1.9}.primary-button{color:#171513;background:var(--orange);border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:65px;min-height:49px;margin:0 auto;padding:0 25px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:flex;box-shadow:0 4px 24px #ff815614}.primary-button:hover{background:#ff9e7d;transform:translateY(-1px)}.primary-button span:last-child{font-size:20px}.launch-note{color:#7d949a;letter-spacing:2px;margin-top:13px;font-size:8px;display:block}.sidebar{border:1px solid var(--line);background:#11181e;border-radius:8px;flex-direction:column;display:flex}.status-section{border-bottom:1px solid var(--line);padding:23px 22px 20px}.section-heading{letter-spacing:1.2px;color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.ship-emblem{color:#bccdd1;text-shadow:0 0 20px #8ee5d333;justify-content:center;align-items:center;height:86px;font-family:serif;font-size:74px;display:flex;transform:rotate(-15deg)}.status-section h2{letter-spacing:3px;text-align:center;margin:4px 0 25px;font-size:14px}.status-section h2 span{letter-spacing:1.7px;color:var(--muted);margin-top:8px;font-size:7px;font-weight:400;display:block}.hull-row{color:#a8b3b9;justify-content:space-between;font-size:9px;display:flex}.hull-row strong{color:var(--teal);font-weight:400}.shield-bars{gap:5px;margin-top:10px;display:flex}.shield-bars i{background:var(--teal);border-radius:1px;flex:1;height:4px}.shield-bars i.empty{background:#28333a}.side-note{color:#71828b;margin:11px 0 0;font-size:9px}.pulse-section{border-bottom:1px solid var(--line);padding:22px}.pulse-title{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.pulse-title h3{letter-spacing:1px;margin:0;font-size:14px}.pulse-section p{color:var(--muted);margin:8px 0 18px;font-size:9px}kbd{color:#c5cfd3;background:#151e25;border:1px solid #ffffff26;border-bottom:2px solid #ffffff30;border-radius:4px;justify-content:center;align-items:center;min-width:25px;height:24px;font-family:inherit;font-size:10px;display:inline-flex}.pulse-button{width:100%;color:var(--orange);background:#ff815612;border:1px solid #ff815655;border-radius:3px;justify-content:space-between;padding:11px;font-size:10px;display:flex}.charge-track{background:#2a3439;height:2px;margin:13px 0 8px}.charge-track i{background:var(--orange);width:100%;height:100%;display:block}.pulse-section>.micro{letter-spacing:1.4px;font-size:7px}.record-section{flex-direction:column;gap:8px;padding:23px 22px;display:flex}.record-section strong{letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:27px;font-weight:500}.record-label{color:#6f818b;font-size:9px}.sidebar-footer{border-top:1px solid var(--line);color:#72858c;letter-spacing:1.2px;margin-top:auto;padding:14px 22px;font-size:7px}.sidebar-footer .live-dot{width:4px;height:4px;margin-right:7px}.controls-strip{border:1px solid var(--line);border-radius:5px;align-items:center;gap:30px;margin-top:18px;padding:18px 23px;display:flex}.control-item{color:#b1bdc3;align-items:center;gap:6px;font-size:10px;display:flex}.control-number{color:#697882;margin-right:7px;font-size:8px}.control-item>span:last-child{margin-left:4px}.control-item em{color:#657780;margin-left:8px;font-size:9px;font-style:normal}.wide-key{padding:0 11px}.controls-end{letter-spacing:1.3px;color:#5e737d;margin-left:auto;font-size:8px}footer{letter-spacing:1.5px;color:#5c6c76;justify-content:space-between;margin:24px 0;padding-bottom:22px;font-size:8px;display:flex}footer i{color:var(--orange);margin-left:10px;font-size:5px}.touch-controls{display:none}.announcement{text-align:center;color:var(--teal);letter-spacing:5px;pointer-events:none;text-shadow:0 0 20px #8ee5d366;font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:600;position:absolute;top:43%;left:0;right:0}.announcement:empty{display:none}dialog{color:#eceeea;background:#111c23;border:1px solid #435257;border-radius:10px;width:calc(100% - 32px);max-width:470px;padding:35px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03090ddc}dialog h2{margin:15px 0 20px;font-size:23px}dialog p{color:#a4b5bc;font-size:12px;line-height:2}dialog dl{grid-template-columns:125px 1fr;gap:16px;margin:25px 0;font-size:11px;display:grid}dialog dt{color:var(--teal)}dialog dd{color:#b7c0c5;margin:0}dialog .primary-button{gap:25px;margin-top:25px}.dialog-close{float:right;font-size:20px}.arena.hit{animation:.25s ease-out hit}@keyframes hit{0%{border-color:#ff735e;box-shadow:inset 0 0 70px #ff735e77}to{border-color:#384347}}@media (width>=1600px){.arena{height:650px}.status-section{padding-bottom:30px}.ship-emblem{height:115px}.pulse-section{padding-top:28px;padding-bottom:28px}}@media (width<=1100px){.game-layout{grid-template-columns:minmax(0,1fr) 215px;gap:15px}.controls-strip{gap:18px;padding:15px}.controls-end{display:none}.status-section,.pulse-section,.record-section{padding-left:17px;padding-right:17px}.arena{height:565px}.sector{letter-spacing:1px;font-size:8px}.page-heading p{font-size:11px}h1{font-size:53px}}@media (width<=760px){.topbar{height:63px;padding:0 5%}.brand{letter-spacing:2px;gap:7px;font-size:19px}.brand-icon{font-size:28px}.brand-divider,.brand-sub,.system-label,.top-actions>.live-dot{display:none}.top-actions{gap:7px}.top-actions .icon-button:first-of-type{margin-left:0}.icon-button{min-height:32px;padding:0 9px;font-size:9px}main{padding:24px 4% 0}.page-heading{margin-bottom:20px}.page-heading .eyebrow{letter-spacing:1.9px;font-size:7px}h1{font-size:43px}h1 sup{margin:4px 0 0 7px;font-size:8px}.page-heading p{display:none}.game-layout{flex-direction:column;gap:12px;display:flex}.arena{height:clamp(430px,61svh,620px)}.arena-top{top:12px;left:15px;right:13px}.sector{gap:7px;font-size:7px}.score-hud{top:61px;left:21px}.score-hud strong{font-size:23px}.wave-hud{top:63px;right:21px}.wave-hud strong{font-size:24px}.crosshair.corner-tl,.crosshair.corner-tr{top:48px}.arena-bottom{letter-spacing:1px;font-size:6px;left:15px;right:15px}.arena-bottom>span:last-child{display:none}.overlay{padding-bottom:48px}.launch-card h2{font-size:19px}.launch-card .eyebrow{font-size:7px}.launch-card p{font-size:10px}.sidebar{grid-template-columns:1fr 1fr;display:grid}.status-section{border:0;border-right:1px solid var(--line);padding:15px}.section-heading{font-size:7px}.ship-emblem,.status-section h2,.side-note,.sidebar-footer,.pulse-section,.record-label{display:none}.hull-row{margin-top:13px}.record-section{gap:7px;padding:15px}.record-section strong{font-size:22px}.controls-strip{display:none}.touch-controls{padding:10px 0 max(10px, env(safe-area-inset-bottom));z-index:2;background:#0b1015;gap:9px;margin-top:13px;display:flex;position:sticky;bottom:0}.touch-controls button{color:#d3e2e4;touch-action:none;-webkit-user-select:none;user-select:none;background:#16222b;border:1px solid #ffffff27;border-radius:5px;min-width:55px;height:55px;font-size:20px}.touch-controls button:active{background:#2a414d}.touch-controls #touch-pulse{letter-spacing:1px;color:var(--orange);border-color:#ff81564d;flex:1;font-size:10px}.touch-controls #fire{background:var(--orange);color:#171513;border:0;flex:1.3;font-size:12px;font-weight:700}.touch-controls #fire:active{background:#ffac8d}footer{letter-spacing:1px;margin-top:14px;font-size:6px}footer>span:nth-child(2){display:none}.announcement{font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=761px){.arena{height:100%;min-height:570px}}