@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--lime:#c3ff51}*{box-sizing:border-box}body{margin:0;background:#111118;color:#f4f3f6;font-family:'DM Sans',sans-serif}button{font:12px 'DM Mono',monospace;cursor:pointer;background:#202029;color:#bfbfca;border:1px solid #393942;padding:10px 12px;border-radius:4px}button:hover{border-color:#b7b7c2}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.3;cursor:default}header{height:88px;max-width:1360px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292932}.brand{display:flex;gap:12px;align-items:center;font:900 27px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-decoration:none;color:inherit}.brand i{background:var(--lime);color:#111118;width:33px;height:33px;display:grid;place-items:center;transform:skew(-9deg)}.brand small{font:12px 'DM Mono',monospace;color:#93939f;margin-left:14px;letter-spacing:1.4px}.topright{display:flex;gap:25px;align-items:center}.topright>span{font:12px 'DM Mono',monospace;color:var(--lime)}main{max-width:1240px;padding:36px 28px 0;margin:auto}.titleline{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font:12px 'DM Mono',monospace;letter-spacing:1.6px;color:#93939f}h1{font:900 clamp(48px,6vw,78px)/.97 'Barlow Condensed',Impact,sans-serif;margin:14px 0 0;letter-spacing:-1px}h1 span,.lime{color:var(--lime)}.titleline p{color:#a5a5b2;line-height:1.6;font-size:15px;margin:0}.cabinet{border:1px solid #3c3c48;border-radius:9px;overflow:hidden;background:#16161f;box-shadow:0 20px 80px #0003}.hud{height:84px;display:flex;gap:64px;padding:18px 26px;align-items:center}.hud div{display:flex;flex-direction:column;gap:3px}.hud span{font:11px 'DM Mono',monospace;letter-spacing:1.3px;color:#9797a7}.hud strong{font:500 25px 'DM Mono',monospace;letter-spacing:1px}#pause{margin-left:auto;font-size:18px;min-width:40px}.playfield{height:440px;position:relative;background:#11141c;touch-action:none;overflow:hidden;border-block:1px solid #30313c}canvas{width:100%;height:100%;display:block}.stagebar,.bottomstatus{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font:11px 'DM Mono',monospace;letter-spacing:1px;color:#a1a7b6}.stagebar{top:20px}.stagebar span:last-child{color:var(--lime)}.bottomstatus{bottom:15px;color:#7b8293;font-size:10px}.bottomstatus span:last-child{color:var(--lime)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0c101c88,#111322aa,#0c101c66);backdrop-filter:blur(2px)}.hidden{display:none}.overlay.hidden{display:none}.startcard{text-align:center;padding:20px}.pill{font:10px 'DM Mono',monospace;letter-spacing:1.6px;color:var(--lime);border:1px solid #c3ff5144;padding:7px 10px;background:#c3ff5108}h2{font:900 69px/.89 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin:23px 0 16px}h2 em{font-style:normal;color:var(--lime)}.startcard p{color:#b6b8c6;font-size:14px;margin-bottom:21px}.primary{display:flex;align-items:center;justify-content:space-between;gap:65px;margin:auto;border:0;border-radius:3px;background:var(--lime);color:#161c0c;padding:15px 22px;font:800 22px 'Barlow Condensed',Impact,sans-serif;box-shadow:4px 4px 0 #627d31}.primary:hover{background:#d3ff7f}.keyhint{display:block;font:10px 'DM Mono',monospace;letter-spacing:.4px;color:#858b9d;margin-top:22px}.controls{display:flex;align-items:center;justify-content:space-between;padding:16px 25px;font-size:12px;color:#aaaaba;gap:12px}kbd{border:1px solid #434350;border-bottom-width:3px;border-radius:4px;padding:3px 6px;font:11px 'DM Mono',monospace;color:#d6d6e0;margin-right:4px}.dim{color:#777786}#jump{color:var(--lime);background:#c3ff510b;border-color:#c3ff5133;padding:10px 18px;touch-action:none}.curve{height:3px;background:#2d293d}.curve div{height:100%;width:0;background:var(--lime)}.below{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:29px 0}.below>div{display:flex;gap:15px}.num{font:500 12px 'DM Mono',monospace;color:#a477ff;padding-top:3px}h3{font:700 17px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.7px;margin:0 0 6px}.below p{font-size:13px;line-height:1.6;color:#888897;margin:0;max-width:250px}footer{border-top:1px solid #292932;padding:20px 0 26px;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace;color:#777786;gap:20px;line-height:1.7}.event{position:absolute;top:60px;left:0;right:0;text-align:center;color:var(--lime);font:800 29px 'Barlow Condensed',Impact,sans-serif;pointer-events:none;text-shadow:0 2px 15px #000;letter-spacing:1px}.event small{display:block;font:12px 'DM Mono',monospace;color:#eee;margin-top:5px}@media(max-width:700px){header{height:68px;padding:0 20px}.brand small,.topright>span{display:none}.brand{font-size:24px}main{padding:27px 14px 0}.titleline p{display:none}.eyebrow{font-size:9px;letter-spacing:.9px}h1{font-size:52px}.hud{height:76px;padding:15px;gap:23px}.hud span{font-size:9px;letter-spacing:.4px}.hud strong{font-size:18px}.stagebar{left:15px;right:15px;font-size:9px}.bottomstatus{left:15px;right:15px;font-size:8px}.controls{padding:12px}.controls>span{display:none}#jump{width:100%;padding:13px}.below{gap:15px;padding:24px 3px}.below>div{display:block}.num{display:block;margin-bottom:8px}h3{font-size:15px}.below p{font-size:12px}.keyhint{font-size:8px}h2{font-size:65px}footer{display:block;font-size:9px}footer span{display:block}}