:root{color-scheme:dark;--paper:#e8e8dc;--muted:#a9b3a7;--purple:#ad9cbe;--line:#3b463e;--field:#191d1b}*{box-sizing:border-box}body{margin:0;background:#141815;color:var(--paper);font-family:'Helvetica Neue',Arial,sans-serif}main{max-width:1040px;margin:auto;padding:26px 32px 30px}header{display:flex;align-items:center;gap:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:15px;letter-spacing:4px}h1{font:11px monospace;letter-spacing:2px;font-weight:400;margin:0;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.music-link{margin-left:auto;font-size:12px}.hud{display:flex;justify-content:space-between;gap:16px;padding:22px 0;font:11px monospace;letter-spacing:1px;color:var(--muted)}.hud span{display:flex;align-items:center;gap:12px}.hud b{font-size:20px;letter-spacing:1px;font-weight:400;color:var(--paper);font-variant-numeric:tabular-nums}.arena{position:relative;background:var(--field);border:1px solid var(--line)}canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:manipulation;outline-offset:4px}button{font:12px 'Helvetica Neue',Arial,sans-serif;border:1px solid #66735f;background:transparent;color:var(--paper);padding:10px 18px;border-radius:2px;cursor:pointer;min-height:44px}button:hover:not(:disabled){background:#2b342c}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button:disabled{opacity:.4;cursor:default}.overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center}.overlay[hidden]{display:none}.overlay>div{background:#191d1bef;padding:30px 46px;pointer-events:auto}h2{font-size:clamp(25px,4vw,46px);line-height:1.1;letter-spacing:5px;font-weight:400;margin:0 0 20px}.overlay p{color:var(--muted);font-size:13px;margin:0 0 24px}.overlay button{background:var(--paper);color:#191d1b;border-color:var(--paper);min-width:150px}.overlay button:hover{background:#cbd1bf}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.toolbar p{font:11px monospace;line-height:1.8;color:var(--muted);margin:0}.toolbar>div{display:flex;gap:8px}.touch-controls{display:flex;gap:10px;max-width:440px;margin:0 auto}.touch-controls button{flex:1;padding:9px 12px;font-size:23px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-controls span{display:block;font:10px monospace;letter-spacing:1px;margin-top:5px}.touch-controls .fire{margin-left:14px;color:var(--purple)}.touch-controls button.held{background:#3e4939}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:600px){main{padding:18px 14px 24px}.brand{font-size:12px;letter-spacing:2.5px}header{gap:14px;padding-bottom:18px}h1{padding-left:14px;font-size:10px;letter-spacing:1px}.hud{gap:8px;padding:17px 0;font-size:9px;letter-spacing:0}.hud span{display:block}.hud b{display:block;margin-top:6px;font-size:18px}.overlay>div{padding:17px 20px}h2{font-size:25px;letter-spacing:3px;margin-bottom:12px}.overlay p{margin-bottom:14px;font-size:12px}.overlay button{min-height:40px;padding:8px 16px}.toolbar{align-items:start;flex-direction:column;gap:12px}.toolbar>div{align-self:flex-end}.toolbar p{font-size:10px}.touch-controls{margin-top:6px}.touch-controls button{min-height:65px}.music-link{font-size:11px}}
@media(min-width:701px) and (pointer:fine){main{max-width:min(1040px,calc((100svh - 255px)*1.5 + 64px))}.touch-controls{display:none}}

html.embedded{background:transparent}html.embedded body{background:transparent;overflow:hidden}html.embedded main{width:100%;max-width:none!important;padding:0}html.embedded header{display:none}html.embedded .hud{padding:12px 0;font-size:9px}html.embedded .hud b{font-size:17px}html.embedded .toolbar{padding:12px 0}html.embedded .toolbar p{font-size:10px}html.embedded .touch-controls{margin-bottom:2px}html.embedded .arena{border-color:#3b463e}html.embedded h2{font-size:clamp(22px,4vw,36px)}