@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@700;900&display=swap');
:root{--ink:#24133c;--cream:#fff7dc;--yellow:#ffd933;--red:#f54b42;--purple:#6b35a8;--mint:#70e4bd}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#32175c;color:var(--cream);font-family:Nunito,system-ui,sans-serif}body{background-image:radial-gradient(circle at 20% 10%,#7042a8 0 2px,transparent 3px),radial-gradient(circle at 85% 30%,#7042a8 0 2px,transparent 3px);background-size:42px 42px}.shell{width:min(1180px,100%);margin:auto;padding:20px}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.eyebrow{margin:0;color:var(--mint);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}h1{font-family:Bangers,cursive;font-size:clamp(2.8rem,7vw,5.5rem);letter-spacing:.04em;line-height:.8;margin:8px 0;text-shadow:5px 5px 0 #190c2b}h1 span{color:var(--yellow)}button{font:900 .9rem Nunito;border:0;cursor:pointer}.icon-button{background:transparent;color:var(--cream);border:2px solid #8059aa;padding:10px 14px;border-radius:8px}.game-card{border:4px solid var(--ink);background:var(--cream);box-shadow:10px 12px 0 #180c29}.hud{height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:var(--ink);color:white}.hud div{display:flex;flex-direction:column}.hud div:last-child{text-align:right}.hud small{font-size:.6rem;letter-spacing:.18em;color:#bfa9db}.hud strong{color:var(--yellow);font-size:1.15rem}.stage-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}canvas{display:block;width:100%;height:100%;background:#72d9dc}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgba(36,19,60,.86);transition:.25s}.overlay.hidden{opacity:0;pointer-events:none}.overlay h2{font-family:Bangers;font-size:clamp(3rem,9vw,7.5rem);letter-spacing:.03em;color:var(--yellow);text-shadow:5px 5px 0 var(--red);margin:0}.overlay>p{max-width:610px}.burst{color:var(--mint);letter-spacing:.2em;margin:0!important}.overlay button{background:var(--yellow);color:var(--ink);padding:16px 26px;border-radius:5px;box-shadow:5px 5px 0 var(--red);transform:rotate(-1deg);margin:14px}.controls{font-size:.72rem;color:#c9b8dc}.mobile-controls{display:none;background:var(--ink);padding:10px;gap:8px}.mobile-controls button{flex:1;min-height:52px;background:#7351a1;color:#fff;border-radius:8px}.mobile-controls .jump{background:#21a9a1}.mobile-controls .bonk{background:var(--red)}footer{text-align:center;font-size:.68rem;color:#a98cc9;padding:24px}@media(max-width:760px),(pointer:coarse){.shell{padding:8px}header{align-items:center}.icon-button{font-size:.65rem}h1{font-size:2.7rem}.hud{height:52px;padding:6px 10px}.mission{display:none}.mobile-controls{display:flex}.overlay h2{font-size:3.1rem}.overlay p{font-size:.78rem;margin:6px}.overlay button{padding:12px 16px;margin:8px}.controls{display:none}}