:root{--void:#030812;--panel:#071521;--cyan:#27ead4;--pink:#ff5aa7;--violet:#9b7bff;--muted:#9ab5bd}body{background:var(--void)}.hub-shell,.arcade-shell{background:radial-gradient(circle at 75% 0,#0a3033 0,transparent 35%),var(--void);color:#eafaf7;min-height:100vh;font-family:DM Mono,monospace}.hub-nav,.arcade-nav{letter-spacing:.15em;border-bottom:1px solid #224550;justify-content:space-between;align-items:center;min-height:76px;padding:0 max(22px,5vw);font-size:12px;display:flex}.hub-nav a,.arcade-nav a{color:#eefdfa;font-weight:800;text-decoration:none}.hub-nav span,.arcade-nav span span,.hub-hero h1 span{color:var(--cyan)}.hub-nav b,.arcade-nav b{color:#9ab5bd}.hub-hero{grid-template-columns:1.5fr 1fr;align-items:end;padding:85px max(25px,8vw) 55px;display:grid}.hub-hero>p,.arcade-head>p{color:var(--cyan);letter-spacing:.2em;font-size:10px}.hub-hero h1{letter-spacing:-.07em;grid-column:1;margin:20px 0;font-family:Arial,sans-serif;font-size:clamp(54px,8vw,108px);line-height:.82}.hub-hero h1 em{color:#0000;-webkit-text-stroke:2px var(--cyan);font-style:normal}.hub-hero>div{color:#b6cbd0;grid-area:1/2/3;max-width:430px;line-height:1.8}.game-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1450px;margin:auto;padding:25px max(20px,5vw) 100px;display:grid}.game-tile{color:#eafaf7;background:#071521f0;border:1px solid #28515b;padding:15px 15px 25px;text-decoration:none;transition:all .2s}.game-tile:hover,.game-tile:focus-visible{border-color:var(--cyan);outline:2px solid var(--cyan);outline-offset:3px;transform:translateY(-6px);box-shadow:0 20px 60px #000}.tile-art{background:#091e2a;place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.tile-art:after{content:"";opacity:.3;border:1px solid;width:150px;height:150px;position:absolute;transform:rotate(45deg)}.tile-art span{color:var(--cyan);font-size:65px}.tile-art i{color:#9ab5bd;font-size:10px;position:absolute;top:10px;right:12px}.art-1,.art-4,.art-1 span,.art-4 span{color:var(--pink)}.art-2,.art-5{color:var(--violet)}.art-2 span,.art-5 span{color:#b99eff}.game-tile small{color:var(--cyan);letter-spacing:.2em;margin-top:22px;font-size:9px;display:block}.game-tile h2{margin:9px 0;font-family:Arial,sans-serif;font-size:25px}.game-tile p{color:#aec2c7;min-height:42px;font:13px/1.6 Arial,sans-serif}.tile-meta{flex-wrap:wrap;gap:6px;margin:14px 0 18px;display:flex}.tile-meta span{color:#a9c1c6;letter-spacing:.1em;border:1px solid #32606a;padding:5px 7px;font-size:7px}.game-tile>b{color:var(--cyan);font-size:10px}.hub-footer{border-top:1px solid #244751;align-items:center;gap:25px;padding:35px max(25px,5vw);font-size:10px;display:flex}.hub-footer p{color:#a8bec4}.hub-footer a{color:var(--cyan);margin-left:auto;text-decoration:none}.arcade-head{max-width:1200px;margin:auto;padding:42px 24px 20px;position:relative}.arcade-head h1{letter-spacing:-.05em;margin:8px 0;font:800 clamp(38px,6vw,72px) Arial,sans-serif}.hud{color:#9db6bc;gap:28px;font-size:9px;display:flex;position:absolute;bottom:30px;right:24px}.hud b{color:var(--cyan);margin-top:5px;font-size:16px;display:block}.arcade-toolbar{justify-content:space-between;align-items:end;gap:16px;width:min(960px,100% - 30px);margin:0 auto 12px;display:flex}.difficulty-picker{border:0;gap:6px;margin:0;padding:0;display:flex}.difficulty-picker legend{color:#91abb2;letter-spacing:.18em;margin-bottom:7px;font-size:8px}.difficulty-picker button,.arcade-toolbar>div button{color:#b2c8cd;text-transform:uppercase;cursor:pointer;background:#081925;border:1px solid #32606a;padding:10px 12px;font:700 9px DM Mono,monospace}.difficulty-picker button.active{border-color:var(--cyan);color:var(--cyan);background:#103a3a}.difficulty-picker:disabled button{opacity:.58;cursor:not-allowed}.arcade-toolbar>div{gap:6px;display:flex}.arcade-toolbar button:hover:not(:disabled),.arcade-toolbar button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline-offset:2px;outline:2px solid #27ead455}.cabinet{aspect-ratio:16/9;border:1px solid #2a6671;width:min(960px,100% - 30px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 90px #000}.cabinet canvas{outline:0;width:100%;height:100%;display:block}.cabinet canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--cyan)}.start-screen{text-align:center;background:#030812db;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.start-screen p{color:var(--cyan);letter-spacing:.2em;font-size:10px}.start-screen h2{margin:10px;font:800 clamp(35px,6vw,65px) Arial}.start-screen span{color:#b6cbd0}.start-screen button{border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;background:#27ead424;margin-top:28px;padding:14px 28px;font-weight:800}.start-screen button:hover,.start-screen button:focus-visible{background:var(--cyan);color:#041311;outline-offset:3px;outline:3px solid #fff}.arcade-pause-cover{color:var(--cyan);cursor:pointer;background:#030812e8;border:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.arcade-pause-cover span{letter-spacing:.04em;font:800 clamp(22px,4vw,44px) Arial,sans-serif}.arcade-pause-cover strong{color:#fff;letter-spacing:.16em;margin-top:12px;font-size:10px}.touch-controls{justify-content:center;gap:8px;margin:20px auto 12px;padding:0 12px;display:flex}.touch-controls button{min-width:54px;height:52px;color:var(--cyan);touch-action:none;-webkit-user-select:none;user-select:none;background:#081925;border:1px solid #35646e;border-radius:3px;font:700 10px DM Mono,monospace}.touch-controls button:active{background:var(--cyan);color:#03100f;transform:translateY(2px)}.touch-controls .fire{width:92px;color:var(--pink);border-color:var(--pink)}.control-copy{text-align:center;color:#9ab5bd;letter-spacing:.12em;padding-bottom:35px;font-size:9px}.sr-announcement{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media (width<=850px){.hub-hero{grid-template-columns:1fr}.hub-hero>div{grid-area:auto/1}.game-grid{grid-template-columns:repeat(2,1fr)}.hud{flex-wrap:wrap;margin-top:18px;position:static}.arcade-head{padding-top:30px}.arcade-toolbar{flex-direction:column;align-items:stretch}.arcade-toolbar>div{align-self:flex-end}}@media (width<=560px){.game-grid{grid-template-columns:1fr}.hub-hero{padding-top:55px}.hub-footer{flex-direction:column;align-items:flex-start}.hub-footer a{margin:0}.arcade-nav>span{display:none}.arcade-nav{min-height:64px;padding-inline:16px}.arcade-head{padding:26px 15px 16px}.arcade-head h1{font-size:38px}.hud{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hud span{font-size:7px}.hud b{font-size:12px}.difficulty-picker{grid-template-columns:repeat(3,1fr);display:grid}.difficulty-picker button{padding:10px 7px}.arcade-toolbar>div{width:100%}.arcade-toolbar>div button{flex:1}.cabinet{width:calc(100% - 12px)}.touch-controls{flex-wrap:nowrap;gap:5px}.touch-controls button{min-width:46px;height:50px;padding:0 7px;font-size:8px}.touch-controls .fire{width:72px}.controls-defender button{min-width:42px}.control-copy{padding:0 20px 30px;line-height:1.6}}@media (width<=390px){.controls-defender{grid-template-columns:repeat(5,1fr);padding-inline:6px;display:grid}.controls-defender button{width:100%;min-width:0;padding:0 3px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}