:root{color-scheme:dark;--ink:#050615;--panel:#0a0c20;--cyan:#32f5ff;--pink:#ff3ca6;--violet:#8f5cff;--muted:#8790b2;--line:rgba(90,220,255,.18)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#191448 0,#08091b 35%,#03040d 75%);color:#f5f7ff;font-family:"Chakra Petch",sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none}.ambient-one{width:420px;height:420px;background:var(--pink);left:-180px;top:15%}.ambient-two{width:500px;height:500px;background:var(--cyan);right:-260px;bottom:-80px}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 24px;display:grid;grid-template-columns:minmax(0,760px) 350px;gap:26px}.masthead{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 2px 18px}.eyebrow{color:var(--cyan);letter-spacing:.22em;font:600 11px "Oxanium",sans-serif;margin:0 0 5px}.masthead h1{margin:0;font:700 clamp(32px,5vw,58px)/.9 "Oxanium",sans-serif;letter-spacing:-.06em;font-style:italic}.masthead h1 span{color:transparent;-webkit-text-stroke:1px var(--pink);text-shadow:0 0 22px rgba(255,60,166,.35)}button,input{font:600 13px "Chakra Petch",sans-serif}.icon-button{border:1px solid rgba(50,245,255,.35);background:#0b1023;color:var(--cyan);padding:10px 13px;letter-spacing:.1em;cursor:pointer}.icon-button:hover{background:rgba(50,245,255,.1)}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-bottom:0;background:rgba(9,12,31,.9);padding:11px 20px}.hud div{display:flex;align-items:baseline;gap:12px}.hud .level{justify-content:center}.hud .lives{justify-content:flex-end}.hud span{font-size:10px;letter-spacing:.16em;color:var(--muted)}.hud strong{font:700 19px "Oxanium";color:var(--cyan);text-shadow:0 0 12px rgba(50,245,255,.5)}.hud .lives strong{color:var(--pink);font-size:14px}.cabinet{position:relative;border:1px solid var(--line);background:#050716;box-shadow:0 22px 80px rgba(0,0,0,.45),inset 0 0 70px rgba(81,55,176,.1);overflow:hidden;aspect-ratio:720/820}canvas{display:block;width:100%;height:100%;touch-action:none}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 3px,#77ebff 4px)}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:radial-gradient(circle at center,rgba(12,9,42,.45),rgba(3,4,16,.9));transition:opacity .25s}.game-overlay.hidden{opacity:0;pointer-events:none}.overlay-kicker{color:var(--pink);letter-spacing:.24em;font-size:11px}.game-overlay h2{font:700 clamp(35px,7vw,70px)/.9 "Oxanium";letter-spacing:-.05em;margin:12px 0;text-shadow:4px 4px 0 rgba(143,92,255,.32)}.game-overlay>p:not(.overlay-kicker){max-width:420px;color:#acb4d2;line-height:1.5}.primary{margin:20px 0 13px;border:0;color:#071017;background:var(--cyan);padding:14px 28px;min-width:190px;letter-spacing:.12em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 28px rgba(50,245,255,.35);cursor:pointer}.primary:hover{background:#fff}.primary span{margin-left:16px}.game-overlay small{color:#697292;letter-spacing:.09em}.leader-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(12,14,38,.96),rgba(6,7,20,.97));padding:20px;align-self:start;box-shadow:0 22px 80px rgba(0,0,0,.35)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font:700 23px "Oxanium";margin:0}.live-dot{font:700 9px "Oxanium";color:#75ffae;border:1px solid rgba(117,255,174,.3);padding:5px 7px}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#75ffae;margin-right:6px;box-shadow:0 0 8px #75ffae}.submission{margin:19px -20px 0;padding:16px 20px;background:rgba(18,21,52,.72);border-block:1px solid var(--line)}label{display:flex;justify-content:space-between;font-size:10px;color:var(--cyan);letter-spacing:.14em;margin-bottom:7px}label span{color:#646e91;letter-spacing:.05em}.submit-row{display:flex}input{width:100%;min-width:0;border:1px solid #2b3157;background:#07091b;color:#fff;padding:11px;text-transform:uppercase;outline:0}input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(50,245,255,.09)}input:disabled{opacity:.55}.submit-row button{border:0;background:var(--pink);color:white;padding:0 12px;cursor:pointer}.submit-row button:disabled{background:#343753;color:#7c819e;cursor:not-allowed}.form-status{font-size:11px;color:#737c9d;margin:8px 0 0;min-height:15px}.form-status.error{color:#ff7897}.form-status.success{color:#75ffae}.board-head{display:flex;justify-content:space-between;color:#596483;font-size:9px;letter-spacing:.16em;padding:17px 7px 8px}ol{list-style:none;padding:0;margin:0;counter-reset:rank;min-height:380px}ol li:not(.board-message){counter-increment:rank;display:grid;grid-template-columns:31px 1fr auto;align-items:center;border-top:1px solid rgba(88,100,150,.14);padding:10px 6px;animation:enter .35s both}ol li:not(.board-message):before{content:counter(rank,decimal-leading-zero);font:600 11px "Oxanium";color:#5f6b8f}.pilot{font-weight:600;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points{font:700 14px "Oxanium";color:var(--cyan)}ol li:nth-child(1) .pilot{color:#ffe568}ol li:nth-child(1) .points{text-shadow:0 0 12px rgba(255,229,104,.5);color:#ffe568}.board-message{padding:45px 10px;text-align:center;color:#77809f;font-size:13px}.refresh{width:100%;border:1px solid #252b4b;background:transparent;color:#6d789b;padding:9px;cursor:pointer;letter-spacing:.1em}.refresh:hover{border-color:var(--cyan);color:var(--cyan)}.intel{border-left:2px solid var(--pink);padding-left:11px;margin-top:20px}.intel span{color:var(--pink);font-size:9px;letter-spacing:.18em}.intel p{font-size:11px;color:#737c9d;line-height:1.45;margin:3px 0}.touch-controls{display:none;justify-content:space-between;align-items:center;padding:14px 4px}.dpad{width:142px;height:104px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px}.touch-controls button{border:1px solid rgba(50,245,255,.32);background:rgba(14,20,49,.95);color:var(--cyan);touch-action:none}.dpad button[data-key=up]{grid-column:2}.dpad button[data-key=left]{grid-row:2;grid-column:1}.dpad button[data-key=down]{grid-row:2;grid-column:2}.dpad button[data-key=right]{grid-row:2;grid-column:3}.touch-controls .fire{width:88px;height:88px;border-radius:50%;border-color:rgba(255,60,166,.65);color:#fff;background:radial-gradient(circle,#ff3ca6,#8b164f);box-shadow:0 0 25px rgba(255,60,166,.25)}footer{text-align:center;color:#3f4765;font:600 9px "Oxanium";letter-spacing:.16em;padding:5px 0 25px}footer span{color:var(--pink);margin:0 10px}@keyframes enter{from{opacity:0;transform:translateX(8px)}}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,620px);justify-content:center}.masthead,.game-column,.leader-panel{grid-column:1}.leader-panel{margin-top:0}.touch-controls{display:flex}.hud{padding-inline:10px}.game-overlay h2{font-size:clamp(32px,10vw,60px)}}
@media(max-width:500px){.shell{width:100%;padding-top:16px;gap:14px}.masthead{margin:0 12px}.masthead h1{font-size:31px}.masthead .eyebrow{font-size:8px}.icon-button{font-size:10px;padding:8px}.hud{border-inline:0}.cabinet{border-inline:0}.leader-panel{border-inline:0;padding-inline:16px}.game-overlay{padding:24px}.game-overlay>p:not(.overlay-kicker){font-size:13px}.game-overlay small{font-size:9px}.submission{margin-inline:-16px;padding-inline:16px}}
@media(min-width:901px) and (max-height:900px){.cabinet{max-height:700px;aspect-ratio:auto}.game-column{max-width:615px}.shell{grid-template-columns:minmax(0,760px) 350px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}