.invaders-panel{display:none;--inv-glow:1;color:#d9ffe9}.speedtest-bench[data-style=invaders] .invaders-panel{display:block;margin:24px 0;background:#0b101e;border:2px solid #4a5775;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px #0008,inset 0 0 0 5px #161d32}.speedtest-bench[data-style=invaders] :is(.speedtest-instruments,.bloat-instrument){display:none}.speedtest-bench[data-style=invaders] .bloat-panel{grid-template-columns:1fr}
.invaders-high-score{visibility:hidden;min-height:40px;display:flex;justify-content:center;align-items:center;gap:12px;color:#fff39a;text-shadow:0 0 12px #ffb90088;font:900 clamp(.8rem,2vw,1.2rem) ui-monospace,monospace;letter-spacing:.15em}.invaders-high-score small{font-size:.5em;letter-spacing:.03em;color:#fddbbb}.invaders-panel[data-high-score=true] .invaders-high-score{visibility:visible}.invaders-panel[data-high-score=true][data-motion=true] .invaders-high-score span{animation:inv-high-score 1.5s steps(2,end) infinite}@keyframes inv-high-score{50%{opacity:.3}}
.invaders-marquee{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 34px;background:repeating-linear-gradient(150deg,#1b1b40 0 15px,#151b32 15px 30px);border-bottom:5px solid #fa72c1;box-shadow:0 3px 16px #ec579955}.invaders-marquee p{font:700 .58rem ui-monospace,monospace;letter-spacing:.22em;color:#abd6ee;margin:0 0 9px}.invaders-marquee h2{font:900 clamp(1.25rem,3.2vw,2.65rem)/1.1 ui-monospace,monospace;letter-spacing:.055em;color:#e7ffac;text-shadow:3px 3px #266072,0 0 22px #90ff5e44;margin:0}.invaders-marquee h2 em{font-style:normal;color:#ff8dca}.invaders-marquee span{display:block;margin-top:8px;font:700 .64rem ui-monospace,monospace;letter-spacing:.35em;color:#ff9ccd}.invaders-marquee>svg{width:90px;fill:#9bffab;filter:drop-shadow(0 0 8px #4cff96);shape-rendering:crispEdges;flex:none}
.invaders-trim{padding:24px;background:linear-gradient(130deg,#333e57,#111729 30%,#343950 70%,#151725)}.invaders-screen{background:#030710;border:9px solid #060b12;border-radius:25px;overflow:hidden;box-shadow:0 0 0 2px #55627c,inset 0 0 25px #48658077;position:relative}.invaders-wave{display:flex;justify-content:space-between;gap:10px;padding:15px 24px 8px;font:700 .64rem ui-monospace,monospace;letter-spacing:.08em;color:#aff0e4}.invaders-range{color:#a8a0bc;text-align:right}.invaders-panel[data-overdrive=true] .invaders-range{color:#ff8ece;text-shadow:0 0 9px #fa3d9f}
.invaders-scores{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:10px 24px 14px;border-bottom:1px solid #56628155}.invaders-scores>div{min-width:0}.invaders-scores>div:last-child{text-align:right}.invaders-scores dt{font:700 .73rem ui-monospace,monospace;letter-spacing:.12em;color:#76eac9}.invaders-scores>div:last-child dt{color:#fc94d6}.invaders-scores dd{font:700 clamp(1.2rem,3.7vw,3rem)/1.2 ui-monospace,monospace;letter-spacing:.02em;color:#d8fff5;margin:6px 0 0;white-space:nowrap}.invaders-scores dd small{font-size:.3em;letter-spacing:0;color:#bdc6d5}.invaders-scores [data-hot=true] dd{text-shadow:0 0 13px #b5ffbb88;color:#e5ffb0}.invaders-board{width:100%;height:auto;display:block;overflow:hidden;opacity:calc(.8 + var(--inv-glow)*.2)}.invaders-board use,.invaders-board path{shape-rendering:crispEdges}.inv-svg-label{font:12px ui-monospace,monospace;fill:#adc2d4;letter-spacing:1px}.inv-bonus{font:10px ui-monospace,monospace;fill:#ffc1e2;letter-spacing:1px}.inv-saucer{fill:#ff79bc;filter:drop-shadow(0 0 7px #ff3a8a88)}.inv-saucer-extra{display:none;fill:#76f8fd}.invaders-panel[data-overdrive=true] .inv-saucer-extra{display:block}.inv-formation{filter:drop-shadow(0 0 4px #a7ffc744)}.inv-row-0{fill:#ff98d1}.inv-row-1{fill:#dab1ff}.inv-row-2{fill:#85dafa}.inv-row-3{fill:#87ffd1}.inv-row-4{fill:#d3ff80}.inv-split{fill:#ffc681;opacity:0}.inv-shields{fill:#70e0ac}.inv-shield-cracks{opacity:0}.invaders-panel[data-shield-stress=true] .inv-shield-cracks{opacity:1}.inv-cannon{fill:#b1ff91;filter:drop-shadow(0 0 7px #98ff4055)}.inv-incoming{stroke:#ff91bc;opacity:0}.inv-outgoing{fill:#97ffb9;opacity:0}.invaders-panel[data-motion=true][data-phase=download] .inv-incoming,.invaders-panel[data-motion=true][data-phase=upload] .inv-outgoing{opacity:1}.invaders-panel[data-overdrive=true] .inv-outgoing{filter:drop-shadow(0 0 5px #a3ff69)}.inv-victory{display:none}.invaders-panel[data-state=complete] .inv-victory{display:block}.inv-victory-title{font:900 45px ui-monospace,monospace;letter-spacing:5px;fill:#caff9f}.inv-victory-note{font:11px ui-monospace,monospace;letter-spacing:1px;fill:#a9e5d5}
.invaders-console{display:flex;align-items:center;gap:20px;padding:22px 30px;background:linear-gradient(#293450,#141b2b);border-top:3px solid #61708e}.invaders-diagnostics{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:0;min-width:0}.invaders-diagnostics dt{font:700 .62rem ui-monospace,monospace;letter-spacing:.1em;color:#b7cce0}.invaders-diagnostics dd{font:700 1.5rem ui-monospace,monospace;margin:8px 0;color:#d4ffd4;white-space:nowrap}.invaders-diagnostics small{font:500 .55rem ui-monospace,monospace;color:#c4d6df}.invaders-meter{display:block;background:#0a1520;height:6px;border:1px solid #465a71}.invaders-meter i{display:block;background:linear-gradient(90deg,#71eac4,#f7d46c,#ff8597);height:100%;width:0;transition:width .3s}.invaders-joystick{position:relative;width:65px;height:65px;border-radius:50%;background:#0b1222;border:3px solid #66738d;flex:none}.invaders-joystick:before{content:'';position:absolute;width:9px;height:44px;left:28px;top:-14px;background:linear-gradient(90deg,#475567,#e2eaf2,#475567);transform:rotate(-16deg)}.invaders-joystick i{position:absolute;left:5px;top:-27px;width:41px;height:41px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffd7dc,#f24c75 35%,#6e123c 75%);box-shadow:2px 6px 6px #0007}.invaders-buttons{display:flex;gap:10px}.invaders-buttons i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff1cb,#ffbc50 35%,#995c15 75%);border:3px solid #11182a;box-shadow:0 4px #090d17}.invaders-buttons i+ i{background:radial-gradient(circle at 30% 30%,#ffc5ee,#ec55a7 35%,#9f2966 75%)}
.invaders-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:20px 26px 0;font:.74rem ui-monospace,monospace}.invaders-controls label{display:flex;align-items:center;gap:7px;color:#d2efe4}.invaders-controls input{accent-color:#9fffbe}.invaders-controls button{font:700 .7rem ui-monospace,monospace;padding:9px 12px!important;border:1px solid #7a99aa!important;background:#1e3341!important;color:#d8ffe9!important;box-shadow:none!important}.invaders-bonus-note{font-size:.65rem;color:#ffc1df}.invaders-panel #invaders-status{color:#d2efdd;padding:0 26px;margin:18px 0 10px;font:.8rem/1.6 ui-monospace,monospace}.invaders-note{padding:0 26px 20px;margin:0;color:#9caec1;font:.66rem/1.7 ui-monospace,monospace}
@media(max-width:650px){.invaders-marquee{padding:19px 16px}.invaders-marquee>svg{width:48px}.invaders-marquee p{font-size:.42rem}.invaders-marquee span{font-size:.47rem}.invaders-trim{padding:12px 8px}.invaders-screen{border-width:5px;border-radius:14px}.invaders-wave{font-size:.43rem;padding:10px 10px 4px;gap:4px}.invaders-scores{padding:8px 10px;gap:6px}.invaders-scores dt{font-size:.49rem;letter-spacing:.03em}.invaders-scores dd{font-size:clamp(1rem,4.6vw,1.7rem)}.invaders-scores dd small{font-size:.34em}.invaders-console{padding:20px 13px;gap:14px}.invaders-joystick{width:38px;height:38px;margin-top:16px}.invaders-joystick:before{left:16px;width:7px;height:28px}.invaders-joystick i{width:29px;height:29px;left:0;top:-24px}.invaders-buttons{display:none}.invaders-diagnostics{gap:12px}.invaders-diagnostics dt{font-size:.4rem;letter-spacing:0}.invaders-diagnostics dd{font-size:1rem}.invaders-diagnostics small{font-size:.38rem}.invaders-controls{padding:16px 15px 0;font-size:.66rem}.invaders-panel #invaders-status,.invaders-note{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){.invaders-panel *{animation:none!important;transition:none!important}}