@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Noto+Sans+SC:wght@500;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#08051d;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at 15% 10%,#5936ff47,#0000 28rem),radial-gradient(circle at 85% 35%,#ff2d9a2e,#0000 25rem),#08051d}button{font:inherit;color:inherit}.shell{width:min(100%,1080px);margin:auto;padding:28px 24px 24px}.topbar{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.eyebrow,.mini{color:#7ef9ff;letter-spacing:.24em;text-transform:uppercase;font:600 11px/1 Chakra Petch}h1{letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(25px,6vw,38px);line-height:1}.sound{letter-spacing:.12em;cursor:pointer;background:#151036;border:1px solid #4d477c;border-radius:99px;padding:9px 13px;font:600 10px Chakra Petch}.sound span{color:#7ef9ff;margin-left:4px}.game-wrap{background:#151036e0;border:1px solid #40366e;border-radius:24px;padding:14px;position:relative;overflow:hidden;box-shadow:0 28px 80px #03010f,inset 0 1px #ffffff14}.hud{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 3px 12px;display:grid}.hud div{flex-direction:column;display:flex}.hud div:nth-child(2){align-items:center}.hud div:last-child{align-items:end}.hud span{color:#9088b8;letter-spacing:.16em;font-size:10px}.hud strong{letter-spacing:.08em;margin-top:3px;font:700 clamp(14px,4vw,20px) Chakra Petch}#balls{color:#ff4fa3;letter-spacing:.18em;font-size:14px}canvas{touch-action:none;background:#0b0825;border-radius:14px;width:100%;height:auto;display:block}.intro,.game-over{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#08051d7a,#08051de0);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:62px 14px 14px}.intro h2,.game-over h2{letter-spacing:-.07em;text-shadow:0 0 35px #7ef9ff4d;margin:10px 0 16px;font-size:clamp(38px,9vw,68px);line-height:.98}.intro p:not(.mini),.game-over p:not(.mini){color:#b7b2d1;font-size:13px;line-height:1.8}.intro button,.game-over button{cursor:pointer;background:#ff3c9d;border:0;border-radius:99px;width:min(290px,90%);margin:18px 0 14px;padding:15px 20px;font-weight:900;box-shadow:0 0 28px #ff3c9d73}.intro button span,.game-over button span{float:right}.intro small{color:#777195;font-size:9px}[hidden]{display:none!important}.controls{grid-template-columns:1fr .72fr 1fr;gap:9px;margin-top:13px;display:grid}.controls button{color:#aaa4c5;cursor:pointer;touch-action:manipulation;background:#151036;border:1px solid #40366e;border-radius:14px;padding:14px 9px;font-size:11px;font-weight:700}.controls button span{color:#7ef9ff;vertical-align:-1px;font:700 18px Chakra Petch}.controls .launch{color:#fff;background:#3a133e;border-color:#ff3c9d}.controls button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.controls button:active,.controls button.active{background:#292153;transform:translateY(1px);box-shadow:inset 0 0 20px #7ef9ff1f}footer{color:#575171;letter-spacing:.16em;align-items:center;gap:12px;margin-top:18px;font:600 9px Chakra Petch;display:flex}footer i{background:#2a2544;flex:1;height:1px}@media (width<=560px){.shell{padding:10px 6px 14px}.topbar{margin:0 4px 10px}.eyebrow{font-size:9px}h1{font-size:24px}.game-wrap{border-radius:18px;padding:8px}.hud{margin-bottom:7px}.intro,.game-over{padding:18px;inset:50px 8px 8px}.intro h2,.game-over h2{font-size:36px}.controls{gap:6px;margin-top:8px}.controls button{min-height:58px;padding:12px 4px;font-size:10px}footer{margin-top:12px}}@media (width>=700px){.shell{padding-top:42px}.game-wrap{padding:18px}.controls button{padding:16px}}