.br-ui{--ink:#1b1030;--white:#fffaf0;--banana:#ffd83a;--banana-deep:#f5a300;--good:#46e07a;--danger:#ff4d5e;--sky:#5fd0ff;--accent:#ffd23a;--accent2:#3ccf6e;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--spring:cubic-bezier(.34, 1.56, .64, 1);--spring-hard:cubic-bezier(.3, 1.9, .5, 1);--panel-bg:linear-gradient(180deg, #3e2476db 0%, #1e113ae6 100%);color:var(--white);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Nunito,system-ui,sans-serif;font-weight:800;line-height:1.15;position:absolute;inset:0;overflow:hidden}.br-ui *,.br-ui :before,.br-ui :after{box-sizing:border-box}.br-defs{width:0;height:0;position:absolute;overflow:hidden}:where(.br-ui) button{font:inherit;color:inherit;appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none;margin:0}.ico{flex:none;display:block}.stroke{letter-spacing:.02em;-webkit-text-stroke:var(--sw,.16em) var(--ink);paint-order:stroke fill;text-shadow:0 var(--depth,.09em) 0 var(--ink);font-family:Lilita One,Nunito,sans-serif;font-weight:400}.stroke-thin{-webkit-text-stroke:var(--sw,.2em) var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);font-weight:900}.candy{white-space:nowrap;--fill:linear-gradient(180deg, #fff 0%, #fff 50%, #dfe6ff 54%, #b9c4f2 100%);--sw:.2em;--depth:.1em;align-items:baseline;font-family:Lilita One,Nunito,sans-serif;font-weight:400;line-height:1;display:inline-flex}.candy-l{color:#0000;display:inline-block;position:relative}.candy-l:before,.candy-l:after{content:attr(data-t);position:absolute;top:0;left:0}.candy-l:before{color:var(--ink);-webkit-text-stroke:var(--sw) var(--ink);text-shadow:0 var(--depth) 0 var(--ink), 0 calc(var(--depth) + .06em) .12em #0a041e73}.candy-l:after{background:linear-gradient(115deg, transparent 42%, #fffffff2 50%, transparent 58%) no-repeat, var(--fill);color:#0000;background-position:120% 0,0 0;background-size:300% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}.candy-yellow{--fill:linear-gradient(180deg, #fffbd0 0%, #ffe54a 42%, #ffc400 52%, #ff9500 100%)}.candy-blue{--fill:linear-gradient(180deg, #eafcff 0%, #8fe6ff 42%, #36b8ff 52%, #1f6fe0 100%)}.candy-red{--fill:linear-gradient(180deg, #ffe0e3 0%, #ff8a95 42%, #ff4057 52%, #c9173a 100%)}.candy-white{--fill:linear-gradient(180deg, #fff 0%, #fff 48%, #e3e8ff 53%, #b7c1f0 100%)}.scr{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s linear .25s;position:absolute;inset:0}.scr.is-on{opacity:1;visibility:visible;transition:opacity .2s}.scr:not(.is-on),.scr:not(.is-on) *,.scr:not(.is-on) :before,.scr:not(.is-on) :after,.hud:not(.is-on) *,.boot:not(.is-on),.boot:not(.is-on) *{animation-play-state:paused!important}.dim{pointer-events:auto;background:radial-gradient(at 50% 45%,#1b103059 0%,#1b1030cc 100%);position:absolute;inset:0}.dim-soft{background:radial-gradient(at 50% 45%,#1b103026 0%,#1b1030b3 100%)}.dim-red{background:radial-gradient(at 50% 45%,#500a2859 0%,#1b061cd9 100%)}.panel{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border:4px solid var(--ink);box-shadow:inset 0 0 0 3px #ffffff24, inset 0 4px 0 #ffffff38, 0 10px 0 var(--ink), 0 26px 60px #0802188c;text-align:center;border-radius:30px;padding:26px 28px 28px;position:relative}.panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#fff0);border-radius:22px 22px 60% 60%/22px 22px 30px 30px;height:38%;position:absolute;top:8px;left:14px;right:14px}.scr.is-on .panel{animation:panelIn .6s var(--spring) both}@keyframes panelIn{0%{opacity:0;transform:translateY(40px)scale(.7)}60%{opacity:1}to{opacity:1;transform:none}}.panel-title{margin:-2px 0 4px;font-size:clamp(34px,6.4vmin,58px);position:relative}.panel-sub{color:#fffaf0c7;margin-bottom:18px;font-size:clamp(14px,2vmin,18px);font-weight:800;position:relative}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid var(--ink);background:linear-gradient(#2816509e,#1b1030b3);border-radius:18px;box-shadow:inset 0 2px #ffffff2e,0 6px #1b1030d9}.pill{border:3px solid var(--ink);box-shadow:inset 0 2px 0 #fff3, 0 5px 0 var(--ink);white-space:nowrap;background:linear-gradient(#321c60cc,#1b1030d9);border-radius:999px;align-items:center;gap:8px;padding:5px 16px 5px 6px;font-size:18px;display:inline-flex}.pill .ico{width:34px;height:34px}.pill-val{color:var(--banana);font-size:1.35em}.pill-sub{color:#fffaf0b3;font-weight:900}.pill-lbl{color:#fffaf0cc;text-transform:uppercase;letter-spacing:.04em;font-size:max(12px,.8em);font-weight:900}.btn{--l:#b9f1ff;--b:#3fc4ff;--d:#1f86e8;cursor:pointer;pointer-events:auto;min-width:10.5em;transition:scale .25s var(--spring);background:0 0;border:0;border-radius:999px;padding:0 0 7px;font-size:clamp(20px,3.3vmin,30px);display:block;position:relative}.btn[data-size=lg]{font-size:clamp(24px,4.2vmin,38px)}.btn[data-size=sm]{min-width:0;font-size:clamp(15px,2vmin,19px)}.btn[data-v=yellow]{--l:#fff6a8;--b:#ffcf2a;--d:#f39200}.btn[data-v=green]{--l:#c4ffb8;--b:#4be27c;--d:#16a64e}.btn[data-v=blue]{--l:#c2f3ff;--b:#3fc4ff;--d:#1d7ee6}.btn[data-v=pink]{--l:#ffd0e0;--b:#ff6292;--d:#d92f67}.btn[data-v=purple]{--l:#e6d2ff;--b:#a66bff;--d:#7137de}.btn[data-v=grey]{--l:#f4f5f9;--b:#bec5d6;--d:#8a92a6}.btn-face{border-radius:inherit;border:.16em solid var(--ink);background:linear-gradient(180deg, var(--l) 0%, var(--b) 48%, var(--d) 100%);box-shadow:inset 0 .16em 0 #ffffffa6, inset 0 -.18em 0 #00000029, 0 .3em 0 var(--ink), 0 .55em .9em #08021866;justify-content:center;align-items:center;gap:.35em;padding:.42em 1.3em .5em;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:flex;position:relative}.btn-face:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#ffffff1a);border-radius:999px;height:38%;position:absolute;top:.14em;left:.7em;right:.7em}.btn-label{color:#fff;--sw:.2em;--depth:.08em;white-space:nowrap;position:relative}.btn-note{color:var(--ink);background:#ffffffbf;border-radius:999px;margin-left:.2em;padding:.1em .55em;font-size:max(12px,.55em);font-weight:900;position:relative}.btn .ico{width:1.2em;height:1.2em;position:relative}.btn:active .btn-face,.btn.is-press .btn-face{box-shadow:inset 0 .16em 0 #ffffffa6, inset 0 -.18em 0 #00000029, 0 .06em 0 var(--ink), 0 .2em .4em #08021859;transform:translateY(.24em)}.is-focus{z-index:2}.btn.is-focus{scale:1.07}.btn.is-focus:after,.btn-round.is-focus:after,.lvl-card.is-focus:after,.sel-tab.is-focus:after,.opt-row.is-focus:after{content:"";box-shadow:0 0 0 3px var(--ink), 0 0 22px 4px #ffffff8c, inset 0 0 0 3px var(--ink);pointer-events:none;border:4px solid #fff;border-radius:999px;animation:1.1s ease-in-out infinite ringPulse;position:absolute;inset:-9px -9px -2px}@keyframes ringPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.025)}}[data-device=touch] .is-focus:after{display:none}[data-device=touch] .btn.is-focus{scale:1}.btn-round{pointer-events:auto;cursor:pointer;border:4px solid var(--ink);width:58px;height:58px;box-shadow:inset 0 3px 0 #ffffffb3, 0 6px 0 var(--ink), 0 10px 18px #08021859;transition:transform 80ms, box-shadow 80ms, scale .25s var(--spring);background:linear-gradient(#fff6a8 0%,#ffcf2a 50%,#f39200 100%);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.btn-round .ico{width:30px;height:30px;margin-left:-3px}.btn-round:active,.btn-round.is-press{box-shadow:inset 0 3px 0 #ffffffb3, 0 1px 0 var(--ink);transform:translateY(5px)}.btn-round.is-focus{scale:1.1}.btn-round.is-focus:after{border-radius:50%;inset:-9px}.btn-col{flex-direction:column;align-items:stretch;gap:16px;display:flex;position:relative}.btn-row{flex-wrap:wrap;justify-content:center;gap:14px 16px;display:flex;position:relative}.btn-row .btn{min-width:8.5em}.keycap{min-width:1.9em;height:1.9em;color:var(--ink);border:2px solid var(--ink);box-shadow:0 .16em 0 var(--ink);white-space:nowrap;background:linear-gradient(#fff,#dde2f0);border-radius:.45em;place-items:center;padding:0 .45em;font:900 max(12px,.78em) Nunito,sans-serif;display:inline-grid}.keycap.round{border-radius:50%;width:1.9em;padding:0}.keycap.pad-a{background:linear-gradient(#b6ffc8,#3fcf6f)}.keycap.pad-b{background:linear-gradient(#ffc2c8,#ff4d5e)}.keycap.pad-y{background:linear-gradient(#fff6a8,#ffcf2a)}.scr-title{padding:calc(3vh + var(--sat)) calc(16px + var(--sar)) calc(14px + var(--sab)) calc(16px + var(--sal));flex-direction:column;align-items:center;display:flex}.scr-title:before{content:"";pointer-events:none;background:radial-gradient(70% 45% at 50% 22%,#1b103047,#0000 70%),linear-gradient(#0000 72%,#1b10308c 100%);position:absolute;inset:0}.title-top{flex-direction:column;align-items:center;display:flex;position:relative}.logo{filter:drop-shadow(0 .08em .1em #0a041e59);flex-direction:column;align-items:center;padding-top:.12em;font-size:clamp(58px,14.5vmin,158px);line-height:.86;display:flex;position:relative;transform:rotate(-4deg)}.logo-line{align-items:center;display:flex;position:relative}.logo-l2{margin-top:.02em;margin-left:.5em}.logo .candy{--sw:.19em;--depth:.1em}.logo .candy-l{animation:logoDrop .9s var(--spring-hard) both, logoWobble 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms), calc(1.2s + var(--i) * .11s)}.logo .candy-l:after{animation:4.5s ease-in-out infinite shine;animation-delay:calc(1.6s + var(--i) * 60ms)}@keyframes logoDrop{0%{opacity:0;transform:translateY(-1.2em)scale(.3)rotate(-25deg)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes logoWobble{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-.06em)rotate(-3deg)}50%{transform:translateY(.015em)rotate(0)}75%{transform:translateY(-.04em)rotate(3deg)}}@keyframes shine{0%,55%{background-position:120% 0,0 0}85%,to{background-position:-20% 0,0 0}}.logo-banana{width:.95em;height:.95em;filter:drop-shadow(0 .05em 0 var(--ink));animation:bananaIn .9s var(--spring-hard) .55s both, bananaBob 2.4s ease-in-out 1.5s infinite;position:absolute;top:-.12em;right:-.78em}@keyframes bananaIn{0%{opacity:0;transform:translate(.8em,-.8em)rotate(120deg)scale(.2)}to{opacity:1;transform:rotate(18deg)}}@keyframes bananaBob{0%,to{transform:rotate(18deg)translateY(0)}50%{transform:rotate(8deg)translateY(-.08em)}}.logo-ball{width:.84em;height:.84em;animation:ballIn 1s var(--spring-hard) .45s both, ballRock 2.6s ease-in-out 1.5s infinite;align-self:center;margin:0 .02em;display:inline-block;position:relative;transform:translateY(.02em)}.logo-ball-svg{width:100%;height:100%;filter:drop-shadow(0 .07em 0 var(--ink));display:block}@keyframes ballIn{0%{opacity:0;transform:translate(-3em)rotate(-540deg)scale(.6)}70%{opacity:1}to{opacity:1;transform:translateY(.02em)}}@keyframes ballRock{0%,to{transform:translateY(.02em)rotate(-10deg)}50%{transform:translateY(-.05em)rotate(10deg)}}.sparkle{background:radial-gradient(circle, #fff 0 18%, transparent 20%), conic-gradient(from 45deg, transparent 0 20%, #fff 22% 28%, transparent 30% 45%, #fff 47% 53%, transparent 55% 70%, #fff 72% 78%, transparent 80%);width:.22em;height:.22em;animation:2.2s ease-in-out infinite twinkle;animation-delay:calc(var(--s) * .45s);opacity:0;position:absolute;-webkit-mask:radial-gradient(circle,#000 0 30%,#0000 72%);mask:radial-gradient(circle,#000 0 30%,#0000 72%)}.sparkle:first-of-type{top:.1em;left:-.3em}.sparkle:nth-of-type(2){top:1.1em;right:.2em}.sparkle:nth-of-type(3){top:-.25em;left:1.8em}.sparkle:nth-of-type(4){bottom:.05em;left:.2em}.sparkle:nth-of-type(5){bottom:.4em;right:-.4em}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.logo-small{font-size:clamp(40px,8vmin,80px)}.title-sub{text-align:center;color:#fff;--sw:.28em;margin:clamp(10px,2.2vh,22px) 0 0;font-size:clamp(14px,2.2vmin,21px);animation:.6s .9s both fadeUp;position:relative}.title-menu{flex-direction:column;align-items:stretch;gap:clamp(12px,2vh,18px);margin-top:clamp(16px,4.5vh,48px);display:flex;position:relative}.title-menu .btn{animation:btnIn .6s var(--spring) both}.title-menu .btn:first-child{animation-delay:.95s}.title-menu .btn:nth-child(2){animation-delay:1.05s}.title-menu .btn:nth-child(3){animation-delay:1.15s}@keyframes btnIn{0%{opacity:0;transform:translateY(30px)scale(.8)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.title-footer{right:calc(16px + var(--sar));bottom:calc(16px + var(--sab));flex-direction:column;align-items:flex-end;gap:12px;animation:.6s 1.3s both fadeUp;display:flex;position:absolute}.controls-hint{left:calc(16px + var(--sal));bottom:calc(16px + var(--sab));flex-direction:column;gap:7px;max-width:44vw;padding:10px 14px 12px;font-size:14px;animation:.6s 1.4s both fadeUp;display:flex;position:absolute}.ch-title{color:var(--banana);letter-spacing:.05em;text-transform:uppercase;font-family:Lilita One,sans-serif;font-size:15px;font-weight:400}.ch-row{color:#fffaf0eb;flex-wrap:wrap;align-items:center;gap:5px 6px;display:flex}.ch-row>span:not(.keycap):not(.ch-joy){margin-right:6px}.ch-sep{opacity:.6}.ch-joy{background:#ffffff1f;border:3px solid #fffc;border-radius:50%;width:30px;height:30px;position:relative}.ch-joy i{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:2s ease-in-out infinite joy;position:absolute;top:50%;left:50%}@keyframes joy{0%,to{transform:translate(0)}25%{transform:translate(6px,-4px)}50%{transform:translate(-5px,-6px)}75%{transform:translate(-6px,5px)}}.title-version{right:calc(14px + var(--sar));top:calc(10px + var(--sat));color:#ffffff80;font-size:12px;font-weight:900;position:absolute}.scr-select{padding:calc(14px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));background:linear-gradient(#1b10308c 0%,#1b103040 40%,#1b103099 100%);flex-direction:column;align-items:center;gap:clamp(10px,2vh,18px);display:flex;overflow-y:auto}.scr-select.is-on{pointer-events:auto}.sel-head{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(1120px,100%);display:grid}.sel-title{text-align:center;color:#fff;--sw:.2em;--depth:.1em;margin:0;font-size:clamp(30px,5.6vmin,54px)}.scr-select.is-on .sel-title{animation:fadeUp .5s var(--spring) both}.sel-tabs{grid-template-columns:repeat(3,1fr);gap:12px;width:min(1120px,100%);display:grid}.sel-tab{--tc1:#7fe3ff;--tc2:#3ccf6e;pointer-events:auto;cursor:pointer;border:4px solid var(--ink);box-shadow:inset 0 3px 0 #ffffff2e, 0 6px 0 var(--ink);text-align:left;transition:transform .25s var(--spring), background .2s;background:linear-gradient(#3e2476d9,#1e113ae6);border-radius:20px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:relative}.sel-tab[data-theme=jungle]{--tc1:#6fe38a;--tc2:#1f9e55}.sel-tab[data-theme=sunset]{--tc1:#ffb36b;--tc2:#ff4f86}.sel-tab[data-theme=space]{--tc1:#6fe9ff;--tc2:#8a4dff}.sel-tab.is-active{background:linear-gradient(180deg, var(--tc1), var(--tc2));transform:translateY(-3px)}.sel-tab.is-focus:after{border-radius:26px;inset:-9px}.sel-tab-num{border:3px solid var(--ink);color:#fff;background:linear-gradient(#fff6a8,#ffcf2a 55%,#f39200);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:26px;display:grid;box-shadow:inset 0 2px #ffffffb3}.sel-tab-name{color:#fff;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;flex:1;min-width:0;font-size:clamp(14px,1.8vmin,18px);font-weight:900;line-height:1.1}.sel-tab-stars{white-space:nowrap;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;align-items:center;gap:3px;font-size:15px;font-weight:900;display:flex}.sel-tab-stars .ico{width:22px;height:22px}.sel-cards{flex:none;width:min(1120px,100%)}.sel-group{grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vmin,20px);padding:8px 4px 14px;display:none}.sel-group.is-active{display:grid}.lvl-card{--sky1:#7fe3ff;--sky2:#d4f9c9;--f1:#59c957;--f2:#7ee07a;--orb:#fff4a8;pointer-events:auto;cursor:pointer;border:4px solid var(--ink);box-shadow:inset 0 0 0 2px #ffffff1f, 0 8px 0 var(--ink), 0 16px 30px #08021866;text-align:left;transition:transform .25s var(--spring);animation:cardIn .55s var(--spring) both;animation-delay:calc(var(--k) * 60ms);background:linear-gradient(#3e2476f2,#1e113af7);border-radius:24px;flex-direction:column;padding:0;display:flex;position:relative}.lvl-card[data-theme=sunset]{--sky1:#ff7eb0;--sky2:#ffd08a;--f1:#ffcf8a;--f2:#ffae6b;--orb:#fff1b8}.lvl-card[data-theme=space]{--sky1:#120733;--sky2:#4b1d8a;--f1:#2a1e5c;--f2:#43309a;--orb:#ff7ad9}@keyframes cardIn{0%{opacity:0;transform:translateY(26px)scale(.85)}to{opacity:1;transform:none}}.lvl-card.is-focus{transform:translateY(-6px)scale(1.04)}.lvl-card.is-focus:after{border-radius:30px;inset:-10px}.lvl-card:active{transform:translateY(2px)scale(.99)}.lvl-art{background:linear-gradient(180deg, var(--sky1), var(--sky2));border-bottom:4px solid var(--ink);border-radius:20px 20px 0 0;height:clamp(78px,15vh,140px);position:relative;overflow:hidden}.lvl-art:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #fff, var(--orb) 55%, color-mix(in srgb, var(--orb) 70%, #ff7a00) 100%);width:20%;box-shadow:0 0 24px var(--orb);border-radius:50%;position:absolute;top:10%;right:12%}.lvl-art:after{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000 45%);position:absolute;inset:0}.lvl-floor{background:repeating-conic-gradient(var(--f1) 0 25%, var(--f2) 0 50%) 50% 0 / 28px 28px;transform-origin:50% 100%;border-top:5px solid #fff9;height:58%;position:absolute;bottom:-2px;left:-10%;right:-10%;transform:perspective(90px)rotateX(38deg)}.lvl-card[data-theme=space] .lvl-floor{border-top-color:#39e6ff;box-shadow:0 -4px 18px #39e6ff}.lvl-id{z-index:1;color:#fff;--sw:.2em;font-size:clamp(28px,4.4vmin,42px);position:absolute;top:8px;left:12px}.lvl-body{flex-direction:column;gap:7px;padding:10px 12px 12px;display:flex}.lvl-name{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,1.9vmin,18px);font-weight:900;overflow:hidden}.lvl-stars{gap:4px;display:flex}.lvl-stars .star-slot{width:clamp(24px,3.6vmin,32px)}.lvl-stats{color:#fffaf0e0;gap:12px;font-size:clamp(12px,1.6vmin,15px);font-weight:900;display:flex}.lvl-stat{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.lvl-stat .ico{width:1.35em;height:1.35em}.lvl-lock{-webkit-backdrop-filter:grayscale()blur(1.5px);backdrop-filter:grayscale()blur(1.5px);color:#e3e0ee;background:linear-gradient(#281e40b8,#140c24db);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:20px;display:none;position:absolute;inset:0}.lvl-lock .ico{width:56px;height:56px;filter:drop-shadow(0 4px 0 var(--ink))}.lvl-card.is-locked .lvl-lock{display:flex}.lvl-card.is-locked{cursor:not-allowed}.shake{animation:.42s both shake!important}@keyframes shake{0%,to{translate:0}20%{translate:-10px}40%{translate:9px}60%{translate:-6px}80%{translate:4px}}.star-slot{aspect-ratio:1;display:inline-block;position:relative}.star-slot .ico{width:100%;height:100%;position:absolute;inset:0}.star-slot .ico-star:last-child{opacity:0;transform:scale(.2)}.star-slot.on .ico-star:last-child,.on>.star-slot .ico-star:last-child{opacity:1;transform:none}.scr-intro{padding:calc(12vh + var(--sat)) 0 0 0;flex-direction:column;align-items:flex-start;gap:14px;display:flex}.intro-tap{pointer-events:auto;position:absolute;inset:0}.intro-band{padding:16px clamp(60px, 10vw, 140px) 20px calc(clamp(22px, 5vw, 64px) + var(--sal));clip-path:polygon(0 0,100% 0,calc(100% - 50px) 100%,0 100%);border-top:5px solid var(--accent);pointer-events:none;background:linear-gradient(90deg,#1b1030f0 0%,#1b1030db 75%,#1b103000 100%);position:relative}.intro-band:after{content:"";background:var(--accent2);height:5px;position:absolute;bottom:0;left:0;right:50px}.scr-intro.is-on .intro-band{animation:bandIn .7s var(--spring) both}@keyframes bandIn{0%{transform:translate(-105%)}to{transform:none}}.intro-world{letter-spacing:.08em;text-transform:uppercase;color:var(--accent2);filter:brightness(1.25);font-size:clamp(13px,1.9vmin,18px);font-weight:900}.intro-id{color:var(--accent);margin-top:4px;font-size:clamp(26px,4.8vmin,46px)}.intro-name{color:#fff;--sw:.16em;font-size:clamp(38px,8.5vmin,88px);line-height:1.02}.scr-intro.is-on .intro-id{animation:slideR .6s var(--spring) .2s both}.scr-intro.is-on .intro-name{animation:slideR .7s var(--spring) .3s both}@keyframes slideR{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}.intro-hint{margin-left:calc(clamp(22px, 5vw, 64px) + var(--sal));max-width:min(640px,90vw);color:var(--ink);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);pointer-events:none;background:#fffaf0;border-radius:20px;align-items:center;gap:10px;margin-right:16px;padding:10px 18px 10px 10px;font-size:clamp(15px,2.2vmin,20px);font-weight:900;display:flex;position:relative}.intro-hint .ico{width:38px;height:38px}.intro-hint:before{content:"";border:10px solid #0000;border-bottom:12px solid var(--ink);position:absolute;top:-16px;left:34px}.scr-intro.is-on .intro-hint{animation:popIn .55s var(--spring) .55s both}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.intro-meta{margin-left:calc(clamp(22px, 5vw, 64px) + var(--sal));pointer-events:none;flex-wrap:wrap;gap:10px;display:flex}.intro-chip,.res-chip{border:3px solid var(--ink);box-shadow:inset 0 2px 0 #ffffff2e, 0 4px 0 var(--ink);color:#fff;background:linear-gradient(#321c60d9,#1b1030e6);border-radius:999px;align-items:center;gap:6px;padding:4px 14px 4px 5px;font-size:clamp(18px,2.6vmin,24px);display:inline-flex}.intro-chip .ico,.res-chip .ico{width:1.6em;height:1.6em}.scr-intro.is-on .intro-chip{animation:popIn .5s var(--spring) both}.scr-intro.is-on .intro-chip:first-child{animation-delay:.75s}.scr-intro.is-on .intro-chip:nth-child(2){animation-delay:.85s}.scr-intro.is-on .intro-chip:nth-child(3){animation-delay:.95s}.intro-bottom{left:50%;bottom:calc(22px + var(--sab));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.intro-skip{color:#fff;--sw:.26em;font-size:clamp(15px,2.2vmin,20px);animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}.intro-bar{border:2px solid var(--ink);background:#1b103099;border-radius:99px;width:min(260px,60vw);height:8px;overflow:hidden}.intro-bar-fill{background:linear-gradient(90deg, var(--accent2), var(--accent));transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.hud{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s;position:absolute;inset:0}.hud.is-on{opacity:1;visibility:visible;transition:opacity .3s}.hud.is-dimmed{opacity:.35}.hud-top{top:calc(12px + var(--sat));left:calc(14px + var(--sal));right:calc(14px + var(--sar));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px;display:grid;position:absolute}[data-device=touch] .hud-top{right:calc(78px + var(--sar))}.hud.is-on .hud-top>*{animation:hudDrop .6s var(--spring) both}.hud.is-on .hud-top>:nth-child(2){animation-delay:50ms}.hud.is-on .hud-top>:nth-child(3){animation-delay:.1s}@keyframes hudDrop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}.hud-panel{border:3px solid var(--ink);background:linear-gradient(#321c60b8,#1b1030cc);border-radius:999px;box-shadow:inset 0 2px #fff3,0 5px #1b1030e6}.hud-bananas{justify-self:start;align-items:center;gap:6px;min-width:clamp(112px,17vmin,168px);padding:6px 20px 6px 8px;display:flex;position:relative}.hud-ban-icon{width:clamp(44px,7.5vmin,68px);height:clamp(44px,7.5vmin,68px);filter:drop-shadow(0 3px 0 var(--ink));margin:-10px 0 -10px -4px;transform:rotate(-10deg)}.hud-ban-text{flex-direction:column;align-items:flex-start;line-height:.95;display:flex}.hud-ban-val{color:var(--banana);--sw:.18em;font-size:clamp(30px,5.6vmin,52px)}.hud-ban-sub{color:#fffaf0e6;--sw:.25em;font-size:clamp(12px,1.8vmin,16px)}.hud-bananas.is-all .hud-ban-sub{color:var(--good)}.hud-bananas.pop .hud-ban-icon{animation:iconPop .45s var(--spring-hard)}.hud-bananas.pop .hud-ban-val{animation:numPop .4s var(--spring-hard)}@keyframes iconPop{0%{transform:rotate(-10deg)scale(1)}35%{transform:rotate(12deg)scale(1.35)}to{transform:rotate(-10deg)scale(1)}}@keyframes numPop{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}.hud-pop{color:var(--banana);opacity:0;white-space:nowrap;pointer-events:none;font-size:clamp(22px,3.8vmin,34px);position:absolute;top:30%;left:calc(100% + 6px)}.hud-pop.big{color:#fff27a;font-size:clamp(30px,5vmin,46px)}.hud-pop.go{animation:.9s ease-out both floatUp}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)scale(.5)}18%{opacity:1;transform:translate(6px,-2px)scale(1.2)}70%{opacity:1}to{opacity:0;transform:translate(34px,-14px)scale(.95)}}.hud-timer{flex-direction:column;justify-self:center;align-items:center;display:flex}.hud-timer-lbl{letter-spacing:.18em;background:var(--accent);border:3px solid var(--ink);color:#fff;--sw:.3em;box-shadow:0 3px 0 var(--ink);z-index:1;border-radius:999px;margin-bottom:-6px;padding:2px 12px 2px 14px;font-size:clamp(12px,1.6vmin,15px);position:relative}.hud-timer-val{color:#fff;transform-origin:50% 60%;align-items:baseline;line-height:1;display:flex}.t-sec{--sw:.15em;--depth:.07em;font-variant-numeric:tabular-nums;text-align:right;min-width:1.1em;font-size:clamp(52px,11vmin,104px)}.t-cs{--sw:.17em;font-variant-numeric:tabular-nums;min-width:1.45em;font-size:clamp(26px,5vmin,48px)}.hud-timer.is-danger .hud-timer-val{color:var(--danger);animation:1s ease-in-out infinite dangerPulse}.hud-timer.is-danger .hud-timer-lbl{background:var(--danger)}.hud-timer.tick .hud-timer-val{animation:tickPop .35s var(--spring-hard)}@keyframes dangerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes tickPop{0%{transform:scale(1.3)}to{transform:scale(1)}}.hud-right{flex-direction:column;justify-self:end;align-items:flex-end;gap:8px;display:flex}.hud-level{color:#fff;border:3px solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--accent2) 70%, white), var(--accent2));box-shadow:inset 0 2px 0 #ffffff80, 0 4px 0 var(--ink);--sw:.2em;border-radius:12px;padding:2px 14px 4px;font-size:clamp(18px,2.8vmin,26px)}.hud-lives{align-items:center;gap:2px;padding:3px 14px 3px 3px;display:flex}.hud-lives .ico{width:clamp(36px,6vmin,50px);height:clamp(36px,6vmin,50px);margin:-6px 0}.hud-lives-val{color:#fff;font-size:clamp(22px,3.8vmin,34px)}.hud-lives.pop{animation:numPop .6s var(--spring-hard)}.hud-mode{color:#fff;--sw:.26em;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(12px,1.7vmin,15px);display:none}.hud[data-mode=practice] .hud-lives{display:none}.hud[data-mode=practice] .hud-mode{display:block}.hud-pause{top:calc(12px + var(--sat));right:calc(12px + var(--sar));border:3px solid var(--ink);width:56px;height:56px;box-shadow:inset 0 2px 0 #ffffff40, 0 5px 0 var(--ink);pointer-events:auto;cursor:pointer;background:linear-gradient(#5a3ca0d9,#1b1030e6);border-radius:18px;padding:6px;display:none;position:absolute}.hud-pause .ico{width:100%;height:100%}.hud-pause:active{box-shadow:inset 0 2px 0 #ffffff40, 0 1px 0 var(--ink);transform:translateY(4px)}[data-device=touch][data-phase=playing] .hud-pause,[data-device=touch][data-phase=ready] .hud-pause{display:block}.hud-speed{right:calc(14px + var(--sar));bottom:calc(12px + var(--sab));aspect-ratio:1;width:clamp(112px,19vmin,176px);position:absolute}.hud.is-on .hud-speed{animation:popIn .6s var(--spring) .15s both}.gauge-svg{filter:drop-shadow(0 5px #1b1030e6);width:100%;height:100%;display:block;overflow:visible}.gauge-bg{fill:#1e113ab8;stroke:var(--ink);stroke-width:3.5px}.gauge-track{fill:none;stroke:#ffffff24;stroke-width:9px;stroke-linecap:round}.gauge-fill{fill:none;stroke-width:9px;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.gauge-ticks line{stroke:#ffffff8c;stroke-width:1.6px;stroke-linecap:round}.gauge-needle{transform-box:view-box;transform-origin:50px 50px;transition:transform .12s linear;transform:rotate(-135deg)}.gauge-needle path{stroke:#fff;stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 0 1.5px var(--ink))}.gauge-needle circle{fill:var(--ink);stroke:#fff;stroke-width:2px}.hud-speed-text{flex-direction:column;align-items:center;line-height:.9;display:flex;position:absolute;bottom:12%;left:0;right:0}.hud-speed-val{color:#fff;font-variant-numeric:tabular-nums;--sw:.16em;font-size:clamp(24px,4.3vmin,40px)}.hud-speed-unit{color:var(--banana);--sw:.28em;letter-spacing:.04em;font-size:clamp(12px,1.5vmin,13px)}.hud-tilt{left:calc(16px + var(--sal));bottom:calc(16px + var(--sab));border:3px solid var(--ink);background:radial-gradient(circle,#ffffff1f 0 30%,#1e113a9e 31% 100%);border-radius:50%;width:74px;height:74px;position:absolute;box-shadow:inset 0 0 0 3px #ffffff2e,0 4px #1b1030e6}.hud-tilt-cross{background:linear-gradient(90deg,#0000 calc(50% - 1px),#ffffff47 0 calc(50% + 1px),#0000 0),linear-gradient(0deg,#0000 calc(50% - 1px),#ffffff47 0 calc(50% + 1px),#0000 0);position:absolute;inset:12px}.hud-tilt-dot{background:radial-gradient(circle at 35% 30%, #fff, var(--banana) 50%, var(--banana-deep));border:3px solid var(--ink);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;transition:transform 50ms linear;position:absolute;top:50%;left:50%}[data-device=touch] .hud-tilt{display:none}.banners{pointer-events:none;place-items:center;padding:0 12px;display:grid;position:absolute;inset:0}.banner{isolation:isolate;opacity:0;flex-direction:column;grid-area:1/1;align-items:center;display:flex;position:relative;transform:translateY(-4vh)}.banner.in{opacity:1}.banner.out{animation:.35s ease-in forwards bannerOut}@keyframes bannerOut{0%{opacity:1;transform:translateY(-4vh)scale(1)}to{opacity:0;transform:translateY(-4vh)scale(1.45)}}.banner-title{font-size:min(clamp(60px, 15vmin, 170px), calc(165vw / var(--len)));--fill:linear-gradient(180deg, color-mix(in srgb, var(--c) 18%, white) 0%, color-mix(in srgb, var(--c) 70%, white) 44%, var(--c) 54%, color-mix(in srgb, var(--c) 72%, black) 100%);--sw:.2em;--depth:.1em}.banner.in .candy-l{animation:letterIn .55s var(--spring-hard) both;animation-delay:calc(var(--i) * 45ms)}.banner.in .candy-l:after{animation:1.2s ease-in-out .35s both shine}@keyframes letterIn{0%{opacity:0;transform:translateY(-.9em)scale(.2)rotate(-25deg)}55%{opacity:1}to{opacity:1;transform:none}}.banner-sub{color:#fff;margin-top:6px;font-size:clamp(20px,3.6vmin,34px)}.banner.in .banner-sub{animation:popIn .5s var(--spring) .25s both}.banner-burst{z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(color-mix(in srgb, var(--c) 55%, transparent) 0 8deg, transparent 8deg 22deg);opacity:0;border-radius:50%;width:min(120vmin,1100px);margin:calc(min(120vmin,1100px)/-2) 0 0 calc(min(120vmin,1100px)/-2);position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 0 8%,#0009 25%,#0000 62%);mask:radial-gradient(circle,#000 0 8%,#0009 25%,#0000 62%)}.banner.in .banner-burst{animation:1.2s ease-out both burst}@keyframes burst{0%{opacity:0;transform:scale(.2)rotate(0)}20%{opacity:.9}to{opacity:0;transform:scale(1.1)rotate(40deg)}}.scr-pause,.scr-results,.scr-gameover,.scr-options{padding:calc(14px + var(--sat)) calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal));place-items:center;display:grid}.scr-pause>.panel,.scr-results>.panel,.scr-gameover>.panel,.scr-options>.panel{grid-area:1/1}.pause-panel{width:min(420px,100%)}.pause-panel .btn{min-width:0}.res-rays{background:repeating-conic-gradient(#ffd83a29 0 9deg, transparent 9deg 20deg);pointer-events:none;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;animation:40s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 0 10%,#0000 45%);mask:radial-gradient(circle,#000 0 10%,#0000 45%)}@keyframes spin{to{transform:rotate(360deg)}}.res-panel{scrollbar-width:none;width:min(620px,100%);max-height:100%;padding-top:20px;overflow:hidden auto}.res-stars{justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,30px);margin:2px 0 12px;display:flex;position:relative}.res-star{opacity:.25;flex-direction:column;align-items:center;gap:4px;width:clamp(84px,16vmin,130px);transition:opacity .2s;display:flex}.res-star .star-slot{width:clamp(58px,11vmin,92px)}.res-star:nth-child(2) .star-slot{width:clamp(70px,13.5vmin,112px)}.res-star:nth-child(2){margin-bottom:14px}.res-star-lbl{color:#fffaf0b3;font-size:clamp(12px,1.6vmin,14px);font-weight:900;line-height:1.1}.res-star.shown{opacity:1}.res-star.on .res-star-lbl{color:var(--banana)}.res-star.on .star-slot .ico-star:last-child{animation:starPop .65s var(--spring-hard) both}.res-star.on .star-slot:after{content:"";pointer-events:none;border:6px solid #fff6a8;border-radius:50%;animation:.6s ease-out both ring;position:absolute;inset:-30%}.res-star.miss .star-slot{animation:.4s shake}@keyframes starPop{0%{opacity:0;transform:scale(2.6)rotate(-40deg)}55%{opacity:1;transform:scale(.85)rotate(8deg)}to{opacity:1;transform:none}}@keyframes ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}.res-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.res-lines{flex-direction:column;gap:2px;max-width:460px;margin:0 auto 8px;display:flex;position:relative}.res-line{opacity:0;transition:opacity .25s ease, transform .35s var(--spring);text-align:left;border-bottom:2px dashed #ffffff2e;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 4px;font-size:clamp(15px,2.2vmin,19px);font-weight:900;display:flex;transform:translate(-24px)}.res-line.in{opacity:1;transform:none}.res-line-val{color:var(--banana);font-variant-numeric:tabular-nums;font-size:1.3em}.res-total{opacity:0;max-width:460px;transition:opacity .25s ease, transform .45s var(--spring);background:linear-gradient(#ffd83a38,#ff96001f);border:3px solid #ffd83a8c;border-radius:18px;justify-content:space-between;align-items:center;margin:8px auto 6px;padding:6px 18px 8px;display:flex;position:relative;transform:scale(.8)}.res-total.in{opacity:1;transform:none}.res-total-lbl{color:#fff;font-size:clamp(22px,3.4vmin,30px)}.res-total-val{color:var(--banana);font-variant-numeric:tabular-nums;font-size:clamp(34px,6vmin,54px)}.res-run{color:#fffaf0d9;opacity:0;justify-content:space-between;max-width:460px;margin:0 auto 12px;padding:0 18px;font-size:clamp(14px,2vmin,17px);font-weight:900;transition:opacity .3s;display:flex;position:relative}.res-run .stroke{color:#fff;font-size:1.25em}.res-run.in{opacity:1}.res-record{z-index:3;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink), 0 0 24px #ff5f8cb3;color:#fff;--sw:.2em;opacity:0;pointer-events:none;background:linear-gradient(#ff9fbd,#ff4f86);border-radius:14px;margin:0 auto 4px;padding:6px 14px 8px;font-size:clamp(16px,2.5vmin,22px);display:inline-block;position:relative;transform:rotate(-4deg)scale(0)}.res-record.in{animation:stamp .5s var(--spring-hard) both, recordGlow 1.2s ease-in-out .5s infinite}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(3)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@keyframes recordGlow{0%,to{opacity:1;transform:rotate(-4deg)scale(1)}50%{opacity:1;transform:rotate(-4deg)scale(1.08)}}.res-btns{opacity:.35;flex-wrap:nowrap;align-items:center;margin-top:16px;transition:opacity .3s}.res-btns .btn{flex:0 auto;min-width:0}.scr-results:not(.is-done) .res-btns,.scr-results:not(.is-done) .res-btns .btn{pointer-events:none}.scr-results:not(.is-done) .is-focus:after{display:none}.scr-results.is-done .res-btns{opacity:1}.scr-results.is-done .res-btns .btn{animation:btnIn .5s var(--spring) both}.scr-results.is-done .res-btns .btn:nth-child(2){animation-delay:60ms}.scr-results.is-done .res-btns .btn:nth-child(3){animation-delay:.12s}.res-btn-wrap{position:relative}.res-skip{white-space:nowrap;border:3px solid var(--ink);color:#fff;--sw:.24em;pointer-events:none;box-shadow:0 4px 0 var(--ink);background:#1b1030e0;border-radius:999px;padding:6px 18px 7px;font-size:clamp(13px,1.9vmin,16px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scr-results.is-done .res-skip{display:none}.scr-results:not(.is-done){cursor:pointer}.go-panel{width:min(520px,100%);margin-top:40px;padding-top:64px}.go-face{width:116px;height:116px;filter:drop-shadow(0 6px 0 var(--ink));margin-left:-58px;position:absolute;top:-62px;left:50%}.scr-gameover.is-on .go-face{animation:2.6s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)translateY(4px)}}.go-panel .panel-title{font-size:clamp(30px,6vmin,52px)}.go-score{flex-direction:column;align-items:center;margin:4px 0 8px;display:flex;position:relative}.go-score-lbl{text-transform:uppercase;letter-spacing:.12em;color:#fffaf0b3;font-weight:900}.go-score-val{color:var(--banana);font-size:clamp(44px,8vmin,72px)}.go-best{color:#fffaf0d9;align-items:center;gap:6px;margin-bottom:20px;font-weight:900;display:inline-flex;position:relative}.go-best .ico{width:28px;height:28px}.go-best .stroke{color:#fff;font-size:1.2em}.scr-ending{padding:calc(16px + var(--sat)) calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal));background:radial-gradient(at 50% 40%,#ffc85026,#1b1030b3);grid-template-rows:auto 1fr auto;place-items:center;gap:8px;display:grid}.scr-ending>*{grid-area:auto}.end-glow{background:repeating-conic-gradient(from 0deg at 50% 45%, #ffd83a1f 0 8deg, transparent 8deg 18deg);transform-origin:50% 45%;pointer-events:none;animation:60s linear infinite spin;position:absolute;inset:0}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-4vh;left:var(--x);width:var(--w);height:calc(var(--w) * .5);background:var(--c);animation:fall var(--dur) linear var(--del) infinite;border-radius:2px;position:absolute;box-shadow:0 0 0 1.5px #1b103099}@keyframes fall{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), 112vh) rotate(var(--r))}}.end-panel{width:min(540px,100%);margin-top:40px;padding-top:70px}.end-trophy{width:120px;height:120px;filter:drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 0 22px #ffd83acc);margin-left:-60px;animation:2.4s ease-in-out infinite bananaBob;position:absolute;top:-60px;left:50%}.end-title{font-size:clamp(56px,11vmin,110px);position:relative}.scr-ending.is-on .end-title .candy-l{animation:letterIn .6s var(--spring-hard) both, logoWobble 2.4s ease-in-out infinite;animation-delay:calc(.3s + var(--i) * 80ms), calc(1.2s + var(--i) * .1s)}.end-stats{justify-content:center;gap:26px;margin:4px 0 22px;display:flex;position:relative}.end-stat{flex-direction:column;align-items:center;display:flex}.end-lbl{text-transform:uppercase;letter-spacing:.1em;color:#fffaf0bf;font-size:14px;font-weight:900}.end-val{color:var(--banana);align-items:center;font-size:clamp(34px,6vmin,52px);display:inline-flex}.end-val .ico{width:1em;height:1em}.end-panel .btn{margin:0 auto}.end-credits{text-align:center;color:#fffaf0b8;font-size:13px;font-weight:800;line-height:1.5;position:relative}.opt-panel{scrollbar-width:none;width:min(600px,100%);max-height:100%;overflow-y:auto}.opt-rows{flex-direction:column;gap:6px;margin:10px 0 18px;display:flex;position:relative}.opt-row{pointer-events:auto;cursor:pointer;text-align:left;background:#ffffff0f;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:10px 14px;transition:background .2s;display:grid;position:relative}.opt-row.is-focus{background:#ffffff24}.opt-row.is-focus:after{border-radius:22px;inset:-4px}.opt-lbl{font-size:clamp(15px,2.2vmin,19px);font-weight:900}.opt-slider{align-items:center;gap:12px;display:flex}.opt-track{border:3px solid var(--ink);touch-action:none;cursor:pointer;background:#0a041a8c;border-radius:99px;width:clamp(130px,26vw,220px);height:18px;position:relative;box-shadow:inset 0 3px 4px #00000059}.opt-track:before{content:"";position:absolute;inset:-14px -8px}.opt-fill{background:linear-gradient(180deg, #fff6a8, var(--banana) 50%, var(--banana-deep));transform-origin:0;border-radius:99px;position:absolute;inset:0;transform:scaleX(.5)}.opt-knob{border:3px solid var(--ink);width:30px;height:30px;box-shadow:0 3px 0 var(--ink);background:radial-gradient(circle at 35% 30%,#fff,#f1f3fa 50%,#c8cfe0);border-radius:50%;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}.opt-row.is-focus .opt-knob{box-shadow:0 3px 0 var(--ink), 0 0 0 4px #ffffff80}.opt-val{text-align:right;color:#fff;--sw:.2em;min-width:3.3em;font-size:20px}.opt-seg{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;display:flex;overflow:hidden}.opt-seg-btn{pointer-events:auto;cursor:pointer;color:#ffffffbf;background:#0a041a8c;border:0;padding:7px 12px 8px;font-size:clamp(13px,1.9vmin,16px);transition:background .15s}.opt-seg-btn+.opt-seg-btn{border-left:3px solid var(--ink)}.opt-seg-btn.is-active{color:#fff;background:linear-gradient(#c4ffb8,#4be27c 50%,#16a64e)}.opt-toggle{pointer-events:auto;cursor:pointer;border:3px solid var(--ink);width:92px;height:40px;box-shadow:inset 0 3px 4px #00000059, 0 4px 0 var(--ink);background:#0a041a8c;border-radius:999px;padding:0;transition:background .2s;position:relative}.opt-toggle.is-on{background:linear-gradient(#c4ffb8,#4be27c 50%,#16a64e)}.opt-toggle-knob{border:3px solid var(--ink);width:28px;height:28px;transition:transform .3s var(--spring);background:radial-gradient(circle at 35% 30%,#fff,#f1f3fa 50%,#c8cfe0);border-radius:50%;position:absolute;top:calc(50% - 14px);left:3px}.opt-toggle.is-on .opt-toggle-knob{transform:translate(52px)}.opt-toggle-txt{color:#fff;--sw:.22em;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.opt-toggle.is-on .opt-toggle-txt{left:12px;right:auto}.opt-foot{justify-content:center;display:flex;position:relative}.boot{opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 45%,#3a2272,#1b1030 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .4s,visibility 0s linear .4s;display:flex;position:absolute;inset:0}.boot.is-on{opacity:1;visibility:visible;transition:none}.boot .ico{width:84px;height:84px;animation:1.1s cubic-bezier(.5,0,.5,1) infinite spin}.boot-txt{color:#fff;font-size:24px}@media (width<=640px){.sel-group{grid-template-columns:repeat(2,1fr)}.sel-tab{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px 6px}.sel-tab-num{width:36px;height:36px;font-size:21px}.sel-tab-name{font-size:12px}.sel-tab-stars{font-size:13px}.sel-head .pill{padding-right:12px;font-size:15px}.sel-head .pill .ico{width:28px;height:28px}.btn-round{width:50px;height:50px}.controls-hint{max-width:100%;margin-top:14px;font-size:13px;position:relative;bottom:auto;left:auto}.title-footer{flex-flow:wrap;justify-content:center;gap:10px;margin-top:auto;position:relative;bottom:auto;right:auto}.title-version{display:none}.hud-top{gap:4px}.hud-bananas{padding-right:12px}.panel{border-radius:26px;padding:22px 16px}.res-btns{flex-wrap:wrap}.res-btns .btn,.go-panel .btn-row .btn{flex:40%;min-width:0}.res-btns .btn:first-child{flex-basis:100%}.opt-row{grid-template-columns:1fr;gap:8px}.opt-track{flex:1;width:auto}.intro-name{font-size:clamp(34px,10vw,56px)}}@media (width<=480px){.hud-top{left:calc(10px + var(--sal));right:calc(10px + var(--sar));gap:4px}[data-device=touch] .hud-top{right:calc(10px + var(--sar))}.hud-pause{top:calc(12px + var(--sat) + 96px);width:50px;height:50px;right:calc(10px + var(--sar))}.t-sec{min-width:1em;font-size:46px}.t-cs{min-width:1.35em;font-size:22px}.hud-timer-lbl{font-size:12px}.hud-bananas{gap:3px;padding:4px 12px 4px 6px}.hud-ban-icon{width:36px;height:36px;margin:-6px 0 -6px -2px}.hud-ban-val{font-size:28px}.hud-ban-sub{font-size:12px}.hud-pop{top:calc(100% + 2px);left:36%}.hud-level{padding:1px 10px 3px;font-size:16px}.hud-lives{padding-right:10px}.hud-lives .ico{width:32px;height:32px}.hud-lives-val{font-size:21px}.hud-mode{font-size:12px}.hud-speed{width:100px}.opt-seg{width:100%}.opt-seg-btn{flex:1}.title-sub{text-wrap:balance}}@media (height<=520px){.scr-title{padding-top:calc(8px + var(--sat))}.logo{font-size:clamp(44px,15vh,80px)}.title-sub{display:none}.title-menu{gap:10px;margin-top:10px}.title-menu .btn,.title-menu .btn[data-size=lg]{font-size:18px}.controls-hint{display:none}.title-footer .pill{font-size:14px}.lvl-art{height:64px}.lvl-lock .ico{width:38px;height:38px}.sel-tab{padding:4px 10px 4px 4px}.sel-tab-num{width:34px;height:34px;font-size:20px}.panel{padding:14px 18px 16px}.panel-title{font-size:34px}.panel-sub{margin-bottom:10px}.btn-col{gap:10px}.pause-panel .btn,.pause-panel .btn[data-size=lg]{font-size:18px}.res-star .star-slot{width:48px}.res-star:nth-child(2) .star-slot{width:58px}.res-line{padding:2px 4px}.scr-intro{padding-top:calc(4vh + var(--sat));gap:8px}.intro-name{font-size:40px}.hud-speed{width:104px}.t-sec{font-size:50px}.t-cs{font-size:24px}}@media (height<=520px) and (aspect-ratio>=5/4){.res-panel{width:min(860px,100%);padding:10px 18px 14px}.res-panel .panel-title{font-size:30px}.res-panel .panel-sub{margin-bottom:6px}.res-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:18px;display:grid}.res-stars{margin-top:6px}.res-lines,.res-total,.res-run{max-width:none}.res-total{margin:4px 0;padding:2px 14px 4px}.res-total-val{font-size:34px}.res-btns{flex-wrap:nowrap;margin-top:8px}.res-btns .btn,.res-btns .btn[data-size=lg]{flex:auto;min-width:0;font-size:17px}.res-record{margin:0;position:absolute;top:10px;right:8px}.opt-panel .panel-title{font-size:28px}.opt-rows{gap:3px;margin:4px 0 10px}.opt-row{padding:5px 12px}.opt-toggle{height:34px}.opt-toggle-knob{width:22px;height:22px;top:calc(50% - 11px)}.opt-foot .btn{font-size:17px}.scr-ending .logo-small,.scr-ending .end-credits{display:none}.end-panel{margin-top:34px;padding-top:36px}.end-trophy{width:76px;height:76px;margin-left:-38px;top:-44px}.end-title{font-size:46px}.end-stats{margin:0 0 12px}.go-panel{margin-top:30px;padding-top:40px}.go-face{width:80px;height:80px;margin-left:-40px;top:-44px}.go-score-val{font-size:40px}.go-best{margin-bottom:10px}}[data-device=touch] .opt-seg-btn,[data-device=touch] .opt-toggle{min-height:44px}[data-device=touch] .opt-track{z-index:1}[data-device=touch] .opt-track:before{inset:-17px -10px -19px}@media (prefers-reduced-motion:reduce){.br-ui *,.br-ui :before,.br-ui :after{animation-iteration-count:1!important}.res-rays,.end-glow{animation:none!important}}