.breakthrough-module{--bt-bg:#050816;--bt-panel:#0d1428;--bt-cyan:#8ef8ee;--bt-pink:#ff9ed8;--bt-blue:#9db6ff;--bt-gold:#fff09a;min-height:100vh;background:radial-gradient(circle at 48% -10%,#283974 0,transparent 38%),radial-gradient(circle at 100% 60%,#4b1f513d,transparent 42%),var(--bt-bg);color:#f8f2df;font-family:'Space Grotesk',sans-serif}.breakthrough-module[hidden]{display:none!important}.breakthrough-top{position:sticky;top:0;z-index:60;min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px max(14px,calc((100vw - 1380px)/2));background:#060a19ed;border-bottom:1px solid #8ef8ee2e;backdrop-filter:blur(22px);font:700 10px 'DM Mono';letter-spacing:.14em}.breakthrough-top>span{text-align:center}.breakthrough-top>div{justify-self:end;display:flex;gap:7px}.breakthrough-top button{min-height:42px;padding:0 14px;border:1px solid #8ef8ee55;border-radius:999px;background:#10172d;color:#e9ffff;font:700 9px 'DM Mono';letter-spacing:.08em}.breakthrough-top .bt-pause,.breakthrough-top .bt-sound{width:43px;padding:0;font-size:15px}.bt-shell{width:min(1380px,100%);margin:auto;padding:clamp(18px,3vw,42px) 18px 70px}.bt-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:18px}.bt-title p{margin:0;color:#a8b5ce}.bt-title>div>p{color:var(--bt-cyan);font:700 9px 'DM Mono';letter-spacing:.2em}.bt-title h1{margin:6px 0 0;font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.8;letter-spacing:-.075em;background:linear-gradient(105deg,#fff7d9,#8ef8ee 38%,#9db6ff 64%,#ff9ed8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px #8ef8ee35)}.bt-title h1 em{font-style:normal}.bt-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.bt-stage{min-width:0;border:1px solid #8ef8ee55;border-radius:25px;overflow:hidden;background:#070b1b;box-shadow:0 30px 100px #000a,0 0 0 1px #9db6ff15,inset 0 1px #fff2}.bt-hud{height:68px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:linear-gradient(90deg,#0a1025,#141841 48%,#0a1025);border-bottom:1px solid #ff9ed844}.bt-hud span{display:grid;gap:3px;padding-left:20px;border-left:2px solid var(--bt-cyan)}.bt-hud small{color:#75809f;font:700 7px 'DM Mono';letter-spacing:.2em}.bt-hud b{font:800 15px 'DM Mono';letter-spacing:.08em}.bt-hud span:nth-child(3) b{color:var(--bt-pink)}.bt-canvas-wrap{position:relative;aspect-ratio:960/650;max-height:calc(100vh - 220px);min-height:430px;background:#050816;overflow:hidden}.bt-canvas-wrap canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.bt-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:#050816d9;backdrop-filter:blur(8px)}.bt-overlay[hidden]{display:none}.bt-overlay.transparent{background:#0508168f}.bt-menu,.bt-count,.bt-clear-copy{width:min(590px,94%);text-align:center}.bt-menu>span,.bt-count>span,.bt-clear-copy>span,.bt-signal-deck>div:first-child>span{color:var(--bt-cyan);font:700 9px 'DM Mono';letter-spacing:.24em}.bt-mark{width:120px;margin:12px auto}.bt-mark svg{width:100%;filter:drop-shadow(0 0 26px #8ef8ee77)}.bt-menu h2,.bt-count h2,.bt-clear-copy h2{margin:10px 0;font-size:clamp(3rem,7vw,6.5rem);line-height:.8;letter-spacing:-.07em}.bt-menu h2 em,.bt-clear-copy h2 em{font-style:normal;color:var(--bt-pink)}.bt-menu p,.bt-count p,.bt-clear-copy p{max-width:520px;margin:20px auto;color:#c5cede;line-height:1.55}.bt-menu>small{display:block;margin-top:12px;color:#72809c;font:8px 'DM Mono';letter-spacing:.08em}.bt-primary{min-height:54px;padding:0 30px;border:0;border-radius:999px;background:linear-gradient(100deg,var(--bt-cyan),var(--bt-blue),var(--bt-pink));color:#07101e;font-weight:900;letter-spacing:.06em;box-shadow:0 12px 40px #8ef8ee3b,0 0 0 1px #fff6 inset}.bt-count.compact h2{font-size:clamp(2.7rem,7vw,5rem)}.bt-prompt-toast{position:absolute;z-index:12;left:50%;bottom:18px;width:min(620px,90%);translate:-50% 30px;padding:16px 20px;border:1px solid #fff09a88;border-radius:16px;background:#0b1229ed;box-shadow:0 18px 60px #000b,0 0 34px #fff09a2e;opacity:0;pointer-events:none;transition:.35s}.bt-prompt-toast.show{translate:-50% 0;opacity:1}.bt-prompt-toast span{display:block;margin-bottom:6px;color:var(--bt-gold);font:700 8px 'DM Mono';letter-spacing:.18em}.bt-prompt-toast b{font-size:clamp(.9rem,2vw,1.15rem)}.bt-panel{display:grid;gap:10px;align-content:start}.bt-panel>section{padding:17px;border:1px solid #8ef8ee23;border-radius:18px;background:linear-gradient(145deg,#111a32dd,#090e20dd);box-shadow:inset 0 1px #ffffff0d}.bt-kicker{color:var(--bt-cyan);font:700 8px 'DM Mono';letter-spacing:.17em}.bt-panel h2{margin:9px 0;font-size:1.25rem;line-height:1.05}.bt-panel p{margin:0;color:#9da9bd;font-size:.82rem;line-height:1.5}.bt-power-list ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.bt-power-list li{min-width:0;padding:8px;border:1px solid #ffffff12;border-radius:11px;background:#070c1b;display:grid;grid-template-columns:24px 1fr;align-items:center}.bt-power-list i{grid-row:1/3;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#172544;color:var(--bt-gold);font-style:normal}.bt-power-list b{font:700 7px 'DM Mono';white-space:nowrap}.bt-power-list small{color:#697590;font-size:8px}.bt-best>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.bt-best b{color:var(--bt-gold);font:800 17px 'DM Mono'}.bt-how details{color:#dbe5f4}.bt-how summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;color:var(--bt-cyan);font:700 9px 'DM Mono';letter-spacing:.14em}.bt-how summary::-webkit-details-marker{display:none}.bt-how summary i{font-style:normal}.bt-how details[open] summary i{rotate:45deg}.bt-how p{margin-top:12px}.bt-mobile-controls{display:none}.bt-clear{overflow:hidden;background:radial-gradient(circle,#23436fd9,#050816f2 68%)}.bt-burst{position:absolute;width:240px;height:240px;display:grid;place-items:center}.bt-burst i{position:absolute;inset:0;border:2px solid var(--bt-cyan);border-radius:50%;box-shadow:0 0 40px #8ef8ee66;animation:btOrbit 3s linear infinite}.bt-burst i:nth-child(2){inset:32px;border-color:var(--bt-pink);animation-direction:reverse}.bt-burst b{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#14203b;font-size:34px;box-shadow:0 0 30px #fff,0 0 90px #8ef8ee}.bt-clear-copy{position:relative;z-index:2;animation:btRise .7s .3s both}.bt-clear-copy p{padding:14px;border:1px solid #fff09a44;border-radius:14px;background:#070c1bcc;color:#fff4c3}.bt-signals{place-items:start center;overflow:auto;background:#050816f3}.bt-signal-deck{width:min(800px,100%);padding:30px 0;text-align:left}.bt-signal-deck h2{margin:8px 0 22px;font-size:clamp(2rem,5vw,4rem);line-height:.9}.bt-signal-list{display:grid;gap:9px;margin-bottom:18px}.bt-signal-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #8ef8ee2e;border-radius:14px;background:#10172b}.bt-signal-list article>span{color:var(--bt-pink);font:700 9px 'DM Mono'}.bt-signal-list p{margin:0;line-height:1.35}.bt-signal-list button,.gameover>button:not(.bt-primary){min-height:36px;border:1px solid #8ef8ee55;border-radius:99px;background:#0c1428;color:#bffdf5;font:700 8px 'DM Mono';padding:0 12px}.gameover>button:not(.bt-primary){display:block;margin:10px auto}.home-icon.breakthrough-app{--icon-accent:#8ef8ee;--icon-accent-2:#ff9ed8}.home-icon.breakthrough-app i{background:linear-gradient(#10172d,#10172d) padding-box,linear-gradient(135deg,#8ef8ee,#9db6ff,#ff9ed8) border-box}@keyframes btOrbit{to{rotate:360deg}}@keyframes btRise{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.breakthrough-top{grid-template-columns:90px 1fr 112px;padding:7px 10px}.breakthrough-top>span{font-size:8px}.breakthrough-top button{padding:0 9px;font-size:7px}.breakthrough-top .bt-signals-button{display:none}.bt-shell{padding:10px 8px max(8px,env(safe-area-inset-bottom))}.bt-title{display:none}.bt-layout{display:block}.bt-panel{display:none}.bt-stage{border-radius:20px}.bt-hud{height:58px}.bt-hud span{padding-left:9px}.bt-hud b{font-size:11px}.bt-canvas-wrap{height:calc(100dvh - 178px);min-height:360px;aspect-ratio:auto}.bt-mobile-controls{height:100px;display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:8px;padding:8px;background:#080d1f}.bt-mobile-controls button{border:1px solid #8ef8ee55;border-radius:17px;background:#11182e;color:#eaffff;font-size:22px}.bt-mobile-controls .bt-launch{background:linear-gradient(105deg,#8ef8ee,#9db6ff,#ff9ed8);color:#07101e;font-size:10px;font-weight:900;letter-spacing:.08em}.bt-menu h2,.bt-count h2,.bt-clear-copy h2{font-size:clamp(2.55rem,12vw,4.4rem)}.bt-mark{width:94px}.bt-menu p,.bt-count p,.bt-clear-copy p{font-size:.9rem}.bt-burst{width:170px;height:170px}.bt-burst b{width:60px;height:60px}.bt-prompt-toast{bottom:10px;padding:13px}.bt-signal-deck{padding:10px 0}.bt-signal-list article{grid-template-columns:28px 1fr}.bt-signal-list article button{grid-column:2}.breakthrough-module[data-bt-state="playing"],.breakthrough-module[data-bt-state="ready"],.breakthrough-module[data-bt-state="paused"],.breakthrough-module[data-bt-state="clear"],.breakthrough-module[data-bt-state="gameover"]{height:100dvh;min-height:0;overflow:hidden}}
@media(max-width:390px){.breakthrough-top{grid-template-columns:75px 1fr 94px}.breakthrough-top .squad-home-shortcut b{display:none}.bt-hud small{font-size:6px}.bt-hud b{font-size:10px}.bt-canvas-wrap{height:calc(100dvh - 168px)}.bt-mobile-controls{height:92px}}
@media(prefers-reduced-motion:reduce){.breakthrough-module *{animation-duration:.01ms!important;animation-iteration-count:1!important}.bt-prompt-toast{transition:none}}
html[data-squad-theme="light"] .breakthrough-module{--bt-bg:#eaf5f6;background:radial-gradient(circle at 50% 0,#cad8ff,transparent 40%),#edf7f7;color:#172039}html[data-squad-theme="light"] .breakthrough-top{background:#edf7f2ef;color:#172039}html[data-squad-theme="light"] .bt-panel>section{background:#ffffffdd;color:#172039}html[data-squad-theme="light"] .bt-panel p{color:#52627a}
.breakthrough-top>.squad-home-shortcut{justify-self:start;width:auto}
