@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg-top: #090913;--bg-middle: #111027;--bg-bottom: #04040a;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .11);--border-soft: rgba(255, 255, 255, .06);--text: rgba(255, 255, 255, .96);--text-soft: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .38);--gold: #facc15;--orange: #f97316;--danger: #ef4444;--indigo: #818cf8;--blue: #60a5fa;--green: #34d399;--shadow: 0 18px 60px rgba(0, 0, 0, .42);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 22% 18%,rgba(67,56,202,.3),transparent 24%),radial-gradient(circle at 76% 16%,rgba(236,72,153,.16),transparent 25%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-middle) 54%,var(--bg-bottom) 100%);color:var(--text)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden}.bg-orb{position:absolute;inset:auto;border-radius:999px;filter:blur(110px);opacity:.38;pointer-events:none}.bg-orb-left{width:320px;height:320px;left:-90px;top:10%;background:#3b82f64d}.bg-orb-right{width:360px;height:360px;right:-120px;top:35%;background:#e879f92e}.screen-shell{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.page-column{display:flex;flex-direction:column;gap:24px;width:min(100%,460px)}.page-column.wide{width:min(100%,960px)}.page-column.narrow{width:min(100%,420px)}.center-align{align-items:center;text-align:center}.panel,.glass-card,.stage-card,.pause-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{position:relative;width:min(100%,500px);display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:var(--radius-xl)}.hero-title{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-title-row{display:flex;align-items:center;gap:14px}.hero-title h1,.hero-title h2,.page-title,.result-heading h1,.hud-block strong,.stat-copy strong,.result-score strong,.stage-card-head strong{margin:0;font-family:Orbitron,sans-serif}.hero-title h1,.hero-title h2{font-size:clamp(2.8rem,8vw,4.3rem);letter-spacing:.12em}.hero-title h2{background:linear-gradient(135deg,#818cf8,#60a5fa,#e879f9);-webkit-background-clip:text;color:transparent}.hero-title p,.eyebrow,.hud-block span,.page-header p,.result-heading p,.muted-text,.stat-copy span,.stat-meta span,.stage-card-name,.toggle-copy small,.result-score span{color:var(--text-muted)}.hero-title p,.eyebrow,.page-title{letter-spacing:.16em;text-transform:uppercase}.glass-card{border-radius:var(--radius-lg);padding:18px}.stat-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.icon-circle,.toggle-icon,.broken-heart{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#facc151f;color:var(--gold)}.icon-circle{width:40px;height:40px}.toggle-icon{width:36px;height:36px;background:#6366f11f;color:#a5b4fc}.broken-heart{width:68px;height:68px;margin-bottom:8px;background:#ef444424}.stat-copy,.stat-meta{display:flex;flex-direction:column;gap:4px}.stat-copy strong,.stat-meta strong{font-size:1.15rem}.stack{display:flex;flex-direction:column}.gap-12{gap:12px}.split-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md);transition:transform .15s ease,opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.primary-button,.danger-button{min-height:56px;padding:0 18px;color:#111;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--gold) 0%,var(--orange) 100%)}.danger-button{background:linear-gradient(135deg,var(--orange) 0%,var(--danger) 100%)}.secondary-button,.ghost-button,.icon-button{min-height:48px;padding:0 16px;background:#ffffff0f;border:1px solid var(--border);color:#ffffffd1}.ghost-button{background:transparent;color:var(--text-soft)}.icon-button{width:42px;padding:0}.icon-button.compact{width:36px;min-height:36px}.full-width{width:100%}.primary-button:hover,.danger-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.progress-card{display:flex;flex-direction:column;gap:12px}.progress-stars{display:flex;flex-wrap:wrap;gap:12px}.stage-star-pill,.record-pill{display:inline-flex;align-items:center;gap:8px}.stage-star-pill span{color:var(--text-soft);font-size:.85rem}.record-pill{padding:10px 12px;border-radius:999px;background:#facc151a;border:1px solid rgba(250,204,21,.26);color:var(--gold);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.page-header{display:flex;align-items:center;gap:14px}.page-title{font-size:1.05rem;font-weight:700}.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stage-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:156px;padding:14px;border-radius:var(--radius-lg);text-align:left}.stage-card.completed{background:radial-gradient(circle at 100% 0%,rgba(99,102,241,.16),transparent 30%),var(--panel)}.stage-card.locked{cursor:default}.stage-card-head,.stage-card-foot{display:flex;align-items:center;justify-content:space-between}.stage-card-head strong{font-size:1.05rem}.stage-card-foot span{color:var(--text-muted);font-size:.72rem}.mini-playfield{display:flex;flex-direction:column;gap:2px}.mini-playfield-row{display:flex;gap:2px}.mini-brick{flex:1;height:5px;border-radius:2px}.stacked-card{display:flex;flex-direction:column;gap:12px}.toggle-row,.control-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:4px 0 16px;border-bottom:1px solid var(--border-soft)}.toggle-row.last{padding-bottom:4px;border-bottom:0}.toggle-copy{display:flex;flex-direction:column;gap:4px;text-align:left}.toggle-copy strong{color:var(--text);font-size:.95rem}.toggle-pill{position:relative;width:44px;height:24px;border-radius:999px;background:#ffffff24}.toggle-pill.checked{background:#6366f1}.toggle-knob{position:absolute;top:3px;left:0;width:18px;height:18px;border-radius:999px;background:#fff}.control-row{align-items:start;grid-template-columns:auto 1fr}.control-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.control-line{display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:.85rem}kbd{border-radius:8px;padding:3px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffb8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.result-heading{display:flex;flex-direction:column;align-items:center;gap:8px}.result-heading h1{font-size:clamp(2rem,7vw,3.2rem)}.result-heading.success h1{background:linear-gradient(135deg,var(--gold) 0%,var(--orange) 100%);-webkit-background-clip:text;color:transparent}.result-heading.failure h1{color:var(--danger);text-shadow:0 0 22px rgba(239,68,68,.32)}.result-score{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.result-score strong{font-size:1.8rem}.star-rating{display:inline-flex;align-items:center;gap:4px}.star-pop{animation:star-pop .6s ease both}.gameplay-screen{flex-direction:column;gap:14px}.game-frame{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:0 0 60px #6366f13d,0 0 120px #6366f11f}.hud-bar{display:grid;grid-template-columns:72px 1fr auto auto auto;align-items:center;gap:10px;min-height:56px;padding:0 14px;background:#0a081ef2;border-bottom:1px solid var(--border-soft)}.hud-block{display:flex;flex-direction:column;gap:2px}.hud-block.center{align-items:center}.hud-block strong{font-size:1rem}.lives-row,.star-progress{display:inline-flex;align-items:center;gap:4px}.star-dot{width:12px;height:12px;clip-path:polygon(50% 0%,63% 36%,100% 38%,71% 61%,82% 100%,50% 76%,18% 100%,29% 61%,0% 38%,37% 36%);background:#ffffff29}.star-dot.active{background:var(--gold)}.canvas-wrap{position:relative;width:min(100vw - 48px,560px)}.game-canvas{display:block;width:100%;height:auto;background:transparent}.overlay-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-panel.dark{background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-copy{font-family:Orbitron,sans-serif;font-size:clamp(2rem,6vw,3.2rem);font-weight:900;letter-spacing:.08em}.overlay-copy.success{background:linear-gradient(135deg,var(--gold),var(--orange));-webkit-background-clip:text;color:transparent}.pause-card{display:flex;flex-direction:column;gap:12px;min-width:300px;padding:28px;border-radius:var(--radius-xl)}.controls-note{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px;color:var(--text-muted);font-size:.8rem}.home-bricks{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:12px 18px 0;opacity:.18;pointer-events:none}.home-brick-row{display:flex;gap:4px}.home-brick{flex:1;height:10px;border-radius:3px}.home-brick-1{background:#ef4444}.home-brick-2{background:#f97316}.home-brick-3{background:#eab308}.home-brick-4{background:#22c55e}.home-brick-5{background:#3b82f6}.home-brick-6{background:#a855f7}@keyframes star-pop{0%{transform:scale(.55)}70%{transform:scale(1.18)}to{transform:scale(1)}}@media(max-width:820px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.screen-shell{padding:16px}.hero-panel,.page-column.wide,.page-column.narrow{width:100%}.split-actions{grid-template-columns:1fr}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-bar{grid-template-columns:60px 1fr auto auto auto;padding:0 10px;gap:8px}.hud-block strong{font-size:.92rem}.controls-note{max-width:320px}}