:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{color:#e8ecff;background:radial-gradient(140% 100% at 50% 0,#11163a 0%,#070a1d 55%,#04050f 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{width:100%}.breakout{color:#e8ecff;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:760px;margin:0 auto;padding:24px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.hud{width:100%;max-width:var(--board-css-w,720px);letter-spacing:.04em;text-transform:uppercase;color:#9fb0ff;justify-content:space-between;font-size:15px;display:flex}.hud span{font-variant-numeric:tabular-nums}.board{touch-action:none;cursor:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 140% at 50% -10%,#1b2150 0%,#0a0d24 60%,#06081a 100%);border-radius:12px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #2a356e,0 24px 60px -20px #000c,inset 0 0 80px #506eff0f;height:auto!important}.brick{border-radius:4px;position:absolute;box-shadow:inset 0 2px #ffffff59,inset 0 -3px 6px #00000059}.paddle{background:linear-gradient(#fff 0%,#aebcff 100%);border-radius:8px;position:absolute;box-shadow:0 0 14px #96b4ffb3,inset 0 1px #ffffffe6}.ball{background:radial-gradient(circle at 35% 30%,#fff 0%,#9ad0ff 60%,#5aa8ff 100%);border-radius:50%;position:absolute;box-shadow:0 0 12px #78c8ffe6}.overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#06081abd;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.overlay h1{letter-spacing:.02em;background:linear-gradient(90deg,#9ad0ff,#c4b5ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,6vw,44px)}.overlay .final{color:#ffe14d;margin:0;font-size:18px}.overlay .cta{color:#9fb0ff;margin:0;font-size:15px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.controls{flex-direction:column;align-items:center;gap:8px;display:flex}.ai-toggle{color:#9fb0ff;font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#141a3c99;border:1px solid #2a356e;border-radius:999px;align-items:center;gap:9px;padding:9px 18px;font-size:14px;transition:border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ai-toggle:hover{color:#c4ccff;border-color:#4a5aa8}.ai-toggle .dot{background:#404a73;border-radius:50%;width:9px;height:9px;transition:background .15s,box-shadow .15s}.ai-toggle.on{color:#aef5b6;border-color:#5ce86b;box-shadow:0 0 16px #5ce86b40}.ai-toggle.on .dot{background:#5ce86b;box-shadow:0 0 8px #5ce86b}.help{color:#6e7bb8;text-align:center;margin:0;font-size:13px}