@font-face{font-family:Pixel;src:url('/arcade/fonts/PressStart2P.ttf')}@font-face{font-family:DM;src:url('/arcade/fonts/DMSans-Variable.ttf')}@font-face{font-family:Space;src:url('/arcade/fonts/SpaceGrotesk-Variable.ttf')}
:root{color-scheme:dark;--bg:#171326;--surface:#241e34;--line:#403450;--text:#f5efff;--muted:#b4a9c6;--accent:#c8aeff;font-family:DM,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--game-accent,var(--accent));outline-offset:4px}button{border:1px solid var(--line);background:#32273f;border-radius:9px;min-height:44px;padding:10px 17px;font-weight:600}button:hover:not(:disabled){background:#443450}button[aria-pressed=true]{color:#20172e;background:var(--game-accent,var(--accent));border-color:transparent}button.primary{background:var(--game-accent,var(--accent));color:#20172e;border:0}button.primary:hover{filter:brightness(1.1)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.site-header{max-width:1440px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30263d}.brand{display:flex;gap:12px;align-items:center;font:14px/1.7 Pixel,monospace}.brand-mark{width:25px;height:25px;background:#c8aeff;clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.back-link{font-size:13px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:36px 40px 48px}.game-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.eyebrow{font:11px/1.7 monospace;letter-spacing:2px;color:var(--game-accent);margin-bottom:13px}h1{font:700 clamp(26px,3vw,42px)/1.2 Space,DM,sans-serif;letter-spacing:-1px}.lead{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.7}.daily-stamp{font:11px/1.9 monospace;color:var(--muted);text-align:right;white-space:nowrap}.daily-stamp strong{display:block;color:var(--game-accent);font-size:14px;letter-spacing:1px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.play-column{min-width:0}.game-frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#100e1c;box-shadow:0 20px 80px #08050d30}.frame-top{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;background:#211a2f;font:10px/1.7 monospace;letter-spacing:1.6px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--game-accent);margin-right:8px;box-shadow:0 0 10px var(--game-accent)}#arena{position:relative}#stage{width:100%;min-height:250px;overflow:auto;position:relative}#stage>canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}#stage .preview-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:pixelated}#pause-screen{position:absolute;inset:0;z-index:20;background:#100b20e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#pause-screen p{font:16px/1.8 Pixel,monospace}.stats{display:flex;flex-wrap:wrap;min-height:65px;gap:14px;padding:16px 20px;background:#211a2f;border-top:1px solid #32273f}.stats>div{flex:1;min-width:70px;display:flex;flex-direction:column;gap:7px}.stats span{font-size:11px;color:var(--muted)}.stats strong{font:600 19px/1.2 Space,DM,sans-serif;color:var(--game-accent)}.game-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:14px}.game-controls:empty{display:none}.game-controls button{min-height:48px;user-select:none;-webkit-user-select:none;touch-action:none}.game-controls select,.game-controls input{min-height:42px;max-width:100%;border:1px solid var(--line);background:#241e34;color:var(--text);padding:8px}.status{padding:18px 2px;color:#d9cfe7;font-size:14px;line-height:1.6;min-height:66px}.panel{background:var(--surface);border:1px solid #382c48;border-radius:14px;padding:23px}.panel+.panel{margin-top:16px}.panel-label{font:10px/1.7 monospace;letter-spacing:1.5px;color:#bcadce;margin-bottom:14px}.segmented{display:flex;gap:5px;padding:4px;background:#171321;border-radius:10px}.segmented button{flex:1;font-size:12px;padding:10px 6px;border:0;min-height:39px;background:transparent}.segmented button[aria-pressed=true]{background:var(--game-accent);color:#21172f}.option-label{display:block;font-size:12px;color:var(--muted);margin:22px 0 9px}.option-info{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px;min-height:40px}.shell-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.shell-actions .primary{grid-column:1/-1;min-height:49px}.shell-actions button{font-size:12px;padding:10px 5px}.how-to h2{font:600 19px Space,DM,sans-serif;margin-bottom:12px}.how-to p{font-size:13px;line-height:1.8;color:var(--muted)}.control-hint{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:#e1d2ef!important}.best-line{margin:19px 0 15px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.best-line strong{font:22px Space;color:var(--game-accent)}.storage-choice{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.6}.storage-choice input{accent-color:var(--game-accent);margin-top:3px}.storage-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}.result{border:1px solid var(--game-accent);border-radius:13px;padding:23px;background:#30243f;margin:12px 0 22px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.result h2{font:700 26px Space}.result p{font-size:14px;line-height:1.7;color:#d2c6df;margin-top:8px}.result strong{font:30px Pixel;color:var(--game-accent)}.result button{grid-column:1/-1;justify-self:start}.result-score-label{font-size:11px;color:var(--muted);display:block;margin-top:10px;text-align:right}.other-games{margin-top:34px;padding-top:25px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.other-games>span{font-size:12px;color:var(--muted);margin-right:4px}.other-games a{font-size:12px;padding:9px 13px;border-radius:8px;background:#241e34}.other-games a:hover{background:#352842}.site-footer{max-width:1440px;margin:auto;padding:24px 40px 32px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#978aa8}.site-footer a{text-decoration:underline}.skip-link{position:absolute;top:-100px;left:15px;z-index:100;background:#c8aeff;color:#171326;padding:12px}.skip-link:focus{top:12px}details{margin-top:15px;font-size:12px;color:var(--muted)}summary{cursor:pointer;padding:8px 0}details ol{padding-left:20px;line-height:1.8}.game-controls .rhythm-pad{flex:1;min-height:64px;font:16px Pixel;box-shadow:0 4px 0 #100c1a;border-bottom:4px solid var(--game-accent)}.game-controls .rhythm-pad.held{background:var(--game-accent);color:#20172e;transform:translateY(3px);box-shadow:none}
@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.panel{padding:19px}main,.site-header{padding-left:25px;padding-right:25px}}
@media(max-width:850px){.game-layout{grid-template-columns:1fr}.settings-column{display:contents}#settings{grid-row:1}.game-layout{display:flex;flex-direction:column}.play-column{width:100%;order:2}.settings-column{display:flex;flex-direction:column;width:100%;order:1}.settings-column #settings{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:start}.settings-column #settings>.panel-label{grid-column:1/-1;margin-bottom:0}.settings-column #settings .option-label{margin-top:0}.settings-column #settings .shell-actions{grid-column:1/-1;margin-top:0;display:flex}.shell-actions .primary{flex:2}.shell-actions button{flex:1}.settings-column .how-to{display:none}.option-info{min-height:0}.game-heading{margin-bottom:20px}.daily-stamp{display:none}.panel+.panel{margin-top:0}.game-frame{border-radius:12px}.game-controls button{flex:1;white-space:normal}#stage{min-height:0}main{padding-top:25px}.game-heading .lead{font-size:14px}}
@media(max-width:480px){.site-header{padding:20px 15px}.brand{font-size:10px;gap:8px}.brand-mark{width:20px;height:20px}.back-link{font-size:11px}main{padding:22px 12px 30px}.game-heading{padding:0 3px}h1{font-size:29px}.eyebrow{font-size:9px}.lead{font-size:13px!important}.panel{padding:15px}.settings-column #settings{gap:10px 12px}.segmented button{font-size:11px}.option-info{font-size:11px}.frame-top{padding:11px;font-size:9px}.stats{padding:13px;gap:10px}.stats strong{font-size:17px}.stats span{font-size:10px}.status{font-size:13px;padding:14px 3px}.game-controls{gap:6px}.game-controls button{font-size:12px;padding:9px}.result{padding:18px;grid-template-columns:1fr}.result strong{font-size:25px}.result-score-label{text-align:left}.site-footer{padding:20px 16px;font-size:10px}.game-controls .rhythm-pad{font-size:13px;min-height:62px}.other-games{margin-top:18px}.other-games a{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.record-panel{max-width:470px;margin-top:24px;padding:20px 24px;background:#211a2f;border:1px solid #382c48;border-radius:12px}.record-panel .best-line{margin-top:0}.mobile-help{line-height:1.8}.mobile-help>p{margin:12px 0}@media(min-width:851px){.mobile-help{display:none}}
button.primary:hover:not(:disabled),button[aria-pressed="true"]:hover:not(:disabled){background:var(--game-accent,var(--accent));color:#20172e}.game-help{font-size:13px;line-height:1.8;margin:12px 0}#stage>section{padding:14px}@media(max-width:850px){.game-controls{position:sticky;bottom:8px;z-index:15;background:#211a2ff5;border:1px solid #493758;border-radius:12px;padding:8px}.game-controls:empty{border:0;padding:0}#stage>section{padding:9px}.game-controls button{min-height:45px}}