:root{color:#e4fcff;font-synthesis:none;--cyan:#43f2c2;--aqua:#28d9d2;--lime:#c7ff55;--ice:#e4fcff;--ink:#08252b;--danger:#ff536b;--speed-streak-opacity:0;background:#08252b;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);min-width:320px}button,input,select{font:inherit}button{cursor:pointer}#app{isolation:isolate;background:linear-gradient(#8fd8d6,#e4fcff 58%,#afdeda);position:relative}#app:after{content:"";z-index:8;pointer-events:none;opacity:var(--speed-streak-opacity);mix-blend-mode:screen;background:repeating-linear-gradient(132deg,#0000 0 10%,#e6fdff9e 10.15% 10.3%,#0000 10.45% 18%),radial-gradient(#0000 0 36%,#3ce7ff2e 76%,#0000 100%);transition:opacity .1s linear;position:fixed;inset:-8%;transform:scale(1.08)}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.is-hidden{display:none!important}#whiteout{z-index:30;pointer-events:none;opacity:0;mix-blend-mode:screen;background:#f6fdff;position:fixed;inset:0}#whiteout.flash{animation:.9s ease-out both whiteout}@keyframes whiteout{0%{opacity:0}25%{opacity:.92}to{opacity:0}}.panel-art{border:1px solid #cef4ff33;border-left:4px solid var(--cyan);clip-path:polygon(0 0,97% 0,100% 18%,97% 100%,4% 96%);background:linear-gradient(125deg,#ffffff0d,#02090e57),url(https://cdn.mint.gg/images/xn7fr88b4187tjpcgyz8r8797x8b307m/breakline-small-hud-panel-clean-40e3c8-f2ec840a89155773.png) 50%/142% 278% no-repeat,#030b12e0;position:relative;overflow:hidden;box-shadow:0 10px 26px #000c1752}#hud{z-index:10;pointer-events:none;text-transform:uppercase;position:fixed;inset:0}.hud-left,.hud-right{top:max(18px, env(safe-area-inset-top));gap:7px;display:grid;position:absolute}.hud-left{left:max(18px, env(safe-area-inset-left));width:210px}.hud-right{right:max(18px, env(safe-area-inset-right));text-align:right;width:240px}.speed-cluster{min-height:98px;padding:7px 13px 10px}.speed-cluster strong{letter-spacing:-.055em;text-shadow:4px 5px #102d3a;min-width:132px;font-size:clamp(3.5rem,6.2vw,5.7rem);font-style:italic;line-height:.82;display:inline-block}.speed-cluster>span{color:var(--lime);letter-spacing:.18em;font:800 .75rem/1 Segoe UI,sans-serif}#movement-callout{color:var(--cyan);letter-spacing:.07em;margin-top:7px;font-size:.86rem}.pursuer{grid-template-columns:52px 1fr;align-items:center;gap:7px;min-height:58px;padding:4px 12px 4px 6px;display:grid}.portrait{clip-path:polygon(8% 2%,90% 0,100% 84%,76% 100%,0 90%);background:#142832 50% 24%/205% no-repeat;border:1px solid #fff3;width:48px;height:48px}.portrait.bear{background-image:url(https://cdn.mint.gg/images/xn77266h70krg8rcef1he78k6h8b2qad/breakline-polar-bear-portrait-corrected-a3b41f-3d65a57ba8313a83.png)}.portrait.yeti{background-image:url(https://cdn.mint.gg/images/xn7as9gjdf58f4c7q2w13rznqs8b32v7/breakline-yeti-portrait-corrected-1e0200-dd34cd225886dd80.png);background-position:50% 22%;background-size:178%}.pursuer-copy{grid-template-columns:1fr auto;align-items:end;display:grid}.pursuer-copy b{color:#9fb5c0;text-align:left;letter-spacing:.12em;font-size:.7rem}.pursuer-copy strong{letter-spacing:.02em;min-width:63px;font-size:1.25rem;font-style:italic}.pursuer-copy em{color:var(--lime);text-align:right;letter-spacing:.12em;grid-column:1/-1;font:800 .57rem/1 Segoe UI,sans-serif}.pursuer.closing{border-color:var(--danger);border-left-color:var(--danger);animation:.55s ease-in-out infinite alternate danger-pulse}@keyframes danger-pulse{to{filter:drop-shadow(0 0 10px #ff4f65ad);transform:translate(3px)}}.score-cluster{min-height:83px;padding:10px 14px 8px}.score-cluster span,.special-cluster>span{color:var(--lime);letter-spacing:.22em;font:800 .66rem/1 Segoe UI,sans-serif}.score-cluster strong{letter-spacing:-.035em;min-width:190px;font-size:clamp(1.85rem,2.8vw,2.8rem);font-style:italic;line-height:1;display:block}.special-cluster{background:linear-gradient(#030b1257,#030b1294),url(https://cdn.mint.gg/images/xn79w1g13wjqn3mtyvwaf4k08h8b34kw/breakline-special-meter-backing-89350a-5734511cfb182052.png) 50%/140% 270% no-repeat,#07131d;padding:9px 13px 13px}#special-meter{grid-template-columns:repeat(10,1fr);gap:3px;margin-top:7px;display:grid;transform:skew(-12deg)}#special-meter i{background:#3d697e47;border:1px solid #5ee3ff40;height:15px}#special-meter i.filled{background:linear-gradient(90deg, var(--aqua), var(--cyan));box-shadow:0 0 10px #43f2c2bf}#special-meter.ready{animation:.42s steps(2,end) infinite special-ready}@keyframes special-ready{50%{filter:brightness(1.8)}}#route-ribbon{top:max(20px, env(safe-area-inset-top));clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:linear-gradient(90deg,#030c1326,#030c13a6,#030c1326);border:1px solid #e7faff47;width:min(350px,34vw);height:34px;position:absolute;left:50%;transform:translate(-50%)skew(-12deg)}#route-ribbon:after{content:"";background:#def8ff40;height:2px;position:absolute;inset:15px 8%}.route-dot{z-index:1;background:#fff;border:2px solid #07131d;border-radius:50%;width:11px;height:11px;position:absolute;top:11px;transform:skew(12deg)}.route-dot.player{background:var(--cyan);box-shadow:0 0 12px var(--cyan);left:62%}.route-dot.yeti{background:#ff5e70;left:45%}.route-dot.bear{background:#e6f6ff;left:28%}#center-callout{text-align:center;opacity:0;min-width:330px;position:absolute;top:22%;left:50%;transform:translate(-50%)rotate(-2deg)}#center-callout.show{animation:.9s ease-out both callout}#trick-callout{color:#fff;border-left:6px solid var(--lime);text-shadow:3px 3px #0b839b;clip-path:polygon(3% 0,100% 4%,96% 100%,0 92%);background:#040c13cc;padding:5px 20px;font-size:clamp(1.8rem,4vw,4rem);font-style:italic;display:inline-block}#combo-value{color:var(--cyan);letter-spacing:.1em;text-shadow:2px 2px #07131d;font-size:1.3rem;display:block}@keyframes callout{0%{opacity:0;transform:translate(-50%)scale(.65)rotate(-5deg)}16%,72%{opacity:1;transform:translate(-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%)translateY(-16px)scale(1.06)}}#danger-vignette{opacity:0;transition:opacity .16s;position:absolute;inset:0;box-shadow:inset 0 0 100px 25px #ff2646e6}#danger-vignette.active{opacity:1;animation:.4s ease-in-out infinite alternate vignette}@keyframes vignette{to{opacity:.48}}.game-screen{z-index:20;color:#f5fbff;background:radial-gradient(circle at 50% 40%,#1c576f14,#040c137a);place-items:center;padding:24px;display:none;position:fixed;inset:0}.game-screen.active{display:grid}#screen-title{background:linear-gradient(105deg,#020c12c7 0 40%,#020c1214 70%);align-content:center;justify-items:center;gap:26px}.title-lockup{text-align:center;filter:drop-shadow(0 16px 22px #00000061);width:min(760px,84vw);position:relative;transform:rotate(-2deg)}.title-lockup:before{content:"";z-index:-1;mix-blend-mode:multiply;opacity:.28;background:url(https://cdn.mint.gg/images/xn74v4nkea05aekt8jdez4f4jx8b38ka/breakline-title-art-c8d9de-6071553b67a14740.png) 50%/contain no-repeat;position:absolute;inset:-68px -80px;transform:rotate(1deg)}.title-lockup h1{color:#edfaff;letter-spacing:-.07em;text-shadow:.055em .055em #075976,.105em .105em #07131d;margin:0;font-size:clamp(5rem,14vw,11rem);font-style:italic;line-height:.74}.title-lockup h1 span{color:var(--cyan);display:inline-block}.title-lockup p{color:var(--lime);letter-spacing:.55em;margin:0 0 10px;font:900 clamp(.68rem,1.4vw,.95rem)/1 Segoe UI,sans-serif}.title-lockup .title-sub{color:#fff;letter-spacing:.7em;margin:27px 0 0}.menu-actions{grid-template-columns:repeat(3,minmax(120px,170px));gap:9px;display:grid}.menu-actions button,.menu-panel button{color:#fff;letter-spacing:.12em;clip-path:polygon(4% 0,100% 0,96% 100%,0 91%);background:#040c13d6;border:1px solid #ddf8ff47;min-height:48px;padding:10px 20px}.menu-actions button:hover,.menu-panel button:hover,button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:2px solid #0000}.menu-actions .primary,.menu-panel .primary{color:#041019;border-color:var(--cyan);background:var(--cyan)}#asset-status{color:#e2f6ff8c;text-align:center;letter-spacing:.08em;max-width:520px;margin:0;font:600 .66rem/1.4 Segoe UI,sans-serif}.menu-panel{border:1px solid #daf7ff4d;border-left:8px solid var(--cyan);clip-path:polygon(0 0,97% 0,100% 8%,98% 100%,3% 98%);background:linear-gradient(#030c13db,#030c13f0),url(https://cdn.mint.gg/images/xn77f4x1phgp875hwbfd0emn658b3faw/breakline-large-hud-panel-714598-db9bf0cee418bc99.png) 50%/148% 290% no-repeat,#031019;width:min(610px,92vw);max-height:90vh;padding:clamp(24px,5vw,46px);overflow:auto;box-shadow:0 30px 80px #00000085}.menu-panel .eyebrow{color:var(--lime);letter-spacing:.35em;margin:0;font:800 .72rem/1 Segoe UI,sans-serif}.menu-panel h2{margin:5px 0 24px;font-size:clamp(2.6rem,7vw,5rem);font-style:italic;line-height:.85}.menu-panel>button{width:100%;margin-top:8px}.menu-panel label{letter-spacing:.06em;grid-template-columns:110px 1fr;align-items:center;gap:16px;margin:18px 0;font:700 .82rem/1 Segoe UI,sans-serif;display:grid}.menu-panel input[type=range]{accent-color:var(--cyan)}.menu-panel select{color:#fff;background:#0b202c;border:1px solid #436474;min-height:36px}.menu-panel .toggle{grid-template-columns:20px 1fr}.controls-grid{grid-template-columns:1fr 1fr;gap:7px 20px;font:650 .78rem/1.5 Segoe UI,sans-serif;display:grid}kbd{min-width:27px;color:var(--cyan);text-align:center;background:#0c222e;border:1px solid #668493;margin-right:3px;padding:2px 6px;display:inline-block}.menu-panel>p:not(.eyebrow){color:#91aeba;font:600 .73rem/1.5 Segoe UI,sans-serif}.pause-panel{width:min(880px,96vw);max-height:calc(100vh - 32px);padding:clamp(18px,3vw,32px);overflow:auto}.pause-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.pause-heading h2{margin-bottom:12px}.pause-hint{color:#91aeba;letter-spacing:.12em;flex:none;margin:0 0 12px;font:800 .66rem/1 Segoe UI,sans-serif}.pause-controls{border-top:1px solid #daf7ff2e}.pause-controls h3{color:var(--lime);letter-spacing:.2em;margin:10px 0 6px;font:900 .72rem/1 Segoe UI,sans-serif}.control-table{font:700 .66rem/1.1 Segoe UI,sans-serif}.control-row{border-bottom:1px solid #daf7ff1a;grid-template-columns:minmax(150px,1.25fr) minmax(170px,1fr) minmax(150px,1fr);align-items:center;min-height:27px;display:grid}.control-row>*{min-width:0;padding:3px 8px}.control-row>:first-child{color:#eafaff;letter-spacing:.04em;padding-left:0}.control-row>:last-child{padding-right:0}.control-row kbd{min-width:24px;padding:2px 5px;font-size:.62rem;line-height:1.1}.control-header{color:#7595a4;letter-spacing:.13em;min-height:22px;font-size:.56rem}.control-header>:first-child{color:#7595a4}.touch-control-summary{color:#91aeba;letter-spacing:.02em;margin:7px 0 0;font:650 .62rem/1.3 Segoe UI,sans-serif}.touch-control-summary b{color:var(--cyan)}.pause-actions{grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-top:12px;display:grid}.pause-actions button{min-height:44px;padding:8px 12px}.results dl{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;display:grid}.results dl div{border-bottom:1px solid #ffffff21;padding:10px 12px}.results dt{color:#85a5b4;text-transform:uppercase;letter-spacing:.1em;font:700 .62rem/1 Segoe UI,sans-serif}.results dd{color:#fff;margin:4px 0 0;font-size:1.35rem}#debug-overlay{z-index:50;white-space:pre;color:#b9ff38;pointer-events:none;background:#000a08d6;border:1px solid #b9ff3859;width:270px;padding:10px 12px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:16px;right:16px}#touch-controls{right:max(15px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(15px, env(safe-area-inset-left));z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:fixed}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#040c1366;border:2px solid #dff8ff52;border-radius:50%;width:116px;position:relative}#touch-knob{aspect-ratio:1;background:#43f2c2cc;border-radius:50%;width:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #43f2c280}.touch-actions{pointer-events:auto;grid-template-columns:repeat(2,66px);gap:8px;display:grid}.touch-actions button{color:#fff;touch-action:none;background:#040c13ad;border:1px solid #dcf8ff4d;border-radius:50%;width:66px;height:58px;font-size:.61rem}.touch-actions button.active,.touch-actions .cyan{color:#05131b;background:#43f2c2d6}@media (pointer:coarse),(width<=760px){.hud-left{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));width:152px}.hud-right{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));width:158px}.speed-cluster{min-height:72px;padding:6px 9px}.speed-cluster strong{min-width:92px;font-size:3.15rem}#movement-callout{margin-top:3px;font-size:.63rem}.pursuer{grid-template-columns:36px 1fr;min-height:45px;padding:3px 7px 3px 4px}.portrait{width:34px;height:34px}.pursuer-copy b,.pursuer-copy em{font-size:.48rem}.pursuer-copy strong{min-width:47px;font-size:.85rem}.score-cluster{min-height:62px;padding:7px 9px}.score-cluster strong{min-width:135px;font-size:2rem}.special-cluster{padding:6px 8px 9px}#special-meter{gap:2px;margin-top:4px}#special-meter i{height:10px}#route-ribbon{width:44vw;top:115px}#center-callout{min-width:260px;top:27%}#trick-callout{font-size:1.6rem}.menu-actions{grid-template-columns:1fr;width:min(280px,80vw)}.title-lockup h1{font-size:clamp(4.2rem,18vw,7rem)}.title-lockup p{letter-spacing:.32em}.controls-grid{grid-template-columns:1fr}.pause-panel{width:min(94vw,620px);max-height:calc(100vh - 16px);padding:15px 17px 17px}.pause-heading{align-items:center}.pause-heading h2{margin:3px 0 8px;font-size:clamp(2rem,10vw,3rem)}.pause-hint{margin-bottom:8px}.pause-controls h3{margin-top:7px}.control-row{grid-template-columns:minmax(102px,1.25fr) minmax(106px,1fr) minmax(84px,.8fr);min-height:25px;font-size:.58rem}.control-row>*{padding:2px 4px}.control-row kbd{min-width:20px;margin-right:2px;padding:2px 3px;font-size:.54rem}.touch-control-summary{font-size:.56rem}.pause-actions{margin-top:9px}.pause-actions button{letter-spacing:.06em;min-height:42px;padding:7px 5px;font-size:.63rem}#touch-controls.playing{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
