@font-face{font-family:"Baloo 2 Local";font-style:normal;font-display:swap;font-weight:400 800;src:url(../fonts/baloo-2-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Nunito Local;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../fonts/nunito-latin-wght-normal.woff2) format("woff2")}:root{--navy: #041e42;--navy-2: #0a2d5e;--gold: #fdca00;--gold-edge: #d4a900;--gold-soft: #fff2c2;--red: #ba0c2f;--pink: #ff5d7a;--blue: #1f5aa8;--blue-light: #7ea6e0;--green: #1f9d57;--line: #e7ecf3;--line-strong: #dbe3ed;--muted: #40516c;--muted-2: #5a6d86;--display: "Baloo 2 Local", "Nunito Local", ui-sans-serif, system-ui, sans-serif;--body: "Nunito Local", ui-sans-serif, system-ui, sans-serif;--safe-t: max(12px, env(safe-area-inset-top));--safe-r: max(16px, env(safe-area-inset-right));--safe-b: max(14px, env(safe-area-inset-bottom));--safe-l: max(16px, env(safe-area-inset-left));--hud-bottom: calc(var(--safe-t) + 118px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--navy);color:#fff;font-family:var(--body);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}#app{position:fixed;inset:0;width:100%;height:100%;height:100dvh}#gl{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#fx{position:absolute;inset:0;pointer-events:none}#spot{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}#spot.on{opacity:1}button{font:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#hud{position:absolute;inset:0;pointer-events:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.hud-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"pill clock btns" "points stars streak";align-items:center;column-gap:10px;row-gap:2px}.pill{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--navy);border-radius:999px;padding:6px 14px 6px 8px;min-height:40px;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:15px;box-shadow:0 3px 0 var(--line-strong),0 8px 24px #00000040}.pill.title{grid-area:pill;justify-self:start;position:relative}.pill .smark{width:24px;height:24px;display:block}.pill .lvl-lbl{font-size:13px;color:var(--muted-2);letter-spacing:.06em}.pill .lvl-val{font-size:19px;line-height:1;min-width:1ch}.pill.title.lvl-up{animation:lvl-up .6s cubic-bezier(.2,1.6,.4,1)}.pill.title.lvl-up:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:3px solid #ffe27a;box-shadow:0 0 12px #ffe27abf;pointer-events:none;animation:lvl-ring .8s ease-out forwards}.clock{grid-area:clock;position:relative;width:60px;height:60px;border-radius:50%;background:#041e428c;box-shadow:0 3px #00000047;display:grid;place-items:center}.clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.clock circle{fill:none;stroke-width:6}.clock-track{stroke:#ffffff29}.clock-fill{stroke:#fff;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:0;transition:stroke-dashoffset .35s linear,stroke .3s}.clock-num{position:relative;font-family:var(--display);font-weight:800;font-size:23px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.clock.hurry .clock-fill{stroke:var(--gold)}.clock.hurry .clock-num{color:var(--gold)}.clock.last .clock-fill{stroke:var(--pink)}.clock.last .clock-num{color:#fff}.clock.tick .clock-num{animation:tick .45s ease-out}.clock.practice .clock-num{font-size:14px;letter-spacing:.06em}.clock.practice .clock-fill{stroke:var(--blue-light)}.clock.done .clock-fill{stroke:var(--pink)}.hud-right{grid-area:btns;justify-self:end;display:flex;align-items:center;gap:12px}.lives{display:none!important}.icon-btn{pointer-events:auto;appearance:none;border:0;cursor:pointer;padding:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;color:#fff;box-shadow:inset 0 -3px #00000040;transition:background .15s,transform .08s}.icon-btn:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000040}.icon-btn svg{width:24px;height:24px;display:block;fill:currentColor}.icon-btn .wave{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}#mute .ico-off,#mute.muted .ico-on{display:none}#mute.muted .ico-off{display:block}#mute.muted{background:#ff5d7a47}.stat{text-align:center;min-width:64px}.stat-points{grid-area:points}.stat-stars{grid-area:stars;align-self:start;padding-top:4px}.stat-streak{grid-area:streak}.stat-val-row{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative}.stat-val{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.3);font-variant-numeric:tabular-nums}.stat-val.bump{animation:bump .32s ease-out}.stat-lbl{margin-top:3px;font-family:var(--body);font-weight:800;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#ffffffe0}.combo{font-family:var(--display);font-weight:800;font-size:16px;line-height:1;color:var(--navy);background:var(--gold);border-radius:999px;padding:4px 8px 3px;box-shadow:0 2px 0 var(--gold-edge);opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.combo.on{opacity:1;transform:scale(1)}.combo.pop{animation:combo-pop .55s cubic-bezier(.2,1.6,.4,1)}.combo.x3{background:#ffb020;box-shadow:0 2px #c77f00}.combo.x4{background:#ff7a2f;color:#fff;box-shadow:0 2px #b8481a}.pips{display:flex;justify-content:center;gap:4px;margin-top:4px}.pips i{width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:background .2s,transform .2s}.pips i.on{background:var(--gold)}.pips.max i{background:#ff7a2f;box-shadow:0 0 6px #ff7a2fcc}.hud-stars{display:flex;justify-content:center;gap:4px}.hud-star{width:26px;height:26px;display:block}.hud-star svg{width:100%;height:100%;display:block;fill:#fff3;transition:fill .2s}.hud-star.on svg{fill:var(--gold);filter:drop-shadow(0 2px 0 var(--gold-edge))}.hud-star.pop{animation:star-land .5s cubic-bezier(.2,1.6,.4,1)}.star-fly{position:absolute;left:0;top:0;width:84px;height:84px;pointer-events:none;opacity:0;will-change:transform,opacity}.star-fly svg{width:100%;height:100%;display:block;fill:var(--gold);filter:drop-shadow(0 4px 0 var(--gold-edge)) drop-shadow(0 0 18px rgba(253,202,0,.7))}.banner{position:absolute;left:var(--safe-l);right:var(--safe-r);top:calc(var(--hud-bottom) + 10px);text-align:center;opacity:0;pointer-events:none;transform-origin:50% 50%;transition:opacity .25s}.banner.show{animation:pop .3s cubic-bezier(.2,1.5,.4,1) forwards}.banner-main{font-family:var(--display);font-weight:800;font-size:46px;line-height:1;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 rgba(4,30,66,.6),0 12px 32px rgba(0,0,0,.4)}.banner.perfect .banner-main,.banner.milestone .banner-main{color:var(--gold)}.banner.bad .banner-main{color:var(--pink)}.banner.soft .banner-main{color:var(--blue-light);font-size:30px}.banner.compact .banner-main{font-size:34px}.banner.compact .banner-sub{font-size:15px;margin-top:4px}.banner.wide{padding:14px 26px 16px;border-radius:26px;background:#041e42b3;box-shadow:0 12px 34px #00000059}.banner.wide .banner-main{font-size:60px}.banner.wide .banner-sub{font-size:22px;margin-top:8px;max-width:24ch}.banner.wide.soft .banner-main{font-size:42px}.banner.wide.wide-s .banner-main{font-size:46px}.banner.wide.wide-s .banner-sub{font-size:19px}.banner-sub{margin:8px auto 0;max-width:30ch;font-family:var(--body);font-weight:800;font-size:17px;line-height:1.25;color:#fff;text-shadow:0 2px 0 rgba(4,30,66,.75),0 0 14px rgba(4,30,66,.6);text-wrap:balance}.banner-sub:empty{display:none}.hint{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:none;align-items:center;gap:10px;background:#fff;color:var(--navy);border-radius:999px;padding:10px 18px 10px 12px;font-family:var(--display);font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 4px 0 var(--line-strong),0 12px 30px #00000059;white-space:nowrap}.hint.show{display:flex;animation:rise .3s ease-out}.arr{display:inline-block;width:28px;height:28px;color:var(--blue);flex:none}.arr svg{width:100%;height:100%;display:block}.arr-up svg{transform:rotate(180deg)}.arr-right svg{transform:rotate(-90deg)}.arr-left svg{transform:rotate(90deg)}.mini-ball{--s: 44px;position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s);border-radius:50%;box-shadow:0 0 0 3px var(--c),0 3px 0 4px #041e421f}.mini-ball>i{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#fffdf7}.mini-ball>i:before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:repeating-linear-gradient(to bottom,var(--c) 0 calc(var(--s) * .3),#fffdf7 calc(var(--s) * .3) calc(var(--s) * .6));animation:roll-v .9s linear infinite}.mini-ball.dir-up>i:before{animation-direction:reverse}.mini-ball.dir-right>i:before,.mini-ball.dir-left>i:before{background:repeating-linear-gradient(to right,var(--c) 0 calc(var(--s) * .3),#fffdf7 calc(var(--s) * .3) calc(var(--s) * .6));animation-name:roll-h}.mini-ball.dir-left>i:before{animation-direction:reverse}.mini-ball>i:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffbf,#fff0 42%),radial-gradient(circle at 70% 78%,#041e4247,#041e4200 55%)}.mini-ball.side{box-shadow:0 3px 0 4px #041e421f}.mini-ball.side:after{content:"";position:absolute;inset:-3px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from -11.5deg,var(--c) 0 23deg,transparent 23deg 36deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3.6px),#000 calc(100% - 2.6px));mask:radial-gradient(closest-side,transparent calc(100% - 3.6px),#000 calc(100% - 2.6px))}@keyframes roll-v{0%{transform:translateY(0)}to{transform:translateY(calc(var(--s) * .6))}}@keyframes roll-h{0%{transform:translate(0)}to{transform:translate(calc(var(--s) * .6))}}.teach{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100% - 32px));background:#fff;color:var(--navy);border-radius:24px;padding:12px 16px 6px;box-shadow:0 5px 0 var(--line-strong),0 16px 40px #0006;border:3px solid transparent;pointer-events:none;animation:rise .3s ease-out}.teach.hidden{display:none}.teach.swipe{border-color:var(--c);top:calc(var(--hud-bottom) + 8px);bottom:auto}.teach.swipe.at-bottom{top:auto;bottom:max(18px,env(safe-area-inset-bottom))}.teach.nudge{animation:shake .4s ease-in-out;border-color:var(--pink)}.teach-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.teach-kicker{font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.teach-kicker.new{color:var(--navy, #041e42)}.teach-kicker.new:before{content:"";display:inline-block;width:8px;height:8px;margin:0 6px 1px 0;border-radius:50%;background:var(--c, var(--blue));vertical-align:middle}.teach-dots{display:flex;gap:5px}.teach-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.teach-dots i.done{background:var(--green)}.teach-dots i.now{background:var(--c, var(--blue));box-shadow:0 0 0 2px #041e421f}.teach-row{display:flex;align-items:center;gap:14px;margin-top:6px}.teach-ball{display:inline-flex}.teach-title{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.05;color:var(--navy)}.teach-text{font-weight:700;font-size:16px;line-height:1.3;color:var(--muted);margin-top:2px}.teach-text b{color:var(--navy)}.teach .link-btn{pointer-events:auto;margin-top:2px}.link-btn{appearance:none;border:0;background:none;cursor:pointer;pointer-events:auto;font-family:var(--body);font-weight:800;font-size:15px;color:var(--muted-2);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px}.link-btn.dark{display:flex;margin:6px auto 0;color:var(--blue)}.link-btn.hidden{display:none}.btn-soft{pointer-events:auto;display:block;width:100%;margin-top:10px;cursor:pointer;appearance:none;border:3px solid var(--line-strong);border-bottom-width:6px;background:#fff;color:var(--navy);border-radius:20px;padding:12px;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;min-height:52px}.btn-soft:active{transform:translateY(3px);border-bottom-width:3px}.debug{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:10px;background:#0000008c;color:#cfe0ff;font:700 11px/1.35 ui-monospace,monospace;white-space:pre}.debug.hidden{display:none}#flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:var(--red);transition:opacity .4s}#flash.gold{background:var(--gold)}#flash.on{opacity:.18;transition:opacity .04s}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:#041e42a3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto;touch-action:pan-y}.overlay.hidden{display:none}.card{pointer-events:auto;width:100%;max-width:420px;margin:auto;background:#fff;color:var(--navy);border-radius:28px;padding:22px 20px 16px;box-shadow:0 6px 0 var(--line-strong),0 26px 60px #0006;text-align:center}.card.small{max-width:340px}.card-kicker{font-family:var(--body);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.card h1{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;margin:6px 0 8px}.lead{font-family:var(--body);font-weight:700;font-size:16px;color:var(--muted);margin:0 0 14px;line-height:1.4}.lead b{color:var(--navy)}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:#f3f6fb;border-radius:18px;padding:11px 6px 9px;border-bottom:4px solid var(--c)}.legend-item .mini-ball{margin-bottom:4px}.legend-item b{font-family:var(--display);font-weight:800;font-size:15px;text-transform:uppercase;line-height:1.1}.legend-item .txt{font-family:var(--body);font-weight:700;font-size:14px;color:var(--muted-2);line-height:1.2}.swipe-tag{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-family:var(--display);font-weight:800;font-size:14px;text-transform:uppercase;color:var(--navy);white-space:nowrap}.swipe-tag .arr{width:20px;height:20px;color:var(--navy)}.round-note{display:flex;align-items:center;gap:10px;text-align:left;margin-top:10px;background:var(--gold-soft);border-radius:16px;padding:9px 12px;font-weight:700;font-size:14px;line-height:1.3;color:var(--muted)}.round-note b{color:var(--navy)}.rn-ico{flex:none;width:30px;height:30px;border-radius:50%;background:var(--navy);display:grid;place-items:center}.rn-ico svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round}.btn-gold{pointer-events:auto;display:block;width:100%;margin-top:14px;cursor:pointer;appearance:none;border:0;border-bottom:6px solid var(--gold-edge);background:var(--gold);color:var(--navy);border-radius:20px;padding:15px;min-height:60px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.05em;text-transform:uppercase;transition:transform .08s,border-bottom-width .08s,filter .2s}.btn-gold:active{transform:translateY(4px);border-bottom-width:2px}.btn-gold:disabled{cursor:default;filter:saturate(.35) brightness(1.08)}.btn-gold:disabled:active{transform:none;border-bottom-width:6px}.btn-gold.loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;vertical-align:-2px;border-radius:50%;border:3px solid rgba(4,30,66,.25);border-top-color:var(--navy);animation:spin .8s linear infinite}.tiny{margin-top:8px;font-family:var(--body);font-weight:700;font-size:14px;color:var(--muted-2);line-height:1.35}.tiny.hidden,.intro-best.hidden,.ios-tip .hidden{display:none}.intro-best{margin-top:6px;font-family:var(--display);font-weight:800;font-size:15px;color:var(--navy);letter-spacing:.03em}.tip{margin-top:12px;font-weight:800;font-size:15px;line-height:1.35;color:var(--navy);background:var(--gold-soft);border-radius:14px;padding:10px 12px}.tip small{display:block;margin-top:3px;font-size:14px;font-weight:700;color:var(--muted)}.row{display:flex;justify-content:center;gap:30px;margin:4px 0}.mini-val{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}.mini-lbl{font-family:var(--body);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.mini-level.hidden{display:none}.card.result{padding:0;overflow:hidden;max-width:400px}.result-head{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0f3a78 0%,var(--navy) 70%);color:#fff;padding:18px 16px 16px}.result-title{position:relative;font-family:var(--display);font-weight:800;font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}.stars{position:relative;display:flex;justify-content:center;gap:8px;margin:10px 0 2px}.star{width:50px;height:50px;opacity:0;animation:star-in .45s cubic-bezier(.2,1.6,.4,1) forwards}.star svg{width:100%;height:100%;display:block;fill:#ffffff2e}.star.on svg{fill:var(--gold);filter:drop-shadow(0 3px 0 var(--gold-edge)) drop-shadow(0 0 12px rgba(253,202,0,.45))}.stars .star:nth-child(2){transform-origin:50% 80%;margin-top:-8px}.big{position:relative;font-family:var(--display);font-weight:800;font-size:76px;line-height:.95;color:var(--gold);text-shadow:0 4px 0 var(--gold-edge),0 0 30px rgba(253,202,0,.25);font-variant-numeric:tabular-nums}.big-lbl{position:relative;font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9}.record-ribbon{position:relative;display:inline-block;margin-top:10px;background:var(--gold);color:var(--navy);border-radius:999px;padding:6px 16px 5px;font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 0 var(--gold-edge),0 0 22px #fdca0080;animation:ribbon .6s .5s cubic-bezier(.2,1.6,.4,1) both}.record-ribbon.hidden{display:none}.first-record{position:relative;display:inline-block;margin-top:10px;padding:5px 14px 4px;border-radius:999px;background:#ffffff1f;color:var(--gold-soft);font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.02em;animation:fade .4s .5s both}.first-record.hidden{display:none}.result-head>.record-ribbon,.result-head>.first-record{align-self:center}.confetti{position:absolute;inset:0;pointer-events:none}.confetti span{position:absolute;top:-14px;width:7px;height:12px;border-radius:2px;opacity:0;animation:confetti 1.4s cubic-bezier(.25,.6,.4,1) forwards}.result-body{padding:14px 16px 12px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0}.result-grid .mini-val{font-size:25px}.result-grid .mini-lbl{font-size:12px;letter-spacing:.03em}.result-body .btn-gold{margin-top:12px}@keyframes pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 10px))}40%{transform:translate(calc(-50% + 9px))}60%{transform:translate(calc(-50% - 6px))}80%{transform:translate(calc(-50% + 4px))}}@keyframes star-in{0%{opacity:0;transform:scale(.3) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes star-land{0%{transform:scale(1)}45%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes combo-pop{0%{transform:scale(.4)}55%{transform:scale(1.7)}to{transform:scale(1)}}@keyframes lvl-up{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes lvl-ring{0%{opacity:1;transform:scale(1)}55%{opacity:.55}to{opacity:0;transform:scale(1.25,1.7)}}@keyframes tick{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ribbon{0%{opacity:0;transform:scale(.4) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx, 0),260px) rotate(var(--rot, 540deg))}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:430px){.banner-main{font-size:40px}.stat-val{font-size:28px}.card h1{font-size:38px}.card{padding:18px 16px 14px}.card.result{padding:0}.legend-item{padding:10px 6px 8px}}@media(max-width:380px){.legend-item{padding-left:3px;padding-right:3px}.swipe-tag{font-size:13px;gap:2px;letter-spacing:-.01em}.swipe-tag .arr{width:17px;height:17px}}@media(max-width:350px){.pill .lvl-lbl{display:none}.hud-right{gap:8px}.legend-item .txt,.round-note{font-size:13px}}@media(max-height:700px)and (orientation:portrait){.lead{margin-bottom:10px}.legend-item{padding:8px 6px 7px}.legend-item .mini-ball{--s: 34px !important}.card h1{font-size:34px;margin:4px 0 6px}.round-note{margin-top:8px;padding:7px 10px}.btn-gold{margin-top:10px;padding:12px;min-height:54px}.tiny{margin-top:6px}.big{font-size:64px}#intro.taught #controls-tip,#intro.taught .card-kicker{display:none}#intro .link-btn.dark,.intro-best{margin-top:2px}}@media(max-height:600px)and (orientation:portrait){#intro .card{padding:14px 14px 10px}.card h1{font-size:31px;margin:0 0 4px}.lead{font-size:15px;line-height:1.3;margin-bottom:8px}.legend{gap:6px}.legend-item{padding:6px 4px 5px;gap:1px}.legend-item .mini-ball{--s: 30px !important;margin-bottom:3px}.legend-item b{font-size:14px}.round-note{margin-top:6px;padding:6px 10px;font-size:13px;line-height:1.25}.rn-ico{width:26px;height:26px}.rn-ico svg{width:17px;height:17px}#intro .btn-gold{margin-top:8px;padding:10px;min-height:52px}.tiny{margin-top:4px;font-size:13px}.legend-item .txt{display:none}.card-kicker{font-size:12px}.result-head{padding:12px 12px 10px}.result-title{font-size:24px}.star{width:40px;height:40px}.stars{margin:6px 0 0}.big{font-size:54px}.result-body{padding:10px 14px 8px}.tip{margin-top:8px;padding:8px 10px;font-size:14px}.result-body .btn-gold{margin-top:8px}.btn-soft{margin-top:8px;padding:9px;min-height:48px;font-size:17px}}@media(orientation:landscape){.teach,.teach.swipe,.teach.swipe.at-bottom{left:var(--safe-l);right:auto;top:auto;bottom:var(--safe-b);transform:none;width:min(360px,38vw);animation-name:rise-l}.teach.swipe.at-right{left:auto;right:var(--safe-r)}.teach.nudge{animation:shake-l .4s ease-in-out}}@media(orientation:landscape)and (max-height:500px){.hud-bar{grid-template-columns:auto 1fr auto 1fr auto;grid-template-areas:"pill points clock streak btns" "stars . . . .";row-gap:4px}.clock{width:52px;height:52px}.clock-num{font-size:20px}.stat-val{font-size:24px}.stat-lbl{font-size:12px;margin-top:1px}.stat-stars{justify-self:start;padding-top:0}.hud-star{width:22px;height:22px}.pips{display:none}.banner-main{font-size:34px}.banner-sub{font-size:15px}.teach,.teach.swipe,.teach.swipe.at-bottom{width:min(330px,42vw);padding:8px 12px 4px;border-radius:20px}.teach-title{font-size:18px}.teach-text{font-size:14px}.teach-row{gap:10px;margin-top:4px}.teach .mini-ball{--s: 40px !important}#intro .card{max-width:720px;padding:12px 18px 10px}.card h1{font-size:30px;margin:0 0 4px}.card-kicker{font-size:12px}.lead{font-size:14px;margin-bottom:8px}.legend{grid-template-columns:repeat(4,1fr);gap:6px}.legend-item{padding:7px 4px 6px}.legend-item .txt{display:none}.legend-item .mini-ball{--s: 32px !important}.round-note{margin-top:8px;padding:6px 10px}.rn-ico{width:26px;height:26px}.btn-gold{margin-top:8px;padding:9px;min-height:50px;font-size:20px}.tiny{margin-top:4px;font-size:13px}.link-btn.dark{margin-top:0}#intro.taught #controls-tip{display:none}.intro-extra{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:18px}.intro-extra .link-btn.dark,.intro-extra .intro-best{margin:0}.card.result{max-width:720px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.result-head{display:flex;flex-direction:column;justify-content:center;padding:14px 12px}.result-title{font-size:24px}.star{width:40px;height:40px}.big{font-size:58px}.result-body{display:flex;flex-direction:column;justify-content:center;padding:12px 14px 8px}.tip{margin-top:8px;padding:8px 10px;font-size:14px}.card.small h1{font-size:30px}}@keyframes rise-l{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shake-l{0%,to{transform:none}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.mini-ball>i:before{animation-duration:2.4s}#flash{display:none}.banner.show{animation:fade .2s forwards}.teach,.teach.swipe{animation:fade .2s}.teach.nudge{animation:none;border-color:var(--pink)}.star{animation:fade .3s forwards}.stat-val.bump,.combo.pop,.hud-star.pop,.clock.tick .clock-num,.pill.title.lvl-up,.pill.title.lvl-up:after{animation:none}.pill.title.lvl-up:after{display:none}.record-ribbon{animation:fade .3s .3s both}.confetti{display:none}.hint.show{animation:none}.btn-gold.loading:after{animation-duration:2.4s}}