@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--yellow:#ffdc59;--mint:#58f2d0;--pink:#ff537e}*{box-sizing:border-box}body{margin:0;background:#080b16;color:#fff;font-family:'Space Mono',monospace;display:grid;min-height:100dvh;place-items:center;background-image:radial-gradient(ellipse at 50% 0,#312449 0,transparent 70%)}button{font:700 13px 'Space Mono',monospace;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.cabinet{width:min(1180px,100%);padding:20px}header{display:flex;align-items:center;gap:22px;padding:0 0 14px}.brand{font:900 24px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--yellow)}.edition{font-size:11px;letter-spacing:2px;color:#88889f;flex:1}.buttons{display:flex;gap:8px}.buttons button{border:1px solid #494057;border-radius:4px;background:#1c1b2b;height:34px;padding:0 10px}.screen{position:relative;aspect-ratio:16/10;border:3px solid #66516c;border-radius:14px;overflow:hidden;box-shadow:0 0 0 5px #151425,0 0 0 7px #292136,0 30px 100px #0009;background:#151528;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);z-index:5;opacity:.45}.hud{position:absolute;top:18px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:2px 3px #15101f}.hud small{display:block;font-size:12px;color:#ded6ee;letter-spacing:2px}.hud strong{font:900 36px 'Barlow Condensed',sans-serif;color:var(--yellow);letter-spacing:2px}.center{text-align:center}.right{text-align:right}#callout{position:absolute;top:18%;left:5%;right:5%;text-align:center;font:900 clamp(22px,4vw,46px) 'Barlow Condensed';color:var(--yellow);text-shadow:3px 4px #922f65;pointer-events:none;transform:rotate(-3deg);z-index:6}.power{position:absolute;bottom:22px;width:240px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.power span{font-size:11px;text-shadow:1px 2px #000}.power>div{height:17px;background:#101124;border:2px solid #fff9;margin-top:6px;position:relative}.power i{display:block;background:linear-gradient(90deg,var(--mint),var(--yellow),var(--pink));height:100%;width:0}.power em{position:absolute;left:76%;width:12%;height:100%;top:0;border:1px solid white}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(90deg,#0b0d20e8,#18132cbb,#0b0d20e8);padding:24px;z-index:7}.coin{font-size:11px;color:var(--mint);letter-spacing:4px;margin-bottom:12px}h1{font:900 clamp(58px,8.5vw,112px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;color:var(--yellow);margin:0;transform:rotate(-4deg);text-shadow:3px 3px #c13b6d,6px 6px #702f63,9px 9px #201934}h1>span:first-child{display:block;font-size:.46em;color:#fff;letter-spacing:12px;line-height:1.2}.bang{color:var(--pink)}.tag{font:800 15px 'Barlow Condensed';letter-spacing:3px;margin:20px 0 10px;color:#d2c4df}.portrait{width:90px;height:110px;background-size:200% 200%;background-position:0 0;margin:0 0 4px}.play{background:var(--yellow);color:#251733;border:0;padding:15px 30px;min-width:230px;box-shadow:0 5px #bd7142;font:900 22px 'Barlow Condensed';letter-spacing:2px;transform:rotate(-1deg);transition:transform .15s}.play:hover{transform:rotate(0) scale(1.04)}.play:disabled{opacity:.5;cursor:wait}.how{font-size:12px;line-height:1.8;color:#c6b9d6;margin:20px 0 10px}.badges{display:flex;gap:18px;font-size:10px;color:var(--mint);letter-spacing:1px}.record{font-size:11px;color:#9486ad;margin-top:20px}.record b{color:var(--yellow);margin-left:10px}footer{display:flex;justify-content:center;gap:30px;color:#8b809c;font-size:11px;padding:18px 0 0}footer b{color:#c6bad6;font-size:11px}.final-score{font:900 clamp(70px,10vw,120px) 'Barlow Condensed';color:var(--yellow);text-shadow:4px 4px #8c335c}h2{font:900 clamp(40px,6vw,70px)/1 'Barlow Condensed';color:var(--pink);margin:12px 0}.stats{display:flex;gap:40px;margin:12px 0 32px}.stats small{font-size:10px;display:block;color:#b7a8cb}.stats b{font:800 30px 'Barlow Condensed';color:var(--mint)}.quiet{border:0;background:none;margin-top:18px;color:#ac9aba;padding:10px}.paused{background:#0d1025e8}[hidden]{display:none!important}@media(max-width:650px){.cabinet{padding:8px}header{padding:5px 0 10px;gap:6px}.brand{font-size:18px;letter-spacing:2px}.edition{display:none}.buttons{margin-left:auto}.buttons button{font-size:10px;padding:0 8px}.screen{aspect-ratio:auto;height:min(790px,calc(100dvh - 94px));min-height:480px;border-radius:8px}.hud{left:14px;right:14px;top:14px}.hud strong{font-size:29px}.hud small{font-size:9px;letter-spacing:1px}h1{font-size:80px}.coin{font-size:10px;letter-spacing:2px}.how{font-size:11px}.badges{gap:12px;font-size:9px}footer{gap:8px;padding-top:12px;font-size:9px}footer span:last-child{display:none}footer b{font-size:9px}.power{bottom:25px}.portrait{width:110px;height:140px}.stats{gap:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}