@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Oxanium:wght@500;600;700;800&display=swap";:root{color-scheme:dark;--cyan:#55eef9;--pink:#ff3faf;--ink:#070614;--panel:rgba(10,9,30,.84);--line:rgba(126,106,190,.23);font-family:Chakra Petch,system-ui,sans-serif;background:#050414;color:#eeeaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 20%,#181044 0,transparent 36%),linear-gradient(135deg,#04030d,#09051d 55%,#02030d)}button,input{font:inherit}button{color:inherit;cursor:pointer}.stars{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#7cf7ff 1px,transparent 1px);background-size:43px 43px;-webkit-mask-image:linear-gradient(#000,transparent 75%);mask-image:linear-gradient(#000,transparent 75%)}.stars-b{background-size:71px 71px;background-position:22px 17px;opacity:.16}.masthead{height:76px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#04030fb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font:700 18px/1 Oxanium;letter-spacing:.12em}.brand small{display:block;color:#70698e;font:500 8px/1.8 Chakra Petch;letter-spacing:.24em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);border:1px solid var(--cyan);background:linear-gradient(135deg,#53f1ff38,#ff3db333);color:var(--cyan);font-size:12px;box-shadow:inset 0 0 15px #43ddec42}.icon-button{border:1px solid var(--line);background:#0a0820;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.15em}.sound-icon{color:var(--cyan);font-weight:700}.shell{width:min(1320px,calc(100% - 40px));margin:38px auto 55px;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(310px,.83fr);gap:24px;position:relative;z-index:1}.eyebrow{display:flex;justify-content:space-between;color:#6d6786;font:600 9px Oxanium;letter-spacing:.2em;margin:0 4px 9px}.status-dot{color:#7effa1}.status-dot:before,.live-pill i{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#65ff9c;box-shadow:0 0 8px #65ff9c;margin-right:7px}.game-frame{border:1px solid rgba(91,228,255,.24);background:#060519;box-shadow:0 20px 80px #0009,0 0 40px #1c82ad14,inset 0 0 0 4px #07061b;position:relative}.game-frame:before,.game-frame:after{content:"";position:absolute;z-index:5;width:35px;height:35px;border-color:var(--cyan);pointer-events:none}.game-frame:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.game-frame:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.hud{height:76px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0c0928,#08071b,#0c0928)}.hud small{display:block;font:600 8px Oxanium;letter-spacing:.22em;color:#696481;margin-bottom:4px}.hud strong{font:700 21px Oxanium;letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 16px #43edff66}.hud-center{display:flex;align-items:center;gap:10px;color:#8a829e;font:500 8px Oxanium;letter-spacing:.13em;white-space:nowrap}.hud-center span{height:1px;background:var(--line);flex:1}.hud-center em{color:#ff5abb;font-style:normal}.lives{text-align:right}.lives strong{color:var(--pink);font-size:13px;letter-spacing:.35em}.canvas-wrap{position:relative;aspect-ratio:8/9;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#aaf 4px);mix-blend-mode:overlay}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#0f0d3173,#03020ee0 75%);transition:.25s opacity;z-index:2}.game-overlay.hidden{opacity:0;pointer-events:none}.game-overlay h1{font:800 clamp(38px,5vw,74px)/.9 "Oxanium";font-style:italic;letter-spacing:-.04em;margin:14px 0 20px;text-shadow:0 5px 0 #251c52}.game-overlay h1 span{color:var(--pink);text-shadow:3px 3px 0 #82215d,0 0 30px #ff3fac66}.game-overlay p:not(.kicker):not(.key-hint){color:#918ba9;font-size:13px;line-height:1.6;margin:0 0 24px}.game-overlay p strong{color:var(--cyan);font:700 20px Oxanium}.kicker{margin:0;color:var(--cyan);font:600 9px Oxanium;letter-spacing:.26em}.reticle{width:72px;height:72px;border:1px solid rgba(85,238,249,.35);transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 25px #29c8e523}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--cyan)}.reticle:before{width:30px;height:1px}.reticle:after{width:1px;height:30px}.reticle i{position:absolute;width:8px;height:8px;border:1px solid var(--pink)}.primary-button{border:1px solid #f54fb5;background:linear-gradient(90deg,#ff37a933,#22daf21f);padding:0 4px 0 22px;height:46px;min-width:220px;font:700 10px Oxanium;letter-spacing:.16em;box-shadow:0 0 24px #fe3aaf2b;display:flex;align-items:center;justify-content:space-between;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.primary-button:hover{background:#fe3aaf33;transform:translateY(-1px)}.primary-button b{display:grid;place-items:center;width:36px;height:36px;background:var(--pink);font-size:20px}.key-hint{margin-top:22px!important;color:#59556e!important;font:500 8px Oxanium!important;letter-spacing:.11em}kbd{border:1px solid #4d4962;border-bottom-width:2px;padding:2px 5px;background:#0a081b;font:inherit;color:#8f89a4}.leader-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-self:start;box-shadow:0 20px 60px #0007}.panel-heading{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#1b113fb3,#0605144d)}.panel-heading h2{font:700 22px Oxanium;letter-spacing:.08em;margin:4px 0 0}.live-pill{border:1px solid #46d18049;padding:5px 8px;color:#7bfba7;font:600 8px Oxanium;letter-spacing:.16em}.live-pill i{margin-right:4px}.leaderboard{min-height:356px;padding:11px 19px 16px}.rank-row{height:48px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid rgba(120,105,170,.12)}.rank-row .rank{color:#5b5672;font:600 10px Oxanium}.rank-row.top .rank{color:var(--pink)}.rank-row .pilot{align-self:stretch;display:flex;align-items:center;position:relative;overflow:hidden}.rank-row strong{font:600 11px Oxanium;letter-spacing:.08em;position:relative;z-index:1}.rank-row .pilot i{position:absolute;left:0;bottom:4px;width:var(--w);height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.45}.rank-row>span{color:var(--cyan);font:600 12px Oxanium}.board-state{min-height:325px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#77708f;font:600 9px Oxanium;letter-spacing:.14em;text-align:center;gap:12px}.board-state small{display:block;max-width:230px;font:400 10px/1.5 Chakra Petch;letter-spacing:.03em;color:#5e5971}.board-state.error{color:#ff70bf}.board-state button{border:1px solid var(--line);background:#100d29;padding:7px 12px;font-size:8px}.loader{width:20px;height:20px;border:2px solid #292441;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.submit-card{padding:20px 22px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0403117a}.submit-card label{display:flex;justify-content:space-between;margin:15px 0 6px;color:#938ca7;font:600 9px Oxanium;letter-spacing:.13em}.submit-card label span{color:#4f4a62;font-size:7px}.name-row{display:flex;height:43px}.name-row input{min-width:0;flex:1;border:1px solid #36304e;border-right:0;background:#070619;color:#fff;padding:0 12px;outline:0;font:600 11px Oxanium;letter-spacing:.12em;text-transform:uppercase}.name-row input:focus{border-color:var(--cyan);box-shadow:inset 0 0 12px #48eaff12}.name-row button{width:44px;border:0;background:var(--pink);font-size:22px;font-weight:700}.name-row button:disabled,.name-row input:disabled{opacity:.36;cursor:not-allowed}.form-status{min-height:14px;margin:8px 0 0;color:#686179;font-size:9px}.error-text{color:#ff72bb!important}.success-text{color:#62ee98!important}.intel{padding:20px 22px 22px}.intel ul{padding:0;margin:15px 0 0;list-style:none;display:grid;gap:14px}.intel li{display:flex;align-items:center;gap:12px}.intel li>span{width:25px;font-size:14px}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.intel b{display:block;font:600 9px Oxanium;letter-spacing:.12em;color:#aaa4b7}.intel small{color:#5b566c;font-size:9px}.touch-controls{display:none;margin:14px auto 0;align-items:center;justify-content:space-between;max-width:520px;padding:0 10px;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:3px}.dpad button,.fire-button{border:1px solid #4e476c;background:#100d2c;user-select:none;-webkit-user-select:none}.dpad button[data-control=up]{grid-column:2}.dpad button[data-control=left]{grid-row:2;grid-column:1}.dpad button[data-control=down]{grid-row:2;grid-column:2}.dpad button[data-control=right]{grid-row:2;grid-column:3}.dpad button:active{background:#2ac4d744;color:#fff}.fire-button{width:82px;height:82px;border-radius:50%;border-color:#d63897;background:radial-gradient(circle,#642253,#22102e);box-shadow:0 0 20px #ff3eaa25}.fire-button span{font:700 11px Oxanium;letter-spacing:.1em;color:#ff7ccc}.fire-button:active{transform:scale(.95);background:#7d1d58}footer{width:min(1320px,calc(100% - 40px));margin:0 auto 25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#49445d;font:500 7px Oxanium;letter-spacing:.14em}@media(max-width:900px){.shell{grid-template-columns:1fr;max-width:720px}.leader-panel{order:2}.touch-controls{display:flex}.canvas-wrap{max-height:70vh}.mute-label{display:none}}@media(max-width:540px){.masthead{height:62px;padding:0 14px}.brand{font-size:14px}.brand small{display:none}.shell{width:calc(100% - 18px);margin-top:18px}.hud{height:60px;padding:0 12px}.hud-center{display:none}.hud{grid-template-columns:1fr 1fr}.hud strong{font-size:16px}.game-overlay h1{font-size:36px}.game-overlay p:not(.kicker):not(.key-hint){font-size:10px}.reticle{width:48px;height:48px}.key-hint{display:none}.primary-button{height:40px;min-width:190px}.panel-heading{min-height:78px}footer{width:calc(100% - 24px);gap:20px}.touch-controls{padding:0 2px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}}@media(pointer:coarse){.touch-controls{display:flex}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{animation:none}}