@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}.stat-rec{margin-top:3px;font-family:var(--body);font-weight:800;font-size:12px;line-height:1;color:#ffffffb8;font-variant-numeric:tabular-nums}.stat-rec.hidden{display:none}.stat-rec.passed{color:var(--gold)}.stat-rec.pop{animation:bump .45s ease-out}#app:not(.mode-maraton) .stat-rec{display:none}.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 #041e42,0 0 6px #041e42,0 0 2px #041e42,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-text .teach-extra{display:block;margin-top:4px;font-size:14px;font-weight:800;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:48px;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;white-space:nowrap}.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}}.scoreboard,.meter{display:none}#app.mode-utmana .hud-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pause board mute" "meter meter meter";row-gap:6px}#app.mode-utmana .pill.title,#app.mode-utmana .clock,#app.mode-utmana .stat{display:none}#app.mode-utmana .hud-right{display:contents}#app.mode-utmana #pause{grid-area:pause}#app.mode-utmana #mute{grid-area:mute}#app.mode-utmana .scoreboard{display:flex;grid-area:board;justify-self:center}#app.mode-utmana .meter{display:inline-flex;grid-area:meter;justify-self:center}#app.mode-ova .pill.title{visibility:hidden}#app.mode-ova .stat{display:none}.scoreboard{position:relative;align-items:center;gap:4px;max-width:100%;min-width:0;background:#041e42b8;border:2px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 6px;min-height:52px;box-shadow:0 3px #00000047}.sb-face{--fc: #1f5aa8;position:relative;flex:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff 0 45%,#dfe8f4)}.sb-face img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.sb-ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg);pointer-events:none;overflow:visible}.sb-ring circle{fill:none;stroke-width:3.6}.sb-ring .ring-track{stroke:transparent}.sb-ring .ring-fill{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .35s,opacity .2s}.sb-face.me.power-on .ring-track,.sb-face.opp.special-on .ring-track{stroke:#fff3}.sb-face.me.power-on .ring-fill{opacity:1}.sb-face.me.power-ready{box-shadow:0 0 12px #fdca00cc}.sb-face.opp .ring-fill{stroke:var(--fc);filter:brightness(1.35)}.sb-face.opp.special-on .ring-fill{opacity:1}.sb-face.opp.special-full .ring-fill{filter:brightness(1.6) drop-shadow(0 0 3px var(--fc))}.sb-face.opp.flash{animation:ring-flash .9s ease-out}.sb-face.silver{box-shadow:0 0 0 3px #d5dde8,0 0 0 5px #ffffff40}.sb-face.silver:after,.face.silver:after{content:"";position:absolute;left:13%;right:13%;top:25%;height:12%;border-radius:999px;pointer-events:none;background:linear-gradient(transparent 42%,rgba(255,255,255,.8) 42% 58%,transparent 58%),linear-gradient(#123e7c,#041e42);box-shadow:0 1px 2px #00000059;transform:rotate(-6deg)}.sb-dots{display:flex;align-items:center;gap:3px;flex:0 1 auto;min-width:0}.sb-dots.opp{flex-direction:row-reverse}.sb-dots i{flex:0 1 12px;width:12px;min-width:10px;height:auto;aspect-ratio:1 / 1;border-radius:50%;background:var(--navy-2);border:2px solid #5b82c0;transition:background .25s,border-color .25s}.sb-dots.me i.on{background:var(--gold);border-color:var(--gold-edge)}.sb-dots.opp i.on{background:#fff;border-color:#c4d0de}.sb-dots i.pop{animation:star-land .5s cubic-bezier(.2,1.6,.4,1)}.sb-mid{display:none;flex-direction:column;align-items:center;padding:0 4px;line-height:1}.sb-num{font-family:var(--display);font-weight:800;font-size:22px;color:#fff;font-variant-numeric:tabular-nums}.sb-first{font-weight:800;font-size:12px;color:#fffc;margin-top:2px}.sb-ova{display:none;font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.08em;color:var(--blue-light);padding:0 10px}.scoreboard.numerals .sb-dots{display:none}.scoreboard.numerals .sb-mid{display:flex}.scoreboard.practice .sb-dots,.scoreboard.practice .sb-num,.scoreboard.practice .sb-first{display:none}.scoreboard.practice .sb-mid,.scoreboard.practice .sb-ova{display:flex}.scoreboard:not(.numerals):not(.practice) .sb-mid{display:block;width:2px;height:20px;padding:0;margin:0 2px;border-radius:1px;background:#ffffff4d}.scoreboard:not(.numerals):not(.practice) .sb-mid>*{display:none}.meter{align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#041e428c;box-shadow:0 2px #00000038}.meter-balls{display:flex;gap:7px}.meter-balls i{position:relative;width:24px;height:24px;border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 0 2px #ffffff80;transition:background .2s,box-shadow .2s}.meter.near .meter-balls i:not(.on){box-shadow:inset 0 0 0 2px var(--gold)}.meter-balls i.on{background:radial-gradient(circle at 34% 30%,#fff6c8 0 16%,var(--gold) 42%,#e2a700 100%);box-shadow:0 2px 0 var(--gold-edge),0 0 10px #fdca008c}.meter-balls i.pop{animation:star-land .45s cubic-bezier(.2,1.6,.4,1)}.meter-x2{display:none;font-family:var(--display);font-weight:800;font-size:15px;line-height:1;color:var(--navy);background:var(--gold);border-radius:999px;padding:4px 8px 3px;box-shadow:0 2px 0 var(--gold-edge)}.meter.x2 .meter-x2{display:inline-block}.meter.coaching{animation:meter-pulse 1s ease-in-out 3}.special-chip{position:absolute;left:50%;top:calc(var(--hud-bottom) + 6px);transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;white-space:nowrap;background:#fff;color:var(--navy);font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.04em;box-shadow:0 3px 0 var(--line-strong),0 8px 24px #0000004d;opacity:0;pointer-events:none}.special-chip .sc-kick{color:var(--blue)}.special-chip b{font-size:17px}.special-chip.show{animation:chip-in .35s cubic-bezier(.2,1.5,.4,1) forwards}.special-chip.under-teach{visibility:hidden}.coach{position:absolute;left:50%;transform:translate(-50%);max-width:min(340px,calc(100% - 32px));background:#fff;color:var(--navy);border-radius:18px;padding:8px 14px 9px;text-align:center;font-family:var(--display);font-weight:800;font-size:16px;line-height:1.2;box-shadow:0 4px 0 var(--line-strong),0 12px 30px #00000059;opacity:0;pointer-events:none}.coach b{display:block}.coach span{display:block;margin-top:2px;font-family:var(--body);font-size:14px;color:var(--muted)}.coach span:empty{display:none}.coach.show{opacity:1;animation:rise .3s ease-out}.coach.at-power{left:auto;transform:none;text-align:left;max-width:min(250px,calc(100% - 120px))}.coach.at-power.show{animation:rise-l .3s ease-out}.coach.at-power:after{content:"";position:absolute;right:-8px;bottom:16px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:3px}.coach.at-power.free{right:16px;bottom:120px}.fly{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pip-fly{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;will-change:transform;background:radial-gradient(circle at 34% 30%,#fff6c8 0 16%,var(--gold) 42%,#e2a700 100%);box-shadow:0 0 14px #fdca00cc}.time-chip{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity;background:var(--gold);color:var(--navy);border-radius:999px;padding:4px 10px 3px;font-family:var(--display);font-weight:800;font-size:16px;line-height:1.1;box-shadow:0 2px 0 var(--gold-edge)}.clock.refill{animation:refill .45s ease-out}.power-btn{--fc: #fdca00;position:absolute;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 34px);width:72px;height:72px;border-radius:50%;border:0;padding:0;cursor:pointer;pointer-events:none;appearance:none;background:#041e42c7;box-shadow:0 4px #0000004d,0 10px 26px #00000059;transition:box-shadow .25s,opacity .2s}.power-btn.hidden{display:none}#app.teach-on .power-btn{opacity:0}.power-face{position:absolute;inset:6px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fff 0 45%,#dfe8f4)}.power-face img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.55) brightness(.92);transition:filter .25s}.power-btn.ready .power-face img,.power-btn.active .power-face img{filter:none}.power-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.power-ring circle{fill:none;stroke-width:6}.power-ring .ring-track{stroke:#ffffff38}.power-ring .ring-fill{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;transition:stroke-dashoffset .35s}.power-btn.ready{box-shadow:0 0 0 3px var(--gold),0 4px 0 var(--gold-edge),0 0 24px #fdca00bf;animation:power-pulse .833s ease-in-out infinite}.power-btn.active{box-shadow:0 0 0 3px var(--fc),0 0 26px var(--fc)}.power-btn.active .ring-fill{stroke:var(--fc);filter:brightness(1.4)}.power-btn.firing{animation:power-fire .5s ease-out}.power-btn.wobble{animation:wobble .4s ease-in-out}.power-label{position:absolute;top:100%;left:50%;transform:translate(-50%,3px);white-space:nowrap;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.06em;color:var(--gold);text-shadow:0 2px 0 rgba(4,30,66,.7);opacity:0;transition:opacity .2s}.power-btn.ready .power-label{opacity:1}.power-rem{position:absolute;top:-6px;right:-6px;min-width:26px;height:26px;padding:0 6px;border-radius:13px;background:var(--gold);color:var(--navy);font-family:var(--display);font-weight:800;font-size:15px;line-height:27px;text-align:center;box-shadow:0 2px 0 var(--gold-edge);display:none}.power-rem.on{display:block}.power-cutin{--fc: #fdca00;position:absolute;right:calc(env(safe-area-inset-right,0px) + 100px);bottom:calc(env(safe-area-inset-bottom,0px) + 38px);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 120px);background:#fff;color:var(--navy);border-radius:999px;padding:6px 16px 6px 6px;box-shadow:0 0 0 3px var(--fc),0 12px 30px #00000059;opacity:0;pointer-events:none}.power-cutin img{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:none;background:radial-gradient(circle at 50% 35%,#fff 0 45%,#dfe8f4)}.cutin-text{min-width:0}.cutin-text b{display:block;font-family:var(--display);font-weight:800;font-size:21px;line-height:1}.cutin-text span{display:block;margin-top:3px;font-weight:800;font-size:14px;line-height:1.2;color:var(--muted)}.power-cutin.show{animation:cutin 1.2s cubic-bezier(.2,1,.3,1) forwards}#wash{position:absolute;inset:0;pointer-events:none;opacity:0}#wash.on{animation:wash .32s ease-out}.lead.hidden,#pause-nocount.hidden{display:none}#pause-nocount{margin-top:2px}.held{margin-top:10px;font-family:var(--display);font-weight:800;font-size:16px;color:var(--navy)}.held.hidden,.over-links.hidden,#teach-again-2.hidden,#over-switch.hidden{display:none}.over-links .btn-soft{margin-top:10px}.over-links .link-btn.dark{margin-top:2px}.overlay.screen{overscroll-behavior:contain}.screen--menu{background:#041e42cc;align-items:flex-start}.screen--card{background:#041e42b3}.screen:focus,.scr:focus,.scr-card:focus{outline:none}.scr{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-bottom:12px;color:#fff}.scr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}.scr-title{flex:1;margin:0;text-align:center;font-family:var(--display);font-weight:800;font-size:30px;line-height:1;color:#fff}.scr-head-gap{width:48px;flex:none}.icon-btn.light{background:#ffffff24;color:#fff}.icon-btn.light svg{fill:none}.scr-card{pointer-events:auto;width:100%;max-width:420px;margin:auto;text-align:center;background:#fff;color:var(--navy);border-radius:24px;box-shadow:0 6px 0 var(--line-strong),0 26px 60px #0006}.scr-h2{margin:6px 0 0;font-family:var(--display);font-weight:800;font-size:22px;line-height:1.15;color:var(--navy)}.btn-gold.invisible,.scr-foot.empty{visibility:hidden}.btn-gold .lbl,.pill-cta .lbl{pointer-events:none}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.02em;line-height:1.3}.chip svg{width:13px;height:13px;fill:currentColor}.chip.free{background:#e3f5ea;color:#157a42}.chip.lock{background:#e9eef5;color:var(--muted)}.chip.gold-soft{background:var(--gold-soft);color:var(--navy);font-size:14px;padding:5px 12px}.face{--fc: #1f5aa8;position:relative;display:inline-block;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fff 0 45%,#dfe8f4)}.face img{width:100%;height:100%;object-fit:cover;display:block}.face.md{width:64px;height:64px}.face.lg{width:88px;height:88px}.face.dim img{filter:grayscale(.55) opacity(.8)}.face.silhouette{background:#173f78}.face.silhouette img{filter:brightness(0) invert(1) opacity(.22)}.face.ring-gold{overflow:visible;box-shadow:0 0 0 4px var(--gold),0 4px 0 4px var(--gold-edge)}.face.ring-gold img{border-radius:50%}.face.silver{overflow:visible;box-shadow:0 0 0 4px #d5dde8}.face.silver img{border-radius:50%}.stars3{display:inline-flex;gap:2px}.stars3 i{width:16px;height:16px;display:block}.stars3 svg{width:100%;height:100%;display:block;fill:#ffffff38}.stars3 i.on svg{fill:var(--gold);filter:drop-shadow(0 1px 0 var(--gold-edge))}.scr-card .stars3 svg{fill:#dbe3ed}.scr-card .stars3 i.on svg{fill:var(--gold)}.shake{animation:shake-x .4s ease-in-out}.fig-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fig-card{--fc: #1f5aa8;position:relative;appearance:none;cursor:pointer;font:inherit;color:var(--navy);min-height:180px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#fff;border:3px solid transparent;border-radius:24px;padding:12px 8px 10px;box-shadow:0 4px 0 var(--line-strong);transition:border-color .15s,box-shadow .15s}.fig-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}.fig-card:active{transform:translateY(2px)}.fig-card.chosen{border-color:var(--gold);box-shadow:0 4px 0 var(--gold-edge),0 0 0 4px #fdca0059}.fig-card.locked{background:#eef2f7;box-shadow:0 4px #d3dbe6}.fc-sel,.fc-yours{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.fc-sel{background:var(--gold);color:var(--navy);opacity:0;transition:opacity .15s}.fig-card.chosen .fc-sel{opacity:1}.fc-yours{left:8px;right:auto;background:var(--navy);color:#fff}.fc-name{margin-top:2px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.1}.fc-power{font-weight:700;font-size:13px;line-height:1.25;color:var(--muted)}.fc-power b{display:block;font-weight:800;color:var(--navy)}.fc-how{font-weight:700;font-size:12px;line-height:1.2;color:var(--muted-2)}.scr-foot{position:sticky;bottom:0;padding:14px 0 2px;margin-top:-8px;background:linear-gradient(to bottom,#041e4200,#041e42eb 40%)}.scr-foot .btn-gold{margin-top:0}.home-head{display:flex;align-items:center;justify-content:space-between;min-height:48px}.home-brand{display:flex;align-items:center;gap:10px}.home-brand img{width:30px;height:30px;display:block}.home-title{margin:0;font-family:var(--display);font-weight:800;font-size:36px;line-height:1;color:#fff}.home-mute .ico-off,.home-mute.muted .ico-on{display:none}.home-mute.muted .ico-off{display:block}.home-mute.muted{background:#ff5d7a47}.home-tag{margin:-6px 0 2px;font-weight:800;font-size:15px;color:#ffffffd9}.player-chip{display:flex;align-items:center;gap:14px;background:#ffffff14;border-radius:24px;padding:10px 14px}.player-chip .face.md{margin:4px}.pc-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pc-as{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.15;color:#fff}.link-btn.light{color:var(--gold);padding:4px 0;justify-content:flex-start}#screen .link-btn,#ask .link-btn,#nudge .link-btn{min-height:48px}.mode-card{position:relative;appearance:none;cursor:pointer;font:inherit;width:100%;min-height:104px;text-align:left;display:flex;align-items:center;gap:12px;padding:14px;border:0;border-radius:24px;background:#fff;color:var(--navy);box-shadow:0 5px 0 var(--line-strong),0 16px 34px #00000040;transition:transform .08s,box-shadow .08s}.mode-card:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--line-strong)}.mode-card:disabled{cursor:default}.mode-card .face.mc-face{width:72px;height:72px;box-shadow:0 0 0 3px var(--line-strong)}.mc-ico{width:72px;height:72px;flex:none;border-radius:50%;background:var(--navy);display:grid;place-items:center}.mc-ico svg{width:40px;height:40px;fill:none;stroke:var(--gold);stroke-width:2.3;stroke-linecap:round}.mc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mc-title{font-family:var(--display);font-weight:800;font-size:24px;line-height:1;letter-spacing:.02em}.mc-line{font-weight:700;font-size:14px;line-height:1.25;color:var(--muted)}.mc-meta{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:2px;font-weight:800;font-size:14px;line-height:1.25;color:var(--navy)}.mc-stars{color:#a47f00}.pill-gold{flex:none;align-self:center;white-space:nowrap;border-radius:999px;padding:9px 14px 8px;background:var(--gold);color:var(--navy);box-shadow:0 3px 0 var(--gold-edge);font-family:var(--display);font-weight:800;font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.03em}.pill-gold.navy{background:var(--navy);color:#fff;box-shadow:0 3px #000c20}.mode-card.loading .pill-gold{filter:saturate(.35) brightness(1.08)}.home-practice{align-self:center;font-size:16px}.home-practice.loading{opacity:.6}.screen-ladder .scr{max-width:480px}.screen-ladder .scr-head{position:sticky;top:0;z-index:5;margin:0 -12px;padding:4px 12px 8px;background:linear-gradient(to bottom,#041e42fa 70%,#041e42e6);box-shadow:0 -40px #041e42fa,0 -80px #041e42fa,0 10px 18px -12px #00000080}.ladder-stars{min-width:48px;text-align:right;font-family:var(--display);font-weight:800;font-size:17px;color:var(--gold);white-space:nowrap}.ladder-map{position:relative;width:100%;margin-top:4px}.ladder-road{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ladder-road path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.r-base{stroke:#ffffff0f;stroke-width:46px}.r-rail{stroke:#0a2d5e;stroke-width:36px}.r-mid{stroke:#16407a;stroke-width:24px}.r-gold{stroke:var(--gold);stroke-width:10px;opacity:.92}.r-dash{stroke:#fff;stroke-width:3.5px;stroke-dasharray:10 22;opacity:.8;animation:road-dash 18s linear infinite}.ln{position:absolute;transform:translate(-50%,-42px);display:flex;flex-direction:column;align-items:center}.ln-node{position:relative;appearance:none;cursor:pointer;padding:0;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fff;border:6px solid #c9d5e4;box-shadow:0 5px #0000004d}.ln-node .face.ln-face{width:72px;height:72px}.ln-node.sil{background:#0a2d5e;border-color:#1c427a;cursor:default}.ln-node .q{font-family:var(--display);font-weight:800;font-size:34px;color:#ffffff59}.ln-node .crown{width:38px;height:38px;display:block}.ln-node .crown svg{width:100%;height:100%;fill:#fdca0073}.ln-rung.beaten .ln-node,.ln-rung.open .ln-node{border-color:var(--gold)}.ln-rung.next .ln-node{border-color:var(--gold);box-shadow:0 5px 0 var(--gold-edge),0 0 0 8px #fdca0038}.ln-node.pulse{animation:node-pulse 1.6s ease-in-out infinite}.ln-rung.locked .ln-node{background:#0a2d5e;border-color:#1c427a;cursor:default}.ln-lock{position:absolute;right:-6px;bottom:-6px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);box-shadow:0 2px #c9d5e4}.ln-lock svg{width:16px;height:16px;fill:currentColor}.ln-final{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:3px 10px 2px;border-radius:999px;background:var(--red);color:#fff;box-shadow:0 2px #8a0823;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.08em}.ln-label{position:absolute;top:42px;transform:translateY(-50%);width:max-content;max-width:140px;display:flex;flex-direction:column;gap:3px;color:#fff;text-shadow:0 2px 0 rgba(4,30,66,.7)}.ln-label.right{left:calc(100% + 12px);align-items:flex-start;text-align:left}.ln-label.left{right:calc(100% + 12px);align-items:flex-end;text-align:right}.ln-label b{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.1}.ln-label small{font-weight:700;font-size:13px;line-height:1.25;color:#ffffffd1}.ln-label .lock-line,.ln-rung.locked .ln-label b{color:#ffffffb3}.ln-label.has-cta{max-width:176px;pointer-events:auto}.pill-cta{appearance:none;border:0;cursor:pointer;margin-top:6px;min-height:56px;padding:0 20px;border-radius:999px;background:var(--gold);color:var(--navy);box-shadow:0 5px 0 var(--gold-edge);text-shadow:none;font-family:var(--display);font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.04em}.pill-cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--gold-edge)}.pill-cta:disabled{filter:saturate(.35) brightness(1.08)}.ln-standin{margin-top:4px;max-width:176px;font-weight:700;font-size:12px;line-height:1.25;color:#ffffffd9}@media(max-width:380px){.ln-label,.ln-label.has-cta{max-width:calc(56vw - 76px)}.ln-label.has-cta .pill-cta{font-size:15px;padding:0 10px;min-height:52px}}.ln.shake>.ln-node{animation:shake-x .4s ease-in-out}.ln.shake{animation:none}.screen--vs{padding:0;align-items:stretch;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.vs{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;cursor:pointer}.vs-right{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;padding:calc(var(--safe-t) + 60px) var(--safe-r) 0 0;background:linear-gradient(205deg,#ba0c2f9e,#ba0c2f33 34%,#ba0c2f00 58%)}.vs-left{position:absolute;z-index:1;left:0;top:0;bottom:0;width:50%;background:linear-gradient(170deg,#0f3a78 0%,var(--navy) 70%);clip-path:polygon(0 0,100% 0,58% 100%,0 100%);display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:calc(var(--safe-t) + 64px) 0 0 calc(var(--safe-l) + 4px)}.vs.twin .vs-left{background:linear-gradient(170deg,#26487e 0%,var(--navy) 70%)}.face.vs-face{width:140px;height:140px;box-shadow:0 0 0 5px var(--gold),0 6px 0 5px var(--gold-edge);overflow:visible}.face.vs-face img{border-radius:50%}.vs-name{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.05;color:#fff;text-shadow:0 3px 0 rgba(4,30,66,.6);max-width:46vw}.vs-name.me{margin-top:8px}.vs-name.opp{text-align:right}.vs-slogan{margin-top:4px;font-weight:800;font-size:15px;color:#ffffffeb;text-shadow:0 2px 0 rgba(4,30,66,.7);text-align:right}.vs-mid{position:absolute;z-index:2;left:34%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.vs-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--gold);color:var(--navy);box-shadow:0 5px 0 var(--gold-edge),0 0 0 5px #ffffffe6,0 14px 30px #0006;font-family:var(--display);font-weight:800;font-size:30px;line-height:1;animation:vs-in .5s cubic-bezier(.2,1.6,.4,1) both}.vs-final{padding:3px 12px 2px;border-radius:999px;background:var(--red);color:#fff;box-shadow:0 2px #8a0823;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.1em}.vs-twin{max-width:170px;text-align:center;padding:5px 12px;border-radius:16px;background:#ffffffeb;color:var(--navy);font-weight:800;font-size:14px;line-height:1.2}.vs-card{position:absolute;z-index:3;left:var(--safe-l);right:var(--safe-r);bottom:var(--safe-b);width:auto;max-width:440px;margin:0 auto;padding:14px 16px;cursor:default;animation:rise-l .35s ease-out both}.vs-first{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.1}.vs-tip{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;text-align:left;font-weight:800;font-size:15px;line-height:1.3;color:var(--muted)}.vs-ico{width:36px;height:36px;flex:none;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center}.vs-ico svg{width:22px;height:22px;fill:currentColor}.vs-power{margin-top:8px}.vs-best{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;font-weight:800;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.vs-best .stars3 svg{fill:#dbe3ed}.vs-best .stars3 i.on svg{fill:var(--gold)}.vs-standin{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;text-align:left;font-weight:700;font-size:14px;line-height:1.3;color:var(--muted-2)}.vs-standin .face.vs-standin-face{width:40px;height:40px;overflow:visible;box-shadow:0 0 0 2px var(--fc)}.vs-standin .face.vs-standin-face img{border-radius:50%}.vs-stub{margin-top:4px;font:700 12px/1.3 ui-monospace,monospace;color:#9a3412}.vs-card .btn-gold{margin-top:12px}.vs-back{position:absolute;left:var(--safe-l);top:var(--safe-t);z-index:4}#app.in-menu #hud{visibility:hidden}.opp-say{position:absolute;left:0;top:0;z-index:3;pointer-events:none;max-width:180px;padding:8px 14px 9px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 4px #041e4240,0 10px 24px #0000004d;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.1;white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .18s,transform .22s cubic-bezier(.2,1.5,.4,1)}.opp-say.show{opacity:1;transform:none}.opp-say:before{content:"";position:absolute;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}.opp-say.right{transform-origin:0 50%}.opp-say.right:before{left:-5px;top:calc(50% - 6px)}.opp-say.left{transform-origin:100% 50%}.opp-say.left:before{right:-5px;top:calc(50% - 6px)}.opp-say.up{transform-origin:50% 100%}.opp-say.up:before{left:calc(50% - 6px);bottom:-5px}.opp-say.down{transform-origin:50% 0}.opp-say.down:before{left:calc(50% - 6px);top:-5px}html.reduce-motion .opp-say{transition:opacity .18s;transform:none}.res-card{padding:0;overflow:hidden}.res-head{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:18px 16px 16px;background:radial-gradient(120% 90% at 50% 0%,#0f3a78 0%,var(--navy) 70%);color:#fff}.res-head.soft{background:radial-gradient(120% 100% at 50% 0%,#2d62a6,#0f3a78 75%)}.face.res-face{width:72px;height:72px;box-shadow:0 0 0 4px #ffffffe6;overflow:visible}.face.res-face img{border-radius:50%}.res-head .result-title{margin-top:10px}.res-head .confetti{z-index:0}.res-head>:not(.confetti){position:relative;z-index:1}.res-score-row{display:flex;align-items:center;justify-content:center;gap:12px}.res-time{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 10px 3px 8px;border-radius:999px;background:#ffffff1f;font-weight:800;font-size:15px;color:#fff;font-variant-numeric:tabular-nums}.res-time svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.fast-delta{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.9}.res-title{position:relative;margin:10px 0 0;font-family:var(--display);font-weight:800;font-size:26px;line-height:1.1;color:#fff}.res-title.big{font-size:28px}.res-score{position:relative;margin-top:2px;font-family:var(--display);font-weight:800;font-size:44px;line-height:1;color:var(--gold);text-shadow:0 3px 0 var(--gold-edge);font-variant-numeric:tabular-nums}.res-sub{position:relative;margin:6px 0 0;font-weight:800;font-size:16px;line-height:1.3;color:#ffffffeb}.res-head .first-record{margin-top:8px}.res-body{padding:14px 16px 12px}.result-grid.three{grid-template-columns:repeat(3,1fr)}.res-body .btn-gold{margin-top:12px}.res-line{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:14px;text-align:left;font-weight:800;font-size:15px;line-height:1.3}.res-line:first-child{margin-top:0}.res-line.good{background:#e3f5ea}.res-line.tip-line{background:var(--gold-soft)}.rl-ico{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--green)}.rl-ico svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.tip-line .rl-ico{background:var(--gold)}.tip-line .rl-ico svg{stroke:var(--navy);stroke-width:2.2}.btn-gold.revansch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bonus-chip{font-family:var(--body);font-weight:800;font-size:13px;line-height:1.2;letter-spacing:0;text-transform:none;background:var(--gold-soft);color:var(--navy);border-radius:999px;padding:3px 10px}.res-links{display:flex;justify-content:center;flex-wrap:wrap;column-gap:12px}.res-links .link-btn.dark{margin:2px 0 0}.screen--unlock{align-items:flex-end;background:linear-gradient(to bottom,#041e428c,#041e4200 16% 42%,#041e42e0 74%);backdrop-filter:none;-webkit-backdrop-filter:none}.unlock-wrap{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.unlock-burst{position:absolute;left:0;right:0;top:calc(var(--safe-t) + 8px);text-align:center;pointer-events:none;font-family:var(--display);font-weight:800;font-size:46px;line-height:1;color:var(--gold);text-transform:uppercase;text-shadow:0 4px 0 var(--gold-edge),0 10px 30px rgba(0,0,0,.45);animation:pop .5s cubic-bezier(.2,1.5,.4,1) both}.screen--card .unlock-burst{position:static}.unlock-card{position:relative;overflow:hidden;margin:0;padding:18px 16px 12px}.unlock-card .face.lg{margin-top:4px}.unlock-power{margin:6px 0 0;font-weight:700;font-size:15px;line-height:1.35;color:var(--muted)}.ld-row{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.ld-fig{display:flex;flex-direction:column;align-items:center;gap:4px;animation:pop .45s cubic-bezier(.2,1.5,.4,1) both}.ld-fig .face.md{width:54px;height:54px}.pd-balls{display:flex;gap:10px}.pd-balls i{width:28px;height:28px;border-radius:50%;display:block;box-shadow:inset 0 -3px #0000002e}.pd-balls .b-top{background:#f23a2e}.pd-balls .b-back{background:#3d7bff}.pd-balls .b-right{background:#ffc61a}.pd-balls .b-left{background:#10c9a8}.mar-card{padding:16px 14px 14px;margin:0 auto;width:100%}.mar-opps{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.mar-opp{--fc: #1f5aa8;appearance:none;cursor:pointer;font:inherit;color:var(--navy);flex:0 1 96px;min-width:78px;min-height:48px;padding:8px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:20px;background:#f3f6fb;border:3px solid transparent}.mar-opp.chosen{background:#fff;border-color:var(--gold);box-shadow:0 3px 0 var(--gold-edge)}.face.mar-face{width:72px;height:72px}.mo-name{font-family:var(--display);font-weight:800;font-size:14px;line-height:1.1}.mo-best{font-weight:700;font-size:12px;color:var(--muted-2)}.mar-rule{margin:8px 0 0;font-weight:700;font-size:15px;line-height:1.35;color:var(--muted)}#ask.hidden,#nudge.hidden{display:none}.screen--ask{background:#041e42b8}.ask-card{max-width:360px;padding:20px 16px 16px}.ask-row{display:flex;flex-direction:column;gap:10px;margin-top:16px}.ask-row .btn-gold,.ask-row .btn-soft{margin-top:0;min-height:56px}.nudge{position:absolute;left:0;right:0;top:var(--safe-t);display:flex;justify-content:center;padding:0 16px;pointer-events:none}.nudge-card{pointer-events:auto;width:100%;max-width:420px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;color:var(--navy);border-radius:24px;box-shadow:0 5px 0 var(--line-strong),0 16px 40px #00000059;animation:rise-l .35s ease-out}.nudge-card p{flex:1;margin:0;text-align:left;font-weight:800;font-size:15px;line-height:1.3}.nudge-ico{width:36px;height:36px;flex:none;border-radius:50%;background:var(--gold-soft);display:grid;place-items:center}.nudge-ico svg{width:20px;height:20px;fill:var(--navy)}.btn-soft.small{width:auto;flex:none;margin:0;min-height:48px;padding:8px 12px;font-size:15px}@media(orientation:portrait){#app.nudge-on .overlay:not(.hidden):not(.screen--ask){padding-top:calc(var(--safe-t) + var(--nudge-h, 76px) + 10px);align-items:flex-start}#app.nudge-on .overlay:not(.hidden)>.card,#app.nudge-on .overlay:not(.hidden)>.scr-card{margin-top:auto;margin-bottom:auto}}@media(max-width:359px){.nudge-ico{display:none}.nudge-card .btn-soft.small{padding:8px 10px;font-size:14px}}@media(orientation:landscape)and (max-height:500px){.nudge{--card-w: min(720px, calc(100vw - 2 * var(--safe-l)));top:auto;bottom:max(6px,env(safe-area-inset-bottom,0px));right:auto;padding:0;left:calc(50% - var(--card-w) / 2 + 12px);width:calc(var(--card-w) / 2 - 24px)}.nudge-card{max-width:none;padding:4px 4px 4px 12px;gap:8px;border-radius:20px}.nudge-card p{font-size:13px;line-height:1.25}.nudge-ico{display:none}.nudge-card .btn-soft.small{font-size:13px;padding:6px 10px}}@media(orientation:landscape){.screen--unlock{align-items:center;justify-content:flex-end;background:linear-gradient(to right,#041e4200 0% 45%,#041e42d1 78%)}.unlock-wrap{margin:0;width:min(440px,46vw)}}@keyframes ring-flash{0%,to{box-shadow:none}25%,75%{box-shadow:0 0 0 4px var(--fc),0 0 18px var(--fc)}50%{box-shadow:0 0 0 2px var(--fc)}}@keyframes meter-pulse{0%,to{transform:scale(1);box-shadow:0 2px #00000038}50%{transform:scale(1.08);box-shadow:0 0 0 4px #fdca0073}}@keyframes chip-in{0%{opacity:0;transform:translate(-50%,-6px) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes refill{0%{transform:scale(1)}40%{transform:scale(1.12);box-shadow:0 0 0 4px #fdca0080}to{transform:scale(1)}}@keyframes power-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes power-fire{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}@keyframes cutin{0%{opacity:0;transform:translate(46px) scale(.9)}14%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translate(12px)}}@keyframes wash{0%{opacity:.34}to{opacity:0}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes road-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-64}}@keyframes vs-in{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:none}}@media(max-width:380px){.result-grid:not(.three) .mini-val{font-size:22px}.scoreboard{gap:4px;padding:3px 5px;min-height:46px}.sb-face{width:28px;height:28px}.sb-dots{gap:2px}.sb-dots i{min-width:9px}.scr-title{font-size:26px}.home-title{font-size:32px}.mode-card{flex-wrap:wrap;row-gap:8px;padding:12px;min-height:0}.mode-card .face.mc-face,.mc-ico{width:60px;height:60px}.mc-body{flex-basis:calc(100% - 72px)}.mode-card .pill-gold{margin-left:72px}.mc-title{font-size:22px}.fig-card{min-height:170px;padding:10px 6px 8px}.face.lg{width:76px;height:76px}.face.vs-face{width:112px;height:112px}.vs-name{font-size:22px}}@media(max-width:359px){#app.mode-maraton .pill .lvl-lbl{display:inline;font-size:12px;letter-spacing:.03em}#app.mode-maraton .pill .smark{display:none}.face.mar-face,.power-btn{width:64px;height:64px}.power-cutin{right:calc(env(safe-area-inset-right,0px) + 90px);max-width:calc(100vw - 106px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.cutin-text b{font-size:19px}.sb-face{width:26px;height:26px}.scoreboard{gap:2px;padding:3px}.sb-ring{inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px)}.sb-dots i{min-width:8.5px;border-width:1.5px}.scoreboard:not(.numerals):not(.practice) .sb-mid{margin:0 1px}#app.mode-utmana .hud-bar{column-gap:6px}}@media(max-height:700px)and (orientation:portrait){.scr{gap:10px}.player-chip{padding:8px 12px}.player-chip .face.md{width:56px;height:56px}.mode-card{min-height:92px}.fig-card{min-height:160px;gap:3px}.fc-power{font-size:12px}.face.lg{width:70px;height:70px}.vs-left{padding-top:calc(var(--safe-t) + 56px)}.face.vs-face{width:104px;height:104px}.vs-mid{top:45%;left:30%}.vs-badge{width:64px;height:64px;font-size:27px}.vs-card{padding:10px 14px 12px}.vs-first{font-size:20px}.vs-tip{margin-top:6px;font-size:14px}.res-head{padding:12px}.face.res-face{width:58px;height:58px}.res-title{font-size:22px;margin-top:8px}.res-score{font-size:38px}.res-body{padding:10px 14px}.res-line{padding:8px 10px;font-size:14px}.unlock-burst{font-size:38px}}@media(orientation:landscape)and (max-height:500px){#app.mode-utmana .hud-bar{grid-template-columns:auto 1fr auto auto 1fr auto;grid-template-areas:"pause . board meter . mute";column-gap:10px}#app.mode-utmana .meter{align-self:center}.power-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}.scr{max-width:760px}.scr-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"head head" "tag utmana" "chip maraton" ". practice";column-gap:16px;row-gap:8px;align-items:start}.scr-home .home-head{grid-area:head}.scr-home .home-tag{grid-area:tag;margin:0}.scr-home .player-chip{grid-area:chip}.scr-home .mc-utmana{grid-area:utmana}.scr-home .mc-maraton{grid-area:maraton}.scr-home .home-practice{grid-area:practice}.mode-card{min-height:88px;padding:10px 12px}.mode-card .face.mc-face,.mc-ico{width:60px;height:60px}.fig-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.fig-card:last-child:nth-child(odd){grid-column:auto;width:auto}.fig-card{min-height:0;padding:8px 4px}.fig-card .face.lg{width:64px;height:64px}.fc-name{font-size:16px}.fc-power{font-size:12px}.scr-foot{max-width:360px;margin:0 auto;width:100%}.vs-left{width:48%;padding-top:var(--safe-t);padding-left:calc(var(--safe-l) + 56px);flex-direction:row;align-items:center;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.face.vs-face{width:76px;height:76px;box-shadow:0 0 0 4px var(--gold),0 4px 0 4px var(--gold-edge)}.vs-name{font-size:22px}.vs-name.me{margin:0 0 0 6px;max-width:24vw}.vs-left{justify-content:flex-start;align-items:flex-start}.vs-left .vs-face{margin-top:6px}.vs-right{padding-top:calc(var(--safe-t) + 8px)}.vs-mid{left:44%;top:34%}.vs-badge{width:60px;height:60px;font-size:25px}.vs-card{left:var(--safe-l);right:auto;bottom:var(--safe-b);margin:0;width:min(360px,42vw);padding:10px 14px}.vs-first{font-size:19px}.vs-tip{font-size:13px;margin-top:4px}.vs-card .btn-gold{margin-top:8px;min-height:48px;padding:8px}.scr-card.res-card{max-width:720px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.res-card .res-head{justify-content:center}.res-card .res-body{display:flex;flex-direction:column;justify-content:center}.unlock-card{display:grid;grid-template-columns:auto 1fr;column-gap:14px;text-align:left;align-items:center}.unlock-card .face.lg{grid-row:span 4}.unlock-burst{font-size:34px}.ld-fig .face.md{width:46px;height:46px}}@media(min-width:900px)and (min-height:560px){.scr{margin:auto}.screen-ladder .scr{margin:0 auto}.vs-left{width:44%;padding-left:calc(var(--safe-l) + 40px);padding-top:calc(var(--safe-t) + 70px)}.face.vs-face{width:160px;height:160px}.vs-name{font-size:34px}.vs-name.opp{font-size:38px}.vs-slogan{font-size:18px}.vs-mid{left:36%;top:40%}.vs-badge{width:84px;height:84px;font-size:36px}.vs-card{left:calc(var(--safe-l) + 24px);right:auto;bottom:calc(var(--safe-b) + 16px);margin:0;width:min(440px,36vw)}.vs-first{font-size:24px}.vs-tip{font-size:16px}}@media(prefers-reduced-motion:reduce){.power-btn.ready,.ln-node.pulse,.meter.coaching,.r-dash,.power-btn.firing,.power-btn.wobble,.sb-face.opp.flash{animation:none}.power-cutin.show{animation:fade .2s forwards}.special-chip.show{animation:fade .2s forwards;transform:translate(-50%)}#wash{display:none}.vs-badge,.unlock-burst,.ld-fig,.vs-card,.nudge-card{animation:none}.shake,.ln.shake>.ln-node{animation:none}}html.reduce-motion .power-btn.ready,html.reduce-motion .ln-node.pulse,html.reduce-motion .meter.coaching,html.reduce-motion .r-dash,html.reduce-motion .vs-badge,html.reduce-motion .unlock-burst,html.reduce-motion .ld-fig,html.reduce-motion .vs-card{animation:none}html.reduce-motion #wash{display:none}