:root{--ink:#2b1d14;--ink-soft:#5a4636;--paper:#fff4dc;--paper-2:#f6e3bb;--paper-3:#e9cf9c;--blossom:#ff7aa2;--blossom-deep:#d9477a;--indigo:#3b3a8f;--red:#e2412f;--gold:#ffc53d;--gold-deep:#c98a00;--good:#3fbf6a;--good-deep:#1f7a41;--bad:#ff8a3d;--world:#6cc04a;--world-deep:#1f4d1a;--stage-w:1280px;--stage-h:720px;--font-letters:"Andika", "Comic Sans MS", system-ui, sans-serif;--font-display:"Luckiest Guy", "Baloo 2", system-ui, sans-serif;--font-ui:"Baloo 2", "Andika", system-ui, sans-serif;--shadow-press:0 7px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;background:#1d1230}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.viewport{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--world) 45%, #1d1230) 0%, #1d1230 75%);place-items:center;transition:background .6s;display:grid;position:fixed;inset:0}.stage{width:var(--stage-w);height:var(--stage-h);transform-origin:0 0;contain:layout paint;touch-action:none;background:#222;border-radius:0;position:absolute;top:50%;left:50%;overflow:hidden}.scrollable{touch-action:pan-y}.scene{position:absolute;inset:0}.bg-img{object-fit:cover;filter:saturate(.88)brightness(1.04);width:100%;height:100%;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#2b1d1459 100%);position:absolute;inset:0}.rotate{z-index:99;color:var(--paper);text-align:center;touch-action:none;cursor:pointer;background:radial-gradient(at 50% 42%,#43307a 0%,#2a1a4a 45%,#1d1230 80%);flex-direction:column;justify-content:center;align-items:center;gap:2vh;padding:24px;display:flex;position:fixed;inset:0}.rotate-art{aspect-ratio:1/1.42;width:min(96vw,60vh,520px);position:relative}.rotate-svg{filter:drop-shadow(0 8px #00000040);width:94%;height:auto;position:absolute;top:0;left:6%;overflow:visible}.rot-phone{transform-box:view-box;transform-origin:150px 150px;animation:3.4s ease-in-out infinite rot-phone}@keyframes rot-phone{0%{opacity:1;transform:rotate(0)}8%{transform:rotate(5deg)}13%{transform:rotate(-5deg)}18%{transform:rotate(0)}24%{animation-timing-function:cubic-bezier(.5,0,.3,1.35);transform:rotate(0)}50%,86%{opacity:1;transform:rotate(-90deg)}91%{opacity:0;transform:rotate(-90deg)}94%{opacity:0;transform:rotate(0)}to{opacity:1;transform:rotate(0)}}.rot-arc-ink,.rot-arc{fill:none;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300px;animation:3.4s ease-in-out infinite rot-arc}.rot-arc-ink{stroke:#2b1d14;stroke-width:30px}.rot-arc{stroke:#ffc53d;stroke-width:18px}.rot-head{fill:#ffc53d;stroke:#2b1d14;stroke-width:7px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 30%;animation:3.4s ease-in-out infinite rot-head}@keyframes rot-arc{0%,19%{stroke-dashoffset:300px;opacity:0}21%{stroke-dashoffset:290px;opacity:1}46%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}90%,to{stroke-dashoffset:0;opacity:0}}@keyframes rot-head{0%,42%{opacity:0;transform:scale(0)}48%{opacity:1;transform:scale(1.3)}54%,80%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(1)}}.rot-star{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite rot-star}@keyframes rot-star{0%,44%{opacity:1;transform:scale(1)}52%,92%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.rot-tick{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite rot-tick}@keyframes rot-tick{0%,50%{opacity:0;transform:scale(0)rotate(90deg)}56%{opacity:1;transform:scale(1.35)rotate(90deg)}62%,86%{opacity:1;transform:scale(1.15)rotate(90deg)}91%,to{opacity:0;transform:scale(1.15)rotate(90deg)}}.rotate-ninja{aspect-ratio:640/860;width:50%;position:absolute;bottom:0;left:0}.rotate-ninja img{filter:drop-shadow(0 8px 6px #00000059);transform-origin:50% 100%;width:100%;position:absolute;bottom:0;left:0}.rn-think{animation:3.4s ease-in-out infinite rn-think}.rn-cheer{animation:3.4s ease-in-out infinite rn-cheer}@keyframes rn-think{0%,49%{opacity:1;rotate:-3deg}25%{rotate:3deg}51%,90%{opacity:0}94%,to{opacity:1;rotate:-3deg}}@keyframes rn-cheer{0%,49%{opacity:0;translate:0;scale:1}51%{opacity:1;translate:0;scale:1.08 .92}60%{translate:0 -14%;scale:.95 1.05}68%{translate:0;scale:1.06 .94}76%{translate:0 -8%;scale:.98 1.02}84%{opacity:1;translate:0;scale:1}90%,to{opacity:0}}.rotate-tap{aspect-ratio:1;pointer-events:none;width:26%;animation:1.2s ease-in-out infinite taphint;position:absolute;top:34%;left:44%}.rotate-tap svg{filter:drop-shadow(0 4px #0000004d);position:relative}.rotate-ring{aspect-ratio:1;border:6px solid #ffc53d;border-radius:50%;width:56%;animation:1.2s ease-out infinite rot-ring;position:absolute;top:-18%;left:4%}@keyframes rot-ring{0%{opacity:1;scale:.3}to{opacity:0;scale:1.6}}.rotate-note{font:600 15px/1.25 var(--font-ui);letter-spacing:.2px;opacity:.62}.sprite{pointer-events:none;filter:drop-shadow(0 10px 8px #2b1d1447);will-change:transform;position:absolute}.shadow-blob{pointer-events:none;background:radial-gradient(#2b1d1459,#0000 70%);border-radius:50%;height:22px;position:absolute}.bob{animation:2.2s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(.99,1.01)}}.breathe{transform-origin:50% 100%;animation:2.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.98)}}.float{animation:3s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}.flip{transform:scaleX(-1)}.panel{background:var(--paper);border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 18px 30px #00000040;border-radius:28px}.tile{--size:104px;min-width:var(--size);height:var(--size);font-family:var(--font-letters);font-weight:700;font-size:calc(var(--size) * .62);color:var(--ink);background:linear-gradient(180deg, #fffaf0 0%, var(--paper) 55%, var(--paper-2) 100%);border:5px solid var(--ink);box-shadow:var(--shadow-press);touch-action:manipulation;border-radius:22px;place-items:center;padding:0 16px;line-height:1;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:inline-grid;position:relative}.tile .g{letter-spacing:1px;transform:translateY(-4%)}.tile:active,.tile.pressed{box-shadow:0 1px 0 var(--ink);transform:translateY(6px)}.tile.used{opacity:.25;box-shadow:0 1px 0 var(--ink);pointer-events:none;transform:translateY(6px)scale(.92)}.tile.wrong{background:#ffe0cc;animation:.4s shake}.tile.right{background:linear-gradient(#eaffea,#bff0c9)}.tile.hint{animation:1s ease-in-out infinite hintglow}.tile.sm{--size:80px;border-width:4px;border-radius:18px}.tile.lg{--size:150px;border-width:6px;border-radius:30px}.tile.xl{--size:230px;box-shadow:0 10px 0 var(--ink);border-width:7px;border-radius:40px}@keyframes shake{0%,to{translate:0}20%{translate:-12px}40%{translate:10px}60%{translate:-7px}80%{translate:4px}}@keyframes hintglow{0%,to{box-shadow:var(--shadow-press), 0 0 0 6px #ffc53d, 0 0 18px 8px #ffc53db3;translate:0}50%{box-shadow:var(--shadow-press), 0 0 0 9px #ffc53d, 0 0 30px 16px #ffc53de6;translate:0 -6px}}.slots{justify-content:center;align-items:flex-end;gap:12px;display:flex}.slot{--size:104px;min-width:var(--size);height:var(--size);background:#fff4dcd1;border:5px dashed #2b1d14b3;border-radius:22px;place-items:center;display:grid;position:relative;box-shadow:inset 0 4px #2b1d1426}.slots.compact{gap:8px}.slots.compact .slot{--size:90px}.slot.active{border-color:var(--gold-deep);background:#ffe596b3;animation:1.2s ease-in-out infinite slotpulse}.slot.filled{background:0 0;border:none}.slot .tile{width:100%;min-width:0;position:absolute;inset:0}@keyframes slotpulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sb{background:var(--ink);border-radius:6px;height:10px;position:absolute;bottom:-22px;left:50%;translate:-50%}.sb.dot{border-radius:50%;width:12px;height:12px}.sb.bar{width:70%}.sb.two{background:radial-gradient(circle at 6px 6px, var(--ink) 5.5px, transparent 6.5px) 0 0 / 18px 12px repeat-x;border-radius:0;width:30px;height:12px}.sb.two.lit{background:radial-gradient(circle at 6px 6px, var(--gold-deep) 5.5px, transparent 6.5px) 0 0 / 18px 12px repeat-x;box-shadow:none}.sb.lit{background:var(--gold-deep);box-shadow:0 0 0 4px #ffc53d80}.btn-round{background:radial-gradient(circle at 35% 30%, #fff 0%, var(--gold) 45%, var(--gold-deep) 100%);border:5px solid var(--ink);width:92px;height:92px;box-shadow:0 6px 0 var(--ink);border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.btn-round:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn-round svg{width:54%;height:54%}.btn-round.sm{border-width:5px;width:92px;height:92px}.btn-round.go{background:radial-gradient(circle at 35% 30%, #d9ffe4 0%, var(--good) 50%, var(--good-deep) 100%)}.btn-round.pink{background:radial-gradient(circle at 35% 30%, #ffe3ee 0%, var(--blossom) 50%, var(--blossom-deep) 100%)}.btn-round.pulse{animation:1.3s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.topbar{z-index:20;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;top:16px;left:18px;right:18px}.topbar>*{pointer-events:auto}.topbar .spacer{pointer-events:none;flex:1}.sensei-dock{z-index:30;pointer-events:none;width:190px;height:240px;position:absolute;bottom:0;left:8px}.sensei-dock img{transform-origin:50% 100%;width:190px;transition:transform .2s;position:absolute;bottom:-12px;left:0}.sensei-dock.talking img{animation:.35s ease-in-out infinite alternate talk}@keyframes talk{0%{transform:rotate(-1.5deg)scale(1)}to{transform:rotate(1.5deg)scale(1.02,.98)}}.bubble{z-index:31;width:fit-content;max-width:460px;font-family:var(--font-ui);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);pointer-events:none;background:#fffdf6;border-radius:26px;padding:14px 22px;font-size:25px;font-weight:700;line-height:1.2;animation:.25s cubic-bezier(.3,1.6,.6,1) pop;position:absolute;bottom:158px;left:auto;right:18px}.bubble:before{content:"";background:inherit;border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);border-radius:0 0 6px;width:30px;height:30px;position:absolute;bottom:-19px;right:46px;transform:rotate(45deg)}.bubble.baron,.bubble.baron:before{background:#efe0ff}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.display{font-family:var(--font-display);color:var(--paper);letter-spacing:2px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.logo{font-family:var(--font-display);letter-spacing:4px;color:var(--paper);text-align:center;-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 12px 0 var(--ink), 0 22px 30px #00000059;font-size:150px;line-height:.86;transform:rotate(-4deg)}.logo .l2{color:var(--red);font-size:190px;display:block}.logo .l1{color:var(--gold);display:block}.hearts{gap:6px;display:flex}.hearts img{width:50px;transition:transform .3s,opacity .3s,filter .3s}.hearts img.lost{filter:grayscale()brightness(.7);opacity:.5;transform:scale(.8)}.progress{border:4px solid var(--ink);background:#2b1d1459;border-radius:20px;flex:0 0 360px;height:30px;position:relative;overflow:hidden}.progress>div{background:linear-gradient(180deg, #ffe38a, var(--gold) 60%, var(--gold-deep));border-right:4px solid var(--ink);width:0;transition:width .5s cubic-bezier(.3,1.4,.6,1);position:absolute;inset:0}.progress img{width:52px;transition:left .5s;position:absolute;top:-14px}.card{background:var(--paper);border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 20px 34px #00000040;border-radius:30px;place-items:center;display:grid;position:absolute}.card img{object-fit:contain;width:86%;height:86%}.center{width:max-content;position:absolute;top:50%;left:50%;translate:-50% -50%}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.fade-in{animation:.5s both fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}.pop-in{animation:.45s cubic-bezier(.3,1.6,.6,1) both popin}@keyframes popin{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.drop-in{animation:.55s cubic-bezier(.3,1.5,.6,1) both dropin}@keyframes dropin{0%{transform:translateY(-120%)}to{transform:translateY(0)}}.hit{animation:.45s hitshake}@keyframes hitshake{0%,to{filter:none;translate:0}15%{filter:brightness(2.2)saturate(0);translate:18px -6px}35%{translate:-14px}55%{filter:none;translate:9px}75%{translate:-4px}}.screen-shake{animation:.4s screenshake}@keyframes screenshake{0%,to{translate:0}20%{translate:-10px 6px}40%{translate:9px -6px}60%{translate:-6px 3px}80%{translate:4px -2px}}.fullscreen-fade{z-index:90;pointer-events:none;background:#1d1230;animation:.6s forwards fadeout;position:absolute;inset:0}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.caption-hidden .bubble,.bubble.notail:before{display:none}.sensei-dock.auto img{transition:transform .35s cubic-bezier(.3,1.4,.6,1)}.sensei-dock.auto.away img{transform:translateY(110%)}.map-next{animation:1.1s ease-in-out infinite mapnext}@keyframes mapnext{0%,to{translate:0;scale:1}50%{translate:0 -12px;scale:1.06}}.gem-ready{animation:1s ease-in-out infinite gemready}@keyframes gemready{0%,to{filter:drop-shadow(0 0 #ffc53d00);translate:0}50%{filter:drop-shadow(0 0 16px #ffc53df2);translate:0 -6px}}.gem-sparkle{pointer-events:none;background:radial-gradient(circle, #fff 0 18%, transparent 20%), conic-gradient(from 0deg, transparent 0 20deg, #fff 22deg 26deg, transparent 28deg 110deg, #fff 112deg 116deg, transparent 118deg 200deg, #fff 202deg 206deg, transparent 208deg 290deg, #fff 292deg 296deg, transparent 298deg);border-radius:50%;width:22%;height:22%;animation:2.2s ease-in-out infinite sparkle;position:absolute;top:6%;right:8%}@keyframes sparkle{0%,to{opacity:0;rotate:0deg;scale:.4}40%{opacity:1;scale:1}70%{opacity:0;rotate:90deg}}.help-btn{z-index:85;border:6px solid var(--ink);width:124px;height:124px;box-shadow:0 7px 0 var(--ink), 0 0 0 6px #fff4dccc;background:radial-gradient(circle at 40% 35%,#fff8e6,#ffd98a 70%,#e0a53a);border-radius:50%;position:absolute;bottom:14px;right:14px;overflow:visible}.help-face{object-fit:cover;border-radius:50%;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.help-waves{fill:none;stroke:#ffc53d;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 2px #2b1d14);width:44px;height:70px;position:absolute;top:50%;right:100%;translate:-6px -50%;scale:-1 1}.help-waves path{opacity:0;animation:.9s ease-out infinite wave}.help-waves path:nth-child(2){animation-delay:.15s}.help-waves path:nth-child(3){animation-delay:.3s}@keyframes wave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.help-q{background:var(--good);border:5px solid var(--ink);color:#fff;width:46px;height:46px;font-family:var(--font-display);text-align:center;text-shadow:0 2px 0 var(--ink);border-radius:50%;font-size:30px;line-height:38px;position:absolute;top:-10px;left:-10px}.help-btn.talking{animation:.5s ease-in-out infinite alternate helptalk}@keyframes helptalk{0%{scale:1}to{scale:1.07}}.help-btn.nudge{animation:1s ease-in-out infinite helpnudge}@keyframes helpnudge{0%,to{rotate:0deg;scale:1}20%{rotate:-8deg;scale:1.15}40%{rotate:8deg;scale:1.15}60%{rotate:0deg;scale:1.08}}@keyframes taphint{0%,to{transform:translate(0)scale(1)}45%{transform:translate(-10px,-18px)scale(1.05)}60%{transform:translate(0)scale(.92)}}.tape{z-index:2;background:repeating-linear-gradient(45deg,#ff7aa2bf 0 8px,#ffc8d7bf 8px 16px);border-radius:3px;width:70px;height:22px;position:absolute;top:2px;left:50%;translate:-50%;rotate:-4deg;box-shadow:0 1px 2px #0003}.sheet{background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2px #e6c9bb,0 14px 30px #783c2840}.sheet:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(115deg,#fff0 30%,#ffffff8c 42%,#fff0 50%);position:absolute;inset:0}.gem-won{animation:3s ease-in-out infinite gemwon}@keyframes gemwon{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.btn-go-wide{font-family:var(--font-ui);color:#fff;text-shadow:0 2px #00000059;border:5px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:linear-gradient(180deg, #7ce39a, var(--good) 60%, var(--good-deep));border-radius:999px;padding:18px 30px;font-size:32px;font-weight:800}.btn-go-wide:active{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)}.name-input{width:560px;height:110px;font-family:var(--font-letters);text-align:center;color:var(--ink);border:6px solid var(--ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;border-radius:26px;outline:none;font-size:72px;font-weight:700;box-shadow:inset 0 6px #2b1d141a}.name-input:focus{border-color:#3fbf6a;box-shadow:0 0 0 8px #3fbf6a4d}.villain-dark{background:radial-gradient(at 75% 40%,#5a145a26,#140014b8 75%);animation:.35s ease-out both vdark;position:absolute;inset:0}@keyframes vdark{0%{opacity:0}to{opacity:1}}.villain-card{background:radial-gradient(circle,#6d1a4a 0%,#2a0a2a 70%);border:7px solid #120412;border-radius:50%;width:330px;height:330px;animation:.45s cubic-bezier(.2,1.5,.4,1) both vin,1.2s ease-in-out .45s infinite vpulse;position:absolute;top:30px;right:30px;box-shadow:0 0 0 5px #b3264a,0 0 60px 20px #a028dcb3}.villain-clip{border-radius:50%;position:absolute;inset:0;overflow:hidden}.villain-clip img{transform-origin:50% 100%;width:108%;animation:.28s ease-in-out infinite alternate vtalk;position:absolute;bottom:-4%;left:50%;translate:-50%}.villain-name{white-space:nowrap;font-family:var(--font-display);color:#ffd2e6;letter-spacing:1px;background:#120412;border:4px solid #b3264a;border-radius:14px;padding:2px 18px;font-size:34px;position:absolute;bottom:-26px;left:50%;translate:-50%}@keyframes vin{0%{opacity:0;transform:translate(260px,-80px)rotate(25deg)scale(.4)}to{opacity:1;transform:none}}@keyframes vpulse{50%{box-shadow:0 0 0 5px #e0306a,0 0 90px 30px #aa28f0d9}}@keyframes vtalk{0%{transform:rotate(-2deg)scale(1)}to{transform:rotate(2deg)scale(1.03,.98)}}.help-btn.talking{box-shadow:0 7px 0 var(--ink), 0 0 0 8px #ffc53df2, 0 0 30px 8px #ffdc78e6}.intro-overlay{z-index:50;background:radial-gradient(at 50% 45%,#3c1e50bf,#140a1eeb);position:absolute;inset:0}.intro-flower{width:560px;height:560px;transition:all .8s cubic-bezier(.3,1.2,.4,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.intro-flower.shrink{opacity:.9;width:300px;height:300px;top:30%;left:80%}.intro-petal{width:260px;height:380px;position:absolute;top:50%;left:50%;translate:-50% -52%}.petal-land{transform-box:fill-box;transform-origin:50%;animation:1s cubic-bezier(.3,1.4,.5,1) both petalland}@keyframes petalland{0%{opacity:0;transform:translate(-400px,300px)scale(2)rotate(-40deg)}to{opacity:1;transform:none}}.intro-book{position:absolute;top:50%;left:50%;translate:-50% -50%}.intro-sticker{text-align:center;background:#fff;border:4px solid #2b1d14;border-radius:16px;width:110px;padding:6px;animation:.5s cubic-bezier(.3,1.6,.6,1) .3s both popin;position:absolute;top:20%;left:50%;translate:-30%;rotate:-6deg}.intro-sticker img{object-fit:contain;width:90px;height:90px}.intro-sticker span{font:700 26px var(--font-letters);display:block}.pic-card{border:6px solid var(--ink);box-shadow:0 8px 0 var(--ink);background:#fffdf6;border-radius:30px;place-items:center;transition:transform .15s,opacity .2s;display:grid;position:relative}.pic-card img{object-fit:contain;width:84%;height:84%}.pic-card.glow{box-shadow:0 8px 0 var(--ink), 0 0 0 10px #ffc53de6;animation:1.1s ease-in-out infinite pulse}.pic-card.right{background:#dfffe6}.pic-card.wrong{background:#ffe0cc;animation:.4s shake}.pic-card.dim,.dimmed{opacity:.35}.sound-lines{justify-content:center;gap:18px;display:flex}.sound-line{border-bottom:10px solid var(--paper);width:140px;height:138px;filter:drop-shadow(0 3px 0 var(--ink));place-items:end center;padding-bottom:8px;display:grid}.sound-line .tile.reveal{--size:120px;font-size:84px}.sound-line .tile{filter:none}.sound-line.lit{border-bottom-color:var(--gold)}.sound-line span{font:700 84px/1 var(--font-letters);color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.slot-arrow{border-left:18px solid #0000;border-right:18px solid #0000;border-top:26px solid var(--gold);width:0;height:0;filter:drop-shadow(0 3px 0 var(--ink));animation:1s ease-in-out infinite bob;position:absolute;top:-48px;left:50%;translate:-50%}.reader{border:6px solid var(--ink);width:250px;height:250px;box-shadow:0 7px 0 var(--ink);background:radial-gradient(circle,#fffaf0,#f6e3bb);border-radius:50%;place-items:end center;display:grid;overflow:hidden}.reader img{width:90%}.reader.right{box-shadow:0 7px 0 var(--ink), 0 0 0 10px #3fbf6ab3;background:#dfffe6}.reader.wrong{background:#ffe0cc;animation:.4s shake}.hear-card{cursor:pointer;color:#2b1d14;justify-content:center;align-items:center;display:flex}.hear-card .hear-wave{border:5px solid var(--ink);width:104px;height:104px;box-shadow:0 6px 0 var(--ink);background:radial-gradient(circle at 40% 35%,#fff3c4,#ffc53d 70%,#e0a53a);border-radius:50%;place-items:center;padding:20px;animation:1.6s ease-in-out infinite hear-bob;display:grid}.hear-card .hear-wave svg{width:100%;height:100%}.hear-card:active{transform:scale(.95)}@keyframes hear-bob{50%{transform:scale(1.12)}}.skip-film{font:700 24px/1 var(--font-ui);color:#fff4dc;background:#1d12308c;border:3px solid #fff4dc99;border-radius:30px;padding:14px 22px}.hold-hint{white-space:nowrap;font:700 26px/1 var(--font-ui);color:var(--ink);border:4px solid var(--ink);z-index:40;pointer-events:none;background:#fffdf6;border-radius:18px;padding:10px 16px;position:absolute;top:calc(100% + 10px);right:0}.reader{transition:filter .3s,transform .3s,box-shadow .3s}.reader.waiting{filter:grayscale(.55)brightness(.92)}.reader.talking{box-shadow:0 7px 0 var(--ink), 0 0 0 10px #ffc53df2;animation:.5s ease-in-out infinite alternate helptalk;transform:scale(1.08)}.pic-card.wait{animation:.45s ease-in-out waitwiggle}@keyframes waitwiggle{25%{rotate:-3deg;scale:.97}75%{rotate:3deg;scale:.97}}.ninja-spot{pointer-events:none;--glow:255, 205, 80;position:absolute}.ninja-spot *{pointer-events:none}.nj-float{position:absolute;inset:0}.nj-body{transform-origin:50% 100%;z-index:2;will-change:transform;animation:2.6s ease-in-out infinite nj-breathe;position:absolute;inset:0}@keyframes nj-breathe{0%,to{scale:1}50%{scale:1.018 .982}}.nj-img{filter:drop-shadow(0 10px 8px #2b1d1447);-webkit-user-select:none;user-select:none;width:100%;position:absolute;bottom:0;left:0}.nj-shadow{background:radial-gradient(#2b1d146b,#2b1d141f 55%,#0000 72%);border-radius:50%;height:30px;position:absolute;bottom:-12px;left:6%;right:6%}.nj-ground{border:5px solid rgba(var(--glow), .9);height:58px;box-shadow:0 0 22px 6px rgba(var(--glow), .55), inset 0 0 18px 4px rgba(var(--glow), .5);opacity:0;border-radius:50%;transition:opacity .5s,scale .5s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:-26px;left:-12%;right:-12%;scale:.4}.nj-aura{background:radial-gradient(ellipse at 50% 58%, #fffad7f2 0%, rgba(var(--glow), .75) 26%, rgba(var(--glow), .32) 46%, transparent 68%);opacity:0;border-radius:50%;height:128%;transition:opacity .6s;position:absolute;bottom:-10%;left:-34%;right:-34%}.nj-rays{opacity:0;transform-origin:50% 58%;background:repeating-conic-gradient(at 50% 58%,#fff6c8bf 0deg 7deg,#0000 7deg 20deg);height:150%;transition:opacity .6s;animation:14s linear infinite nj-swirl;position:absolute;bottom:-30%;left:-60%;right:-60%;-webkit-mask-image:radial-gradient(50% 50% at 50% 58%,#000 20%,#0000 70%);mask-image:radial-gradient(50% 50% at 50% 58%,#000 20%,#0000 70%)}.ninja-spot.tier-1 .nj-rays{opacity:.8}.ninja-spot.tier-2 .nj-rays{opacity:.7;background:repeating-conic-gradient(at 50% 58%,#ffbee1bf 0deg 7deg,#0000 7deg 20deg,#a0e1ffbf 20deg 27deg,#0000 27deg 40deg);animation-duration:9s}.ninja-spot.tier-3 .nj-rays{opacity:.85;background:repeating-conic-gradient(at 50% 58%,#ff6e6eb3 0deg 6deg,#0000 6deg 15deg,#ffe94abf 15deg 21deg,#0000 21deg 30deg,#5fd35fb3 30deg 36deg,#0000 36deg 45deg,#4ab8ffbf 45deg 51deg,#0000 51deg 60deg);animation-duration:6s}.nj-rim{opacity:0;background:rgb(var(--glow));filter:blur(5px);transform-origin:50% 90%;transition:opacity .5s;position:absolute;bottom:0;left:0;transform:scale(1.06);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nj-sparks{opacity:0;z-index:3;height:100%;transition:opacity .5s;position:absolute;bottom:0;left:-10%;right:-10%}.nj-sparks i{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:18px;height:18px;filter:drop-shadow(0 0 4px rgba(var(--glow), 1));background:#fff6c8;animation:2.4s linear infinite nj-rise;position:absolute;bottom:4%}.nj-sparks i:nth-child(3n){background:rgb(var(--glow))}@keyframes nj-rise{0%{opacity:0;translate:0;rotate:0deg}15%{opacity:1}80%{opacity:1}to{translate:0 calc(var(--nj) * -1.1);opacity:0;rotate:180deg}}.nj-orbit{left:50%;bottom:calc(var(--nj) * .46);opacity:0;width:0;height:0;transition:opacity .5s;position:absolute}.nj-orbit i{background:radial-gradient(circle, #fff 0 30%, var(--c,#ffe94a) 55%, transparent 72%);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:2.4s linear infinite nj-orbit;position:absolute}.nj-orbit i:nth-child(6n+1){--c:#ff5a5a}.nj-orbit i:nth-child(6n+2){--c:#ffb03d}.nj-orbit i:nth-child(6n+3){--c:#ffe94a}.nj-orbit i:nth-child(6n+4){--c:#5fd35f}.nj-orbit i:nth-child(6n+5){--c:#4ab8ff}.nj-orbit i:nth-child(6n){--c:#b48cff}@keyframes nj-orbit{0%{translate:calc(var(--nj) * -.66) calc(var(--nj) * 0);opacity:.72;z-index:3;scale:1}6.25%{translate:calc(var(--nj) * -.61) calc(var(--nj) * .057);opacity:.83;z-index:3;scale:1.13}12.5%{translate:calc(var(--nj) * -.467) calc(var(--nj) * .106);opacity:.92;z-index:3;scale:1.25}18.75%{translate:calc(var(--nj) * -.253) calc(var(--nj) * .139);opacity:.98;z-index:3;scale:1.32}25%{translate:calc(var(--nj) * 0) calc(var(--nj) * .15);opacity:1;z-index:3;scale:1.35}31.25%{translate:calc(var(--nj) * .253) calc(var(--nj) * .139);opacity:.98;z-index:3;scale:1.32}37.5%{translate:calc(var(--nj) * .467) calc(var(--nj) * .106);opacity:.92;z-index:3;scale:1.25}43.75%{translate:calc(var(--nj) * .61) calc(var(--nj) * .057);opacity:.83;z-index:3;scale:1.13}50%{translate:calc(var(--nj) * .66) calc(var(--nj) * 0);opacity:.72;z-index:3;scale:1}56.25%{translate:calc(var(--nj) * .61) calc(var(--nj) * -.057);opacity:.61;z-index:1;scale:.87}62.5%{translate:calc(var(--nj) * .467) calc(var(--nj) * -.106);opacity:.52;z-index:1;scale:.75}68.75%{translate:calc(var(--nj) * .253) calc(var(--nj) * -.139);opacity:.46;z-index:1;scale:.68}75%{translate:calc(var(--nj) * 0) calc(var(--nj) * -.15);opacity:.44;z-index:1;scale:.65}81.25%{translate:calc(var(--nj) * -.253) calc(var(--nj) * -.139);opacity:.46;z-index:1;scale:.68}87.5%{translate:calc(var(--nj) * -.467) calc(var(--nj) * -.106);opacity:.52;z-index:1;scale:.75}93.75%{translate:calc(var(--nj) * -.61) calc(var(--nj) * -.057);opacity:.61;z-index:1;scale:.87}to{translate:calc(var(--nj) * -.66) calc(var(--nj) * 0);opacity:.72;z-index:3;scale:1}}.ninja-spot.tier-1 .nj-aura{opacity:1;animation:1.4s ease-in-out infinite nj-aura}.ninja-spot.tier-1 .nj-rim{opacity:1;animation:1.4s ease-in-out infinite nj-rim;transform:scale(1.075)}.ninja-spot.tier-1 .nj-ground,.ninja-spot.tier-2 .nj-ground,.ninja-spot.tier-3 .nj-ground{opacity:1;animation:1.4s ease-in-out infinite nj-ground;scale:1}.ninja-spot.tier-1 .nj-sparks,.ninja-spot.tier-2 .nj-sparks,.ninja-spot.tier-3 .nj-sparks{opacity:1}.ninja-spot.tier-1 .nj-sparks i:nth-child(n+8){display:none}@keyframes nj-aura{0%,to{opacity:.8;scale:.94}50%{opacity:1;scale:1.06}}@keyframes nj-rim{0%,to{opacity:.75}50%{opacity:1}}@keyframes nj-ground{0%,to{scale:.96}50%{scale:1.05}}.ninja-spot.tier-2{--glow:255, 122, 190}.ninja-spot.tier-2 .nj-float,.ninja-spot.tier-3 .nj-float{animation:1.8s ease-in-out infinite nj-hover}@keyframes nj-hover{0%,to{translate:0 -10px}50%{translate:0 -24px}}.ninja-spot.tier-2 .nj-aura,.ninja-spot.tier-3 .nj-aura{opacity:1;background:conic-gradient(#ff7aa2,#ffc53d,#5ec8f2,#b48cff,#ff7aa2);animation:3s linear infinite nj-swirl;-webkit-mask-image:radial-gradient(at 50% 58%,#000 18%,#0000008c 40%,#0000 68%);mask-image:radial-gradient(at 50% 58%,#000 18%,#0000008c 40%,#0000 68%)}.ninja-spot.tier-2 .nj-rim{opacity:.9;filter:blur(8px);background:linear-gradient(#ff9ac6,#ff7aa2 40%,#7fd0ff 75%,#b48cff);transform:scale(1.07)}.ninja-spot.tier-2 .nj-ground{border-color:#ff9ac6}.ninja-spot.tier-2 .nj-sparks i:nth-child(n+12){display:none}.ninja-spot.tier-2 .nj-sparks i:nth-child(2n){background:#9fe3ff}@keyframes nj-swirl{0%{rotate:0deg}to{rotate:360deg}}.ninja-spot.tier-3{--glow:255, 233, 74}.ninja-spot.tier-3 .nj-aura{background:conic-gradient(#ff5a5a,#ffb03d,#ffe94a,#5fd35f,#4ab8ff,#b48cff,#ff5a5a);animation-duration:1.6s}.ninja-spot.tier-3 .nj-rim{opacity:.95;filter:blur(8px);background:linear-gradient(#ff5a5a,#ffb03d 20%,#ffe94a 40%,#5fd35f 60%,#4ab8ff 80%,#b48cff);transform:scale(1.08)}.ninja-spot.tier-3 .nj-ground{border-color:#fff;box-shadow:0 0 26px 8px #ffe94ab3,0 0 50px 10px #b48cff80,inset 0 0 18px 4px #5fd35f99}.ninja-spot.tier-3 .nj-orbit{opacity:1}.ninja-spot.tier-3 .nj-sparks i:nth-child(6n+1){background:#ff8a8a}.ninja-spot.tier-3 .nj-sparks i:nth-child(6n+2){background:#9fe3ff}.ninja-spot.tier-3 .nj-sparks i:nth-child(6n+4){background:#a6f0a6}.ninja-spot.tier-3 .nj-sparks i:nth-child(6n+5){background:#d8c2ff}.ninja-spot.powering .nj-aura{animation:.9s cubic-bezier(.2,.8,.3,1) nj-bloom}@keyframes nj-bloom{0%{opacity:1;scale:.3}35%{opacity:1;scale:1.45}to{opacity:1;scale:1}}.ninja-spot.landing .nj-ground{animation:.6s cubic-bezier(.2,.8,.3,1) nj-slam}@keyframes nj-slam{0%{opacity:1;scale:.5}40%{opacity:1;scale:1.7}to{scale:1}}.ninja-spot.on-guard .nj-body{animation-duration:.9s}.nj-flames{left:53%;bottom:calc(var(--nj) * 1.43);z-index:4;width:0;height:0;position:absolute}.nj-flame{left:calc(var(--x) - 18px);top:calc(var(--y) - 48px);transform-origin:50% 90%;width:36px;height:48px;transition:left .35s cubic-bezier(.3,1.4,.5,1),top .35s cubic-bezier(.3,1.4,.5,1);animation:.45s cubic-bezier(.3,1.8,.5,1) both nj-flame-in;position:absolute}.nj-flame svg{transform-origin:50% 92%;width:100%;height:100%;animation:.46s ease-in-out infinite alternate nj-flicker;animation-delay:var(--d);overflow:visible}@keyframes nj-flame-in{0%{opacity:0;translate:0 16px;scale:0}60%{opacity:1;translate:0 -6px;scale:1.35}to{translate:0;scale:1}}@keyframes nj-flicker{0%{rotate:-5deg;scale:.94 1.05}to{rotate:5deg;scale:1.06 .94}}.ninja-spot.tier-0 .nj-flame{width:28px;height:38px;left:calc(var(--x) * .85 - 14px);top:calc(var(--y) - 38px)}.ninja-spot.tier-1 .nj-flame svg{filter:drop-shadow(0 0 5px #ffaa28f2)}.ninja-spot.tier-2 .nj-flame svg{filter:drop-shadow(0 0 6px #ff5aaaf2)}.ninja-spot.tier-3 .nj-flame{width:40px;height:54px;left:calc(var(--x) - 20px);top:calc(var(--y) - 54px)}.ninja-spot.tier-3 .nj-flame svg{filter:drop-shadow(0 0 7px #fffffff2)}.nj-flames.puff .nj-flame{animation:.6s ease-out both nj-puff}.nj-flames.puff .nj-flame svg{filter:grayscale()brightness(1.5)}@keyframes nj-puff{0%{opacity:1;scale:1}40%{opacity:.8;scale:1.3}to{opacity:0;translate:0 -30px;scale:.2}}.nj-thought{left:76%;bottom:calc(var(--nj) * 1.18);z-index:5;transform-origin:0 100%;width:86px;height:70px;position:absolute}.nj-thought:before{content:"";border:5px solid var(--ink);background:#fffdf6;border-radius:45% 50%;position:absolute;inset:0;box-shadow:0 5px #2b1d1459}.nj-thought i{border:4px solid var(--ink);background:#fffdf6;border-radius:50%;position:absolute}.nj-thought i:first-child{width:22px;height:22px;bottom:-18px;left:-8px}.nj-thought i:nth-child(2){width:13px;height:13px;bottom:-34px;left:-22px}.nj-thought span{font:52px/1 var(--font-display);color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;place-items:center;animation:.9s ease-in-out infinite nj-q;display:grid;position:absolute;inset:0}@keyframes nj-q{0%,to{rotate:-8deg}50%{translate:0 -3px;rotate:8deg}}.nj-dizzy{left:50%;bottom:calc(var(--nj) * 1.22);z-index:5;width:0;height:0;animation:.8s linear infinite nj-dizzy;position:absolute}.nj-dizzy i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffe94a;width:26px;height:26px;margin:-13px;position:absolute}.nj-dizzy i:first-child{translate:60px}.nj-dizzy i:nth-child(2){translate:-30px 22px}.nj-dizzy i:nth-child(3){translate:-30px -22px}@keyframes nj-dizzy{0%{transform:scaleY(.4)rotate(0)}to{transform:scaleY(.4)rotate(360deg)}}.nj-kiai{left:70%;bottom:calc(var(--nj) * 1.1);z-index:5;width:96px;height:96px;position:absolute}.nj-kiai svg{width:100%;height:100%;overflow:visible}.nj-kiai text{font:56px var(--font-display);fill:var(--red);stroke:var(--ink);stroke-width:3px;paint-order:stroke fill}.nj-ghost{transform-origin:50% 100%;z-index:1;position:absolute;inset:0}.nj-ghost-fill{background:linear-gradient(#ffe0f0,#ff7aa2 45%,#5ec8f2);position:absolute;bottom:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nj-ghost.t3 .nj-ghost-fill{background:linear-gradient(#ff5a5a,#ffe94a 35%,#5fd35f 60%,#4ab8ff 85%,#b48cff)}.fx-dom{z-index:81;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-dom>*{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.fx-dom svg{display:block;overflow:visible}.fx-pow svg{filter:drop-shadow(0 5px #2b1d1459)}.fx-shuriken img,.fx-starshot img{object-fit:contain;filter:drop-shadow(0 4px #2b1d1473)drop-shadow(0 0 10px #fff4dccc);width:100%;height:100%}.fx-wave svg,.fx-comet svg{filter:drop-shadow(0 0 10px #fff0bee6);width:100%;height:100%}.fx-orb{border-radius:50%}.fx-orb i{background:radial-gradient(circle,#ffec96f2 0%,#ffaa4673 40%,#0000 68%);border-radius:50%;position:absolute;inset:-45%}.fx-orb:before{content:"";border:4px solid var(--ink);background:radial-gradient(circle at 36% 32%,#fff 0 15%,#fff6c2 26%,#ffd34d 50%,#ff9a3d 74%,#d86a00 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset -6px -8px #a0460059}.fx-orb b{border:5px solid #0000;border-color:#fff #0000 #0000 #ffffff8c;border-radius:50%;animation:.32s linear infinite fx-orbspin;position:absolute;inset:-16%}@keyframes fx-orbspin{to{rotate:360deg}}.fx-orb.t2 i{background:radial-gradient(circle,#ffaad7f2 0%,#a082ff73 40%,#0000 68%)}.fx-orb.t2:before{background:radial-gradient(circle at 36% 32%,#fff 0 15%,#ffe0f0 26%,#ff7aa2 52%,#c055d8 78%,#7a2fa8 100%);box-shadow:inset -6px -8px #5a146e59}.fx-orb.t3 i{background:radial-gradient(circle,#fffffff2 0%,#ffe94a80 30%,#4ab8ff59 50%,#0000 68%)}.fx-orb.t3:before{background:radial-gradient(circle at 36% 32%,#fff 0 13%,#fff9 20%,#0000 34%),conic-gradient(#ff3b3b,#ff9a1a,#ffe23a,#3fcf3f,#2f9fff,#9b5cf0,#ff3b3b);animation:.7s linear infinite fx-orbspin}.fx-flash{mix-blend-mode:screen}.fx-carry{filter:drop-shadow(0 0 16px #ffe182f2)drop-shadow(0 10px #2b1d1440)}.fx-carry>*{pointer-events:none!important}.dojo .dj-front{z-index:85}.dojo .dj-ear.casting{pointer-events:none;animation:.7s ease-in forwards dj-ear-charge}@keyframes dj-ear-charge{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.12)drop-shadow(0 0 16px #ffd66ee6);transform:scale(1.08)rotate(-5deg)}to{filter:brightness(1.45)drop-shadow(0 0 36px #ffd66e);transform:scale(.74)rotate(7deg)}}.dojo .dj-reveal{animation:.5s cubic-bezier(.3,1.6,.6,1) both dj-reveal;display:inline-block}@keyframes dj-reveal{0%{opacity:0;rotate:-10deg;scale:.55}40%{opacity:1}to{opacity:1;rotate:0deg;scale:1}}.dojo .dj-petal{opacity:.25;filter:grayscale();width:54px;transition:opacity .2s,filter .2s,scale .3s}.dojo .dj-petal.on{opacity:1;filter:none;animation:.45s cubic-bezier(.3,1.6,.6,1) dj-petal}@keyframes dj-petal{0%{rotate:-40deg;scale:.4}to{rotate:0deg;scale:1}}.dojo .dj-dim{opacity:.5;filter:saturate(.5);transition:opacity .3s,scale .3s,filter .3s,translate .35s cubic-bezier(.2,1.4,.4,1),rotate .35s cubic-bezier(.2,1.4,.4,1);scale:.9}.dojo .dj-blown{translate:calc(var(--dir,1) * 30px) 10px;rotate:calc(var(--dir,1) * 9deg)}.dojo .card img{object-fit:contain;width:86%;height:86%;margin:auto;position:absolute;inset:0}.dojo .dj-slotbg .slot{background:#fff4dcf0}.dojo .dj-slotbg .slot.active{background:#ffe596e6}.dojo .dj-slotbg .slot.filled{background:0 0}.dojo .dj-slotbg .slot.incoming{border-color:var(--gold-deep);background:#ffe596cc}.dojo .dj-slots{z-index:85;pointer-events:none}.dojo .dj-slots .slot{box-shadow:none;background:0 0;border-color:#0000;animation:none}.dojo .dj-seat{display:block;position:absolute;inset:0}.dojo .dj-land{transform-origin:50% 100%;animation:.36s cubic-bezier(.2,.9,.3,1.3) both dj-land}@keyframes dj-land{0%{scale:1.22 .72}45%{scale:.9 1.12}75%{scale:1.04 .97}to{scale:1}}.dojo .dj-bank.dj-cleared .tile{opacity:0;pointer-events:none;transition:opacity .35s ease-in,translate .35s ease-in;translate:0 46px}.dojo .dj-bank.dj-cleared .tile:nth-child(2n){transition-delay:60ms}.dojo .dj-bank.dj-cleared .tile:nth-child(3n){transition-delay:.12s}.dojo .dj-hop{animation:.55s cubic-bezier(.3,1.5,.5,1) both dj-hop}@keyframes dj-hop{0%,to{translate:0;scale:1}35%{translate:0 -38px;scale:.95 1.07}65%{translate:0;scale:1.07 .93}}.dojo .dj-flies{z-index:86;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dojo .dj-flies>*{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.dj-fly{z-index:2}.dj-fly .tile{box-shadow:0 8px 0 var(--ink)}.early-light{pointer-events:none;opacity:0;background:radial-gradient(560px 440px at 170px 600px,#ffe28c8c,#ffc85a38 42%,#ffc85a00 72%);transition:opacity 1s;position:absolute;inset:0}.early.streak-1 .early-light{opacity:.8}.early.streak-2 .early-light{opacity:1;background:radial-gradient(640px 480px at 170px 600px,#ffc4e485,#aad7ff3d 45%,#aad7ff00 74%)}.early.streak-3 .early-light{opacity:1;background:radial-gradient(720px 520px at 170px 600px,#fff6c49e,#ff96c842 34%,#8cc8ff33 55%,#8cc8ff00 76%);animation:2.4s ease-in-out infinite early-light}@keyframes early-light{50%{opacity:.72}}.early .struck:after{content:"";z-index:4;pointer-events:none;filter:drop-shadow(0 4px #2b1d148c);background:url(/a/i/item_star.webp) 50%/contain no-repeat;width:80px;height:80px;animation:.5s cubic-bezier(.3,1.8,.5,1) both early-stamp;position:absolute;top:-26px;right:-26px}@keyframes early-stamp{0%{opacity:0;rotate:-50deg;scale:2.6}55%{opacity:1}to{opacity:1;rotate:12deg;scale:1}}.early .card img{object-fit:contain;width:86%;height:86%;position:absolute;inset:7%}.early .pic-card img{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.pick-row .pic-card,.pick-row .tile{transition:opacity .35s,scale .35s cubic-bezier(.3,1.4,.6,1),filter .35s}.pick-row .pic-card.right,.pick-row .tile.right{animation:.55s cubic-bezier(.3,1.6,.5,1) early-right}:is(.pick-row:has(.right) .pic-card:not(.right),.pick-row:has(.right) .tile:not(.right)){opacity:.42;filter:saturate(.5);scale:.9}@keyframes early-right{0%{scale:1}30%{scale:1.12 .9}60%{scale:.96 1.06}to{scale:1}}.pick-row .pic-card.right{box-shadow:0 8px 0 var(--ink), 0 0 0 9px #3fbf6abf, 0 0 34px 10px #8ceba599}.early .sound-line .tile.reveal{animation:.6s cubic-bezier(.3,1.6,.5,1) both early-magic}.early .sound-line .tile .g{color:var(--ink);-webkit-text-stroke:0;font:inherit}@keyframes early-magic{0%{opacity:0;filter:brightness(2.6)drop-shadow(0 0 22px #ffe38a);scale:.2}55%{opacity:1;filter:brightness(1.5)drop-shadow(0 0 16px #ffe38a);scale:1.16}to{opacity:1;filter:none;scale:1}}.early .slots{gap:14px}.early .slot,.early .slot .tile{--size:124px}.early .slot .tile.landed{animation:.42s cubic-bezier(.3,1.7,.5,1) both early-land}@keyframes early-land{0%{filter:brightness(1.7);scale:1.26 .72}55%{filter:brightness(1.15);scale:.94 1.08}to{filter:none;scale:1}}.early .slots.built .slot{animation:.6s cubic-bezier(.3,1.4,.5,1) both early-hop}.early .slots.built .slot .tile{box-shadow:var(--shadow-press), 0 0 0 5px #ffc53d, 0 0 28px 10px #ffc53dbf}@keyframes early-hop{0%,to{translate:0}38%{translate:0 -38px}70%{translate:0 5px}}.early .build-bank .tile.lg{--size:132px;border-radius:28px}.early .build-bank.many .tile.lg{--size:124px;border-radius:26px}.early .pick-tile.n3 .tile.xl{--size:196px;border-radius:36px}.early-gift{filter:drop-shadow(0 4px #2b1d1480)drop-shadow(0 0 12px #fff4dcd9);object-fit:contain}.early .reader{width:250px;height:292px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:visible}.early .reader.right,.early .reader.talking{box-shadow:none;background:0 0}.early .reader-window{border:6px solid var(--ink);width:250px;height:250px;box-shadow:0 7px 0 var(--ink);background:radial-gradient(circle at 50% 36%,#fffaf0 0%,#f6e3bb 64%,#e9cf9c 100%);border-radius:50%;transition:background .3s,box-shadow .3s;position:absolute;top:0;left:0;overflow:hidden}.early .reader-window img{width:122%;max-width:none;position:absolute;top:7%;left:50%;translate:-50%}.early .reader-window img.pose-cheer{width:124%;top:11%}.early .reader-window img.pose-think{top:5%}.early .reader[data-who=kai] .reader-window img.pose-think{translate:-46%}.early .reader-book{z-index:2;width:176px;filter:drop-shadow(0 5px 0 var(--ink));position:absolute;bottom:0;left:50%;overflow:visible;translate:-50%}.reader-book .cover{fill:#d94a3a;stroke:var(--ink);stroke-width:4px;stroke-linejoin:round}.early .reader[data-who=suki] .reader-book .cover{fill:#2ea89c}.reader-book .page{fill:#fffaf0;stroke:var(--ink);stroke-width:4px;stroke-linejoin:round}.reader-book .text{fill:none;stroke:#2b1d1457;stroke-width:3.5px;stroke-linecap:round}.early .reader.talking{z-index:2;transform:scale(1.08)}.early .reader.talking .reader-window{box-shadow:0 7px 0 var(--ink), 0 0 0 10px #ffc53df2, 0 0 36px 12px #ffdc78cc}.early .reader.talking .reader-book{animation:.42s ease-in-out infinite alternate early-book}@keyframes early-book{0%{rotate:-3deg}to{translate:-50% -4px;rotate:3deg}}.early .reader-waves{z-index:3;fill:none;stroke:#ffc53d;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 2px #2b1d14);width:64px;height:88px;position:absolute;top:40px;left:calc(100% + 6px);overflow:visible}.early .readers .reader:first-child .reader-waves{left:auto;right:calc(100% + 6px);scale:-1 1}.early .reader-waves path{opacity:0;animation:.9s ease-out infinite wave}.early .reader-waves path:nth-child(2){animation-delay:.15s}.early .reader-waves path:nth-child(3){animation-delay:.3s}.early .reader.right{animation:.6s cubic-bezier(.3,1.6,.5,1) early-right}.early .reader.right .reader-window{box-shadow:0 7px 0 var(--ink), 0 0 0 10px #3fbf6acc, 0 0 36px 12px #78e696b3;background:radial-gradient(circle at 50% 36%,#f4fff6 0%,#c9f3d3 70%,#9fe0b1 100%)}.early .reader.wrong{animation:.4s shake}.early .reader.wrong .reader-window{background:radial-gradient(circle at 50% 36%,#fff4ec 0%,#ffe0cc 70%,#f6c6a8 100%)}.early .reader.struck:after{top:-6px;right:0}.early .tile.wait{animation:.45s ease-in-out waitwiggle}.early .me-waves{z-index:13;pointer-events:none;width:70px;height:96px;position:absolute;top:420px;left:272px;right:auto;scale:1}.early:has(.readers) .bubble{max-width:270px}.early .nj-float{transform-origin:50% 100%}.early .nj-flames{transform-origin:calc(var(--nj) * -.03) calc(var(--nj) * .81)}.early .early-ghost{transform-origin:50% 100%;pointer-events:none;position:absolute;inset:0}.fx-carry.early-fly.t1{filter:drop-shadow(0 0 18px #ffcd50f2)drop-shadow(0 10px #2b1d1440)}.fx-carry.early-fly.t2{filter:drop-shadow(0 0 16px #ff96cdf2)drop-shadow(0 0 30px #78cdffcc)drop-shadow(0 10px #2b1d1440)}.fx-carry.early-fly.t3{filter:drop-shadow(0 0 14px #fffffff2)drop-shadow(0 0 26px #ffe94ae6)drop-shadow(0 0 40px #b48cffbf)drop-shadow(0 10px #2b1d1440)}.early .reader.wait{animation:.45s ease-in-out waitwiggle}.bt-mon{z-index:4;pointer-events:none;transform-origin:50% 70%;position:absolute}.bt-mon *{pointer-events:none}.bt-mon-hit,.bt-mon-face{transform-origin:50% 100%;position:relative}.bt-mon-face.flipped{scale:-1 1}.bt-mon-img{transform-origin:50% 100%;object-fit:contain;filter:drop-shadow(0 10px 8px #2b1d1447);will-change:transform;width:auto;margin:0 auto;display:block;position:relative}.bt-mon-shadow{z-index:3;transition:opacity .4s}.bt-mon-face.scared{animation:2.3s linear infinite bt-tremble}@keyframes bt-tremble{0%,74%,to{translate:0}76%{translate:-4px}79%{translate:4px -1px}82%{translate:-4px}85%{translate:3px}88%{translate:-3px}91%{translate:2px}94%{translate:-1px}}.bt-mon-face.angry{animation:1.1s ease-in-out infinite bt-angry}@keyframes bt-angry{0%,to{filter:drop-shadow(0 0 4px #ff3c28e6)drop-shadow(0 0 14px #e2412fb3)}50%{filter:drop-shadow(0 0 7px #ff3c28)drop-shadow(0 0 30px #ff3c28)brightness(1.06)}}.bt-vein{width:64px;height:64px;animation:.55s ease-in-out infinite alternate bt-vein;position:absolute;top:-2%;left:60%}@keyframes bt-vein{0%{rotate:-8deg;scale:.8}to{rotate:8deg;scale:1.15}}.bt-rage{pointer-events:none;z-index:2;background:radial-gradient(ellipse 520px 420px at var(--mx) 62%, #e2412f47, transparent 70%);animation:1.1s ease-in-out infinite bt-rage;position:absolute;inset:0}@keyframes bt-rage{50%{opacity:.6}}.bt-dizzy{width:150px;height:46px;animation:1.5s ease-out forwards bt-dizzy-life;position:absolute;top:4%;left:50%;translate:-50%}.bt-dizzy i{background:url(/a/i/item_star.webp) 50%/contain no-repeat;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.75s linear infinite bt-orbit;position:absolute;top:50%;left:50%}.bt-dizzy i:nth-child(2){animation-delay:-.25s}.bt-dizzy i:nth-child(3){animation-delay:-.5s}@keyframes bt-orbit{0%{z-index:0;transform:translate(-70px)scale(.75)}25%{z-index:2;transform:translateY(20px)scale(1.1)}50%{z-index:0;transform:translate(70px)scale(.75)}75%{z-index:0;transform:translateY(-18px)scale(.6)}to{transform:translate(-70px)scale(.75)}}@keyframes bt-dizzy-life{0%{opacity:0;scale:.4}12%{opacity:1;scale:1}75%{opacity:1}to{opacity:0;scale:.8}}.bt-hp{z-index:6;pointer-events:none;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#2b1d149e;border-radius:44px;align-items:center;gap:10px;padding:7px 14px 7px 7px;transition:opacity .5s,translate .5s;display:flex;position:absolute;top:20px;right:24px}.bt-hp.out{opacity:0;translate:0 -30px}.bt-hp-face{border:4px solid var(--ink);background:radial-gradient(circle at 40% 35%,#fff8e6,#ffd98a 75%,#e0a53a);border-radius:50%;flex:none;width:62px;height:62px;position:relative;overflow:hidden}.bt-hp-face img{object-fit:cover;object-position:50% 0;width:124%;height:124%;position:absolute;top:-4%;left:-12%}.bt-hp-col{flex-direction:column;gap:8px;display:flex}.bt-pips{gap:6px;display:flex}.bt-pip{border:4px solid var(--ink);background:#140c0899;border-radius:11px;width:36px;height:36px;transition:transform .25s,opacity .3s;position:relative;overflow:hidden;box-shadow:inset 0 3px #0000004d}.bt-hp.many .bt-pips{gap:4px}.bt-hp.many .bt-pip{border-radius:9px;width:26px;height:32px}.bt-hp.lots .bt-pips{gap:3px}.bt-hp.lots .bt-pip{border-width:3px;border-radius:8px;width:21px;height:30px}.bt-pip i{background:linear-gradient(#ffc2b8 0%,#ff7a64 35%,#e2412f 100%);width:100%;transition:width .3s cubic-bezier(.3,1.4,.6,1);position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -4px #78140a59,inset 0 3px #ffffff73}.bt-pip.gone{opacity:.55;transform:scale(.8)}.bt-pip.gone i{width:0}.bt-pip.cur{animation:1s ease-in-out infinite bt-pip}@keyframes bt-pip{50%{transform:scale(1.12);box-shadow:0 0 0 4px #ffe596e6,0 0 14px 4px #ffc53db3}}.bt-meter{border:4px solid var(--ink);background:#140c0899;border-radius:12px;height:20px;position:relative;overflow:hidden}.bt-meter b{background:linear-gradient(90deg,#b692ff,#7a4fe0);transition:background .3s;position:absolute;top:0;bottom:0;left:0}.bt-meter.hot b{background:linear-gradient(90deg,#ff8a3d,#e2412f);animation:.4s ease-in-out infinite alternate bt-hot}@keyframes bt-hot{to{filter:brightness(1.35)}}.bt-meter.explain{animation:1.3s ease-in-out infinite pulse;overflow:hidden;box-shadow:0 0 0 8px #ffc53de6}.bt-gem{z-index:5;pointer-events:none;filter:drop-shadow(0 0 18px #ffeca0e6);position:absolute}.bt-gem.won{z-index:40;filter:drop-shadow(0 0 16px #fff)drop-shadow(0 0 34px #ffdc6ef2)}.bt-slots{z-index:13;position:absolute;top:226px}.bt-slots .slot{--size:var(--slot,104px)}.bt-slots .slot .tile{font-size:calc(var(--size) * .62)}.bt-land{animation:.34s cubic-bezier(.3,1.6,.6,1) .2s both popin}.slot.bt-say{z-index:1}.slot.bt-say .tile{box-shadow:0 6px 0 var(--ink), 0 0 0 7px #ffc53d, 0 0 34px 14px #ffd25af2;background:linear-gradient(#fffdf0 0%,#ffe9a6 60%,#ffd46a 100%);transition:translate .12s,scale .12s,box-shadow .12s;translate:0 -14px;scale:1.1}.bt-row{z-index:13;flex-wrap:nowrap;position:absolute;bottom:24px}.bt .ninja-spot .nj-flame.bt-pend svg{filter:drop-shadow(0 0 4px #fff4dce6);animation:.7s ease-in-out infinite alternate bt-pend}@keyframes bt-pend{0%{opacity:.6;scale:.86}to{opacity:.95;scale:1}}.fx-dom .bt-fly{transform-origin:0 0;z-index:3;min-width:0;box-shadow:0 0 22px 6px #ffe596d9, 0 6px 0 var(--ink);padding:0}.bt-spark{z-index:3}.bt-spark svg{filter:drop-shadow(0 0 10px #ffdc6e)drop-shadow(0 0 4px #fff);width:100%;height:100%}.bt-orb{z-index:2}.bt-shard{border:3px solid var(--ink);background:linear-gradient(#ff9a8a,#e2412f);border-radius:4px}.bt-ding svg{filter:drop-shadow(0 0 14px #ffeca0f2);width:100%;height:100%}.bt .bubble{z-index:82;max-width:330px}.bt .bubble.baron:before{top:-19px;bottom:auto;right:70px;transform:rotate(225deg)}.bt.bt-skyon .bubble.baron{top:264px;bottom:auto;right:44px}.bt-sky{z-index:6;pointer-events:none;width:184px;height:184px;animation:.45s cubic-bezier(.3,1.6,.6,1) both bt-sky-in;position:absolute}.bt-sky *{pointer-events:none}.bt-sky-cloud{border:4px solid var(--ink);background:radial-gradient(at 50% 35%,#cbb8e6 0%,#8c73b8 55%,#5b447f 100%);border-radius:50%;height:25%;position:absolute;bottom:5%;left:13%;right:13%;box-shadow:0 5px #2b1d1459}.bt-sky-fist{position:absolute;inset:0 8% 18%;scale:-1 1}.bt-sky-fist img{object-fit:contain;object-position:50% 100%;transform-origin:50% 95%;filter:drop-shadow(0 0 10px #be6effd9);width:100%;height:100%;animation:.24s ease-in-out infinite alternate bt-fist}.bt-sky .bt-vein{width:46px;height:46px;top:-6%;left:64%}.bt-sky.bonk{animation:.6s cubic-bezier(.4,0,.8,.5) forwards bt-sky-out}@keyframes bt-fist{0%{translate:0 3px;rotate:-10deg}to{translate:0 -5px;rotate:10deg}}@keyframes bt-sky-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes bt-sky-out{0%{translate:0;rotate:0deg;scale:1.25}to{opacity:0;translate:90px -90px;rotate:540deg;scale:0}}.run-scene canvas{touch-action:none}.run-banner{z-index:15;font-family:var(--font-letters);background:linear-gradient(#fffaf0,#f6e3bb);padding:0 40px 4px;font-size:72px;font-weight:700;line-height:1.16;position:absolute;top:88px;left:50%;translate:-50%}.run-ear{z-index:20;position:absolute;top:16px;left:110px}.swap-baron{z-index:6;pointer-events:none;transform-origin:50% 100%;width:196px;height:174px;position:absolute;top:64px;right:30px}.swap-baron-in{width:100%;height:100%;animation:3s ease-in-out infinite floaty;position:relative}.swap-baron img{transform-origin:50% 90%;filter:drop-shadow(0 10px 8px #2b1d144d);width:100%;display:block}.swap-baron.bonk img{animation:.8s cubic-bezier(.2,.9,.3,1) both swap-baron-bonk}@keyframes swap-baron-bonk{0%{filter:drop-shadow(0 10px 8px #2b1d144d)brightness();transform:none}10%{filter:drop-shadow(0 10px 8px #2b1d144d)brightness(2.2)saturate(.4);transform:translate(26px,6px)rotate(14deg)scale(1.1,.86)}32%{filter:drop-shadow(0 10px 8px #2b1d144d)brightness();transform:translate(-10px)rotate(-7deg)scale(.95,1.06)}55%{transform:translate(5px)rotate(4deg)scale(1.02,.98)}78%{transform:translate(-2px)rotate(-2deg)}to{transform:none}}.swap-baron.bonk .swap-baron-in:after{content:"★ ★ ★";text-align:center;white-space:nowrap;width:56%;font-family:var(--font-display);letter-spacing:2px;color:#ffe38a;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:30px;animation:.7s linear infinite swap-dizzy,1.4s ease-in both swap-dizzy-out;position:absolute;top:-8%;left:24%}@keyframes swap-dizzy{0%{transform:scaleX(1)translate(0)}25%{transform:scaleX(.5)translate(8px)}50%{transform:scaleX(-1)translate(0)}75%{transform:scaleX(-.5)translate(-8px)}to{transform:scaleX(1)translate(0)}}@keyframes swap-dizzy-out{0%,75%{opacity:1}to{opacity:0}}.swap-baron.flee{animation:.95s cubic-bezier(.55,-.35,.75,.6) forwards swap-baron-flee}@keyframes swap-baron-flee{0%{opacity:1;transform:none}22%{opacity:1;transform:translate(-26px,12px)rotate(-6deg)scale(1.06,.9)}to{opacity:0;transform:translate(430px,-300px)rotate(38deg)scale(.45)}}.swap-card{z-index:3;transition:filter .3s;animation:.55s cubic-bezier(.3,1.45,.6,1) both swap-card-turn}@keyframes swap-card-turn{0%{transform:perspective(900px)rotateY(-95deg)scale(.86)}to{transform:perspective(900px)rotateY(0)scale(1)}}.swap-card.hear-card .hear-wave{position:relative;overflow:visible}.swap-card.hear-card .hear-wave:before,.swap-card.hear-card .hear-wave:after{content:"";pointer-events:none;border:6px solid #ffc53d;border-radius:50%;animation:1.8s ease-out infinite swap-ripple;position:absolute;inset:-5px}.swap-card.hear-card .hear-wave:after{animation-delay:.9s}@keyframes swap-ripple{0%{opacity:.9;scale:1}to{opacity:0;scale:1.75}}.swap-card.hear-card.muddled .hear-wave:before,.swap-card.hear-card.muddled .hear-wave:after{opacity:0;animation-play-state:paused}.swap-card img{object-fit:contain;width:86%;height:86%;transition:filter .3s,opacity .3s;position:absolute;inset:7%}.swap-card.muddled{filter:saturate(.6);animation:1.2s ease-in-out infinite swap-muddle}.swap-card.muddled img{filter:blur(2px)hue-rotate(-30deg);opacity:.7}@keyframes swap-muddle{0%,to{rotate:-3deg;scale:.97}50%{rotate:3deg;scale:1}}.swap-swirl{z-index:4;pointer-events:none;place-items:center;animation:.35s cubic-bezier(.3,1.6,.6,1) both swap-swirl-in;display:grid;position:absolute}.swap-swirl svg{filter:drop-shadow(0 0 10px #b48cffe6);width:78%;height:100%;animation:2.4s linear infinite swap-swirl-spin;overflow:visible}.swap-swirl svg.b{opacity:.85;width:46%;animation-duration:1.5s;animation-direction:reverse;position:absolute}@keyframes swap-swirl-in{0%{opacity:0;rotate:-120deg;scale:.2}to{opacity:1;rotate:0deg;scale:1}}@keyframes swap-swirl-spin{to{rotate:360deg}}.swap-hear{z-index:6;position:absolute;top:124px;left:786px}.swap-word{z-index:5;width:max-content;height:132px;position:absolute;top:270px;left:640px;translate:-50%}.swap-cell{transition:translate .22s cubic-bezier(.3,1.6,.6,1);position:relative}.swap-cell.target{translate:0 -22px}.swap-cell.target .tile{animation:.16s ease-in-out infinite alternate swap-brace}@keyframes swap-brace{0%{rotate:-4deg}to{rotate:3deg}}.swap-gap{border-color:var(--gold-deep);box-shadow:inset 0 4px #2b1d1426,0 0 0 6px #ffc53d73,0 0 34px 10px #ffdc78bf}.swap-flyout{pointer-events:none;z-index:8;animation:.8s cubic-bezier(.2,.75,.45,1) forwards swap-flyout;position:absolute;inset:0}.swap-flyout .tile{width:100%;min-width:0;position:absolute;bottom:0;left:0}@keyframes swap-flyout{0%{opacity:1;filter:brightness(1.8);transform:translate(0)rotate(0)scale(1)}12%{opacity:1;filter:brightness();transform:translate(40px,-70px)rotate(50deg)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(640px,-560px)rotate(700deg)scale(.4)}}.swap-word.rising{z-index:7}.tile.swap-rise{animation:.64s linear both swap-rise}@keyframes swap-rise{0%{translate:0 var(--rise,206px);scale:var(--from,.91) calc(var(--from,.91) * 1.12);box-shadow:var(--shadow-press), 0 0 0 10px #ffe38a, 0 0 44px 22px #ffdc78f2;animation-timing-function:cubic-bezier(.2,.55,.45,1)}24%{animation-timing-function:ease-in;translate:0 -14px;scale:.86 1.18}30%{animation-timing-function:ease-in-out;translate:0;scale:1.24 .78}52%{scale:.92 1.1}74%{scale:1.04 .97}to{box-shadow:var(--shadow-press), 0 0 0 0 #ffe38a00, 0 0 0 0 #ffdc7800;translate:0;scale:1}}.swap-choices{z-index:6;flex-wrap:nowrap;gap:24px;position:absolute;bottom:30px;left:340px;right:340px}.swap-choices .tile{--size:120px;border-radius:26px}.swap-choice{animation:swap-choice-in .5s cubic-bezier(.3, 1.6, .6, 1) calc(var(--i) * 80ms + 40ms) both;display:inline-block}@keyframes swap-choice-in{0%{opacity:0;translate:0 110px;rotate:-24deg;scale:.2}50%{opacity:1}to{opacity:1;translate:0;rotate:0deg;scale:1}}.swap-choices .tile.carried{opacity:0;transition:none}.swap-halo{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.swap-halo>*{z-index:1}.swap-halo.word{z-index:-1}.swap-card-halo{z-index:2;pointer-events:none;position:absolute}.swap-halo:before,.swap-halo:after{content:"";left:calc(var(--rw) * -1);top:calc(var(--rh) * -1);width:calc(var(--rw) * 2);height:calc(var(--rh) * 2);box-sizing:border-box;border-radius:var(--rr);position:absolute}.swap-halo:before{animation:swap-halo-ring .7s cubic-bezier(.1, .7, .3, 1) var(--d) both;border:14px solid #ffc53d;box-shadow:0 0 0 4px #fff4dc,0 0 30px 10px #ffc850d9,inset 0 0 0 4px #fff4dc,inset 0 0 22px 8px #fff4dccc}@keyframes swap-halo-ring{0%{opacity:0;scale:1.02}8%{opacity:1}60%{opacity:.8}to{opacity:0;border-width:4px;scale:1.8}}.swap-halo:after{animation:swap-halo-glow .9s ease-out var(--d) both;background:radial-gradient(closest-side,#fffae1f2,#ffd66ebf 45%,#ffc53d00 100%);border-radius:50%;scale:1.6}@keyframes swap-halo-glow{0%{opacity:0;scale:.9}12%{opacity:1;scale:1.7}to{opacity:0;scale:2.1}}.swap-halo svg{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);animation:swap-halo-star .85s cubic-bezier(.15, .75, .35, 1) var(--d) both;position:absolute;overflow:visible}@keyframes swap-halo-star{0%{translate:0;scale:.5;rotate:var(--r);opacity:0}8%{opacity:1}55%{translate:var(--x) var(--y);opacity:1;scale:1}to{translate:calc(var(--x) * 1.12) calc(var(--y) * 1.12 + 16px);scale:.2;rotate:calc(var(--r) + 140deg);opacity:0}}.swap-choices .tile.queued{box-shadow:0 7px 0 var(--ink), 0 0 0 6px #fff4dc, 0 0 0 13px #ffc53d, 0 0 38px 18px #ffc846f2;background:linear-gradient(#fffbe6,#ffe39a);animation:.7s ease-in-out infinite alternate swap-queued;translate:0 -16px}@keyframes swap-queued{0%{scale:1}to{scale:1.08}}.so-scene{--so-cx:690px}.so-scene.n3{--so-cx:682px}.so-scene .bubble{max-width:280px;font-size:23px;bottom:170px;right:18px}.so-scene.n3 .bubble{max-width:212px}.so-word{left:var(--so-cx);z-index:14;transform-origin:50%;will-change:transform, top;position:absolute;top:112px;translate:-50%}.so-word.gone{visibility:hidden}.so-word .drop-in{animation:.5s cubic-bezier(.3,1.5,.6,1) both so-drop}@keyframes so-drop{0%{opacity:0;transform:translateY(-34px)scale(.55)}55%{opacity:1}to{opacity:1;transform:none}}.so-panel{background:var(--paper);border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 18px 30px #00000040;border-radius:28px;align-items:center;gap:20px;padding:8px 40px 16px;transition:background .2s,box-shadow .3s;display:flex}.so-panel img{object-fit:contain;width:90px;height:90px}.so-panel.no{background:#ffe0cc;animation:.4s shake}.so-panel.yes{box-shadow:0 8px 0 var(--ink), 0 0 0 6px #3fbf6abf, 0 18px 30px #00000040;background:#dfffe6}.so-letters{font-family:var(--font-letters);white-space:nowrap;font-size:80px;font-weight:700;line-height:1.1;display:flex}.so-letters>span{transition:translate .14s cubic-bezier(.3,1.6,.6,1),scale .14s cubic-bezier(.3,1.6,.6,1),text-shadow .2s;display:inline-block;position:relative}.so-letters .hl{color:var(--blossom-deep)}.so-letters .sb{opacity:0;transition:opacity .2s,background .1s;bottom:0}.so-panel.blend .so-letters .sb{opacity:1}.so-letters>span.lit{text-shadow:0 0 16px #ffc53df2,0 0 4px #ffe696e6}.so-letters>span.now{translate:0 -10px;scale:1.16}.so-scene.tier-1 .so-panel:not(.yes):not(.no){box-shadow:0 8px 0 var(--ink), 0 0 0 5px #ffc53de6, 0 0 28px 8px #ffd26e8c}.so-scene.tier-2 .so-panel:not(.yes):not(.no){box-shadow:0 8px 0 var(--ink), 0 0 0 5px #ff9ac4, 0 0 30px 10px #b48cff8c}.so-scene.tier-3 .so-panel:not(.yes):not(.no){animation:1.6s linear infinite so-rainbow}@keyframes so-rainbow{0%,to{box-shadow:0 8px 0 var(--ink), 0 0 0 5px #ff5a5a, 0 0 30px 10px #ff5a5a80}25%{box-shadow:0 8px 0 var(--ink), 0 0 0 5px #ffe94a, 0 0 30px 10px #ffe94a80}50%{box-shadow:0 8px 0 var(--ink), 0 0 0 5px #5fd35f, 0 0 30px 10px #5fd35f80}75%{box-shadow:0 8px 0 var(--ink), 0 0 0 5px #4ab8ff, 0 0 30px 10px #4ab8ff80}}.so-chests{z-index:10;justify-content:center;align-items:flex-end;gap:72px;width:700px;display:flex;position:absolute;bottom:12px;left:340px}.so-chests.n3{gap:23px;left:332px}.so-chest{aspect-ratio:320/312;width:244px;position:relative}.so-chests.n3 .so-chest{width:218px}.so-chest>button{transform-origin:55% 96%;position:absolute;inset:0}.so-chest.no>button{animation:.5s ease-in-out so-nope}@keyframes so-nope{0%,to{rotate:0deg}20%{rotate:-6deg}45%{rotate:5deg}70%{rotate:-3deg}85%{rotate:1deg}}.so-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.so-art.front{clip-path:polygon(0 43.5%,6% 45.5%,31% 50.5%,47% 48.5%,62% 47.5%,84% 44.5%,100% 42%,100% 100%,0 100%)}.so-shine{pointer-events:none;opacity:0;mix-blend-mode:screen;transform-origin:52% 92%;background:radial-gradient(50% 42% at 52% 82%,#fffce1f2,#ffdc788c 45%,#0000 72%),conic-gradient(from 150deg at 52% 92%,#0000 0deg,#ffeca08c 8deg,#0000 16deg 22deg,#ffeca080 30deg,#0000 38deg 44deg,#ffeca08c 52deg,#0000 60deg);width:84%;height:76%;position:absolute;top:-26%;left:12%}.so-shine.on{animation:.9s ease-out so-shine}@keyframes so-shine{0%{opacity:0;scale:.6 .4}18%{opacity:1;scale:1.05 1.1}to{opacity:0;scale:1.1 1.25}}.so-mouth{pointer-events:none;width:42%;height:14%;position:absolute;top:30%;left:34%}.so-label{pointer-events:none;position:absolute;top:71%;left:19%;transform:translate(-50%,-50%)rotate(-5deg)}.so-label .tile{--size:100px}.so-chests.n3 .so-label .tile{--size:90px}.so-eyes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.so-eyes .lid{fill:url(#so-lid);transform-box:fill-box;transform-origin:50% 0;scale:1 0}.so-eyes path{fill:none;stroke:#3a150c;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.so-eyes .lid{animation:5.6s linear infinite so-blink;animation-delay:calc(1.4s + var(--k) * 1.9s)}.so-eyes .shut{animation:5.6s linear infinite so-lash;animation-delay:calc(1.4s + var(--k) * 1.9s)}@keyframes so-blink{0%,95.4%,99.2%,to{scale:1 0}96.4%,97.6%{scale:1}}@keyframes so-lash{0%,96%,98.2%,to{opacity:0}96.3%,97.9%{opacity:1}}.so-eyes.yum .lid,.so-eyes.no .lid{animation:none;scale:1}.so-eyes.yum .shut,.so-eyes.no .shut{opacity:0;animation:none}.so-eyes.yum .yum,.so-eyes.no .nope{opacity:1}.so-loot{pointer-events:none;height:42%;position:absolute;top:6%;left:12%;right:5%}.so-chip{left:var(--x);bottom:var(--b);translate:-50%;rotate:var(--r);scale:var(--s);z-index:var(--z);transform-origin:50% 100%;background:linear-gradient(180deg, #fffaf0, var(--paper));border:3.5px solid var(--ink);font-family:var(--font-letters);color:var(--ink);white-space:nowrap;border-radius:11px;padding:2px 10px 9px;font-size:25px;font-weight:700;line-height:1.1;transition:left .35s cubic-bezier(.3,1.3,.6,1),bottom .35s cubic-bezier(.3,1.3,.6,1),rotate .35s,scale .35s;position:absolute;box-shadow:0 3px #2b1d1459}.so-chests.n3 .so-chip{padding:2px 9px 8px;font-size:23px}.so-chip .hl{color:var(--blossom-deep)}.so-chip.new{animation:.5s cubic-bezier(.3,1.6,.5,1) both so-chip}@keyframes so-chip{0%{translate:-50% 70%;scale:.3}to{translate:-50%;scale:1}}.so-chest{animation:.6s cubic-bezier(.3,1.5,.6,1) both so-in;animation-delay:calc(.25s + var(--k) * .16s)}@keyframes so-in{0%{opacity:0;translate:0 60px;scale:.5}60%{opacity:1}to{opacity:1;translate:0;scale:1}}.so-charge{z-index:15;pointer-events:none;position:absolute;inset:0}.so-charge>*{pointer-events:none;position:absolute;top:0;left:0}.so-fist{filter:drop-shadow(0 0 8px #ffc850f2);background:radial-gradient(circle,#fff 0 12%,#fff1a8 20%,#ffc53d 33%,#ff8c149e 48%,#ff6e0a33 60%,#0000 68%);border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;transition:scale .24s cubic-bezier(.3,1.7,.5,1),opacity .15s}.so-fist i{border:4px dashed #fffffff2;border-radius:50%;animation:.55s linear infinite so-crackle;position:absolute;inset:14%}.so-fist i+i{border-width:3px;border-color:#ffeca0f2;animation-duration:.4s;animation-direction:reverse;inset:26%}.so-fist b{opacity:0;background:radial-gradient(circle,#fff 0 32%,#fff4c899 48%,#0000 66%);border-radius:50%;position:absolute;inset:-10%}@keyframes so-crackle{to{rotate:360deg}}.so-fist.t2{filter:drop-shadow(0 0 10px #ff96d2f2);background:radial-gradient(circle,#fff 0 15%,#ffe0f0 24%,#ff7aaae6 38%,#9678ff73 54%,#0000 70%)}.so-fist.t3{background:radial-gradient(circle,#fff 0 16%,#0000 34%),conic-gradient(#ff5a5a,#ffb03d,#ffe94a,#5fd35f,#4ab8ff,#b48cff,#ff5a5a);-webkit-mask-image:radial-gradient(circle,#000 34%,#0000 70%);mask-image:radial-gradient(circle,#000 34%,#0000 70%)}.so-spark{width:44px;height:44px;margin:-22px 0 0 -22px}.so-spark:before{content:"";background:radial-gradient(circle,#fff 0 25%,#ffd65ae6 45%,#0000 72%);border-radius:50%;position:absolute;inset:4px;scale:2}.so-spark svg{width:100%;height:100%;animation:.45s linear infinite so-crackle;position:absolute;inset:0;overflow:visible}.so-spark path{fill:#ffe066;stroke:#2b1d14;stroke-width:3.2px;stroke-linejoin:round}.so-power{z-index:11;pointer-events:none;opacity:0;background:radial-gradient(46% 42% at 50% 52%,#fff6c8,#ffc43cd9 32%,#ff961e73 56%,#0000 76%),repeating-conic-gradient(at 50% 54%,#ffbe32d9 0deg 7deg,#0000 7deg 20deg);width:360px;height:500px;transition:opacity .3s,scale .35s cubic-bezier(.3,1.5,.5,1);position:absolute;bottom:-50px;left:-15px;scale:.6;-webkit-mask-image:radial-gradient(50% 50% at 50% 52%,#000 34%,#0000 72%);mask-image:radial-gradient(50% 50% at 50% 52%,#000 34%,#0000 72%)}.so-power.on{opacity:calc(.35 + var(--p,0) * .6);scale:calc(.75 + var(--p,0) * .35)}.so-power.full{animation:.36s ease-in-out infinite alternate so-power}@keyframes so-power{0%{rotate:-3deg}to{rotate:3deg}}.so-power.go{animation:.45s ease-out both so-power-go}@keyframes so-power-go{0%{opacity:1;scale:1.1}30%{opacity:1;scale:1.3}to{opacity:0;scale:1.5}}.so-scene.tier-2 .so-power{filter:hue-rotate(-40deg)saturate(1.4)}.so-scene.tier-3 .so-power{filter:hue-rotate(60deg)saturate(1.3)}.so-scene .ninja-spot.tier-1.powering .nj-aura{animation:.9s cubic-bezier(.2,.8,.3,1) nj-bloom,1.4s ease-in-out .9s infinite nj-aura}.so-scene .ninja-spot.tier-2.powering .nj-aura{animation:.9s cubic-bezier(.2,.8,.3,1) nj-bloom,3s linear infinite nj-swirl}.so-scene .ninja-spot.tier-3.powering .nj-aura{animation:.9s cubic-bezier(.2,.8,.3,1) nj-bloom,1.6s linear infinite nj-swirl}.st-scene{--play-x:725px}.st-bg{filter:none;animation:14s ease-out forwards st-kenburns,.6s fadein}@keyframes st-kenburns{0%{transform:scale(1.02)}to{transform:scale(1.1)translate(-1%,-1%)}}.st-title{left:var(--play-x);width:max-content;max-width:720px;position:absolute;top:40%;translate:-50% -50%}.st-title .panel{text-align:center;background:linear-gradient(#fffaf0,#f6e3bb);padding:20px 56px}.st-title .display{color:var(--blossom);font-size:72px;line-height:1.05}.st-panel{z-index:5;background:linear-gradient(#fffaf0,#f6e3bb);align-items:center;min-height:118px;padding:16px 30px;display:flex;position:absolute;bottom:20px;left:344px;right:176px}.st-panel.baron{background:linear-gradient(#f6ecff,#dcc8f5)}.st-narr{font-family:var(--font-ui);font-size:30px;font-weight:600;line-height:1.32}.st-narr span{transition:color .1s}.st-narr .on{color:var(--blossom-deep)}.st-narr.long{font-size:27px}.st-ask{font-family:var(--font-ui);font-size:32px;font-weight:700;line-height:1.25}.st-panel.read{align-items:flex-start;padding:26px 28px 4px}.st-words{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.st-line{flex-wrap:nowrap;align-items:flex-start;display:flex}.st-words.flow .st-line{flex-wrap:wrap}.st-word{margin-right:var(--gap,34px);font-family:var(--font-letters);flex-shrink:0;align-items:flex-start;margin-bottom:38px;font-weight:700;line-height:1.1;display:inline-flex}.st-line .st-word:last-child{margin-right:0}.st-word .word-btn{font-family:var(--font-letters);padding:18px var(--pad,12px);margin:-18px calc(-1 * var(--pad,12px));border-radius:16px;font-weight:700;line-height:1.1;transition:color .12s,background .2s;display:inline-flex}.st-word .word-btn.on{color:var(--blossom-deep);background:#ffc53d47}.st-word .word-btn.on .sb{background:var(--blossom-deep)}.st-words.lit .st-word{animation:.62s cubic-bezier(.3,1.6,.5,1) both st-wordglow;animation-delay:calc(var(--i) * 75ms)}@keyframes st-wordglow{0%{text-shadow:none;translate:0;scale:1}35%{text-shadow:0 0 14px #ffd55a,0 0 30px #ffaa28cc;color:#b35a00;translate:0 -10px;scale:1.1}to{text-shadow:0 0 #ffd55a00;translate:0;scale:1}}.st-side{z-index:7;flex-direction:column;align-items:center;gap:22px;width:112px;display:flex;position:absolute;bottom:200px;right:20px}.st-side .btn-round.st-go{width:112px;height:112px;box-shadow:0 7px 0 var(--ink);border-width:6px}.st-side .btn-round.st-go.ready{animation:1.3s ease-in-out infinite st-go}@keyframes st-go{0%,to{box-shadow:0 7px 0 var(--ink), 0 0 0 0 #3fbf6ab3;transform:scale(1)}50%{box-shadow:0 7px 0 var(--ink), 0 0 0 16px #3fbf6a00;transform:scale(1.12)}}.st-side .btn-round.st-go.done{filter:saturate(.6)brightness(1.1)}.st-choices{z-index:6;justify-content:center;gap:90px;display:flex;position:absolute;top:176px;left:344px;right:176px}.st-choices .tile.lg{padding:0 40px;font-size:96px}.st-choices .tile{transition:transform 80ms,box-shadow 80ms,opacity .25s,filter .25s}.st-choices .tile.visited{opacity:.4;filter:grayscale()}.st-choices .tile.right{background:linear-gradient(#eaffea,#bff0c9)}.st-choices .tile.picked{background:linear-gradient(#fffaf0,#ffe7b8)}.st-choices .tile.right,.st-choices .tile.picked{transition:translate .2s cubic-bezier(.3,1.5,.6,1),background .2s;translate:0 -24px}.st-choices .tile.not{opacity:0;visibility:hidden;filter:grayscale(.8);transition:opacity .2s,filter .2s,translate .22s cubic-bezier(.3,.7,.4,1),scale .22s cubic-bezier(.3,.7,.4,1),visibility 0s .22s;translate:0 170px;scale:.55}.st-seg{display:inline-flex}.st-seg>span{transition:color .1s;position:relative}.st-seg>span.on{color:var(--blossom-deep)}.st-seg .sb{bottom:-16px}.st-dim{background:#1d123073;animation:.4s both fadein;position:absolute;inset:0}.st-question{left:var(--play-x);z-index:6;width:max-content;max-width:900px;font-family:var(--font-ui);white-space:nowrap;align-items:center;gap:18px;padding:10px 20px 10px 36px;font-size:40px;font-weight:800;display:flex;position:absolute;top:30px;translate:-50%}.st-cards{z-index:6;justify-content:center;gap:40px;display:flex;position:absolute;top:196px;left:340px;right:170px}.st-cards .card{width:230px;height:230px;transition:background .2s,opacity .3s,filter .3s;position:relative}.st-cards .card.wrong{background:#ffe0cc;animation:.55s cubic-bezier(.3,1.5,.6,1) both dropin,.4s shake}.st-cards .card.tried:not(.wrong){opacity:.5;filter:grayscale(.7)}.st-cards.solved .card:not(.right){opacity:0;visibility:hidden;filter:grayscale(.8);transition:opacity .2s,filter .2s,translate .22s cubic-bezier(.3,.7,.4,1),scale .22s cubic-bezier(.3,.7,.4,1),visibility 0s .22s;translate:0 160px;scale:.62}.st-cards .card.right{box-shadow:0 8px 0 var(--ink), 0 0 0 10px #ffc53de6, 0 20px 34px #00000040;background:#dfffe6;transition:translate .2s cubic-bezier(.3,1.5,.6,1),background .2s;translate:0 -24px}.ninja-spot.st-run{animation:.72s ease-in-out infinite st-creep}@keyframes st-creep{0%,to{translate:0;rotate:0deg}25%{translate:5px -12px;rotate:1.5deg}50%{translate:8px;rotate:0deg}75%{translate:3px -8px;rotate:-1deg}}.st-scene:is(.k-narr,.k-read,.k-choice) .bubble{right:176px;bottom:var(--cap-b,150px);border-bottom-right-radius:12px;max-width:420px;font-size:23px}.st-scene:is(.k-narr,.k-read,.k-choice) .bubble:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='56' viewBox='0 0 66 56'%3E%3Cpath d='M2 9 L29 9 L62 54 Z' fill='%232b1d14'/%3E%3Cpath d='M0 0 L31 0 L62 49 Z' fill='%23fffdf6'/%3E%3Cpath d='M2 4 L62 49 L29 4' fill='none' stroke='%232b1d14' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;border:0;border-radius:0;width:66px;height:56px;bottom:-50px;right:-32px;transform:none}.st-scene:is(.k-narr,.k-read,.k-choice) .bubble.baron:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='56' viewBox='0 0 66 56'%3E%3Cpath d='M2 9 L29 9 L62 54 Z' fill='%232b1d14'/%3E%3Cpath d='M0 0 L31 0 L62 49 Z' fill='%23efe0ff'/%3E%3Cpath d='M2 4 L62 49 L29 4' fill='none' stroke='%232b1d14' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}.met-word{border:4px solid var(--ink);min-height:56px;box-shadow:0 4px 0 var(--ink);font:700 26px/1 var(--font-letters);color:var(--ink);background:#fffdf6;border-radius:18px;align-items:center;gap:6px;padding:6px 12px 6px 6px;display:flex}.met-word:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.met-word img{object-fit:contain;width:44px;height:44px}.met-word b,.explain-word b{font-weight:700}.explain-btn{border:6px solid var(--ink);width:110px;height:110px;box-shadow:0 6px 0 var(--ink), 0 0 0 6px #ffc53dd9;background:radial-gradient(circle at 40% 35%,#fff8e6,#ffd98a 70%,#e0a53a);border-radius:50%;padding:0;animation:.9s ease-in-out infinite alternate helptalk;overflow:hidden}.explain-btn img{object-fit:cover;width:100%;height:100%}.explain-word{font:700 30px/1.2 var(--font-letters);color:var(--ink);background:#fffdf6e6;border-radius:12px;padding:2px 10px;animation:.4s cubic-bezier(.3,1.6,.6,1) both popin}.tut-arrow{z-index:40;pointer-events:none;filter:drop-shadow(0 6px #2b1d1459);animation:1.1s ease-in-out infinite tut-arrow;position:absolute;overflow:visible}.tut-arrow path:first-child,.tut-arrow path:nth-child(2){stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.7s cubic-bezier(.3,.8,.4,1) forwards tut-draw}.tut-arrow path:nth-child(3){transform-box:fill-box;transform-origin:50%;animation:.85s cubic-bezier(.3,1.6,.5,1) both tut-head}@keyframes tut-arrow{0%,to{translate:0}50%{translate:16px 2px}}@keyframes tut-draw{to{stroke-dashoffset:0}}@keyframes tut-head{0%,60%{scale:0}to{scale:1}}.tut-help-ring{z-index:84;pointer-events:none;border:9px solid #ffc53d;border-radius:50%;width:124px;height:124px;animation:1.4s ease-out infinite tut-ring;position:absolute;bottom:14px;right:14px;box-shadow:0 0 0 4px #2b1d14,0 0 26px 8px #ffdc78cc}.tut-help-ring.late{animation-delay:.7s}@keyframes tut-ring{0%{opacity:1;scale:.95}to{opacity:0;scale:1.9}}.tut-gong-swing{transform-origin:50% 12%;animation:1.3s cubic-bezier(.2,.7,.3,1) tut-gong}@keyframes tut-gong{0%{filter:brightness(1.8);rotate:0deg;scale:1}8%{filter:brightness(1.4);rotate:7deg;scale:1.05 .96}24%{filter:brightness();rotate:-5deg;scale:1}42%{rotate:3deg}62%{rotate:-1.5deg}82%{rotate:.6deg}to{rotate:0deg}}.title-hero{transition:none}.title-hero.vanish{animation:.55s cubic-bezier(.5,0,.8,.4) forwards title-vanish!important}.title-hero.vanish.late{animation-delay:80ms!important}@keyframes title-vanish{0%{opacity:1;transform:translateY(0)scale(1)}22%{opacity:1;transform:translateY(18px)scale(1.1,.86)}to{opacity:.4;transform:translateY(-560px)scale(.86,1.18)rotate(-12deg)}}.title-start-in{animation:.45s cubic-bezier(.3,1.6,.6,1) both title-start-in}@keyframes title-start-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.choose-card{transition:transform .3s cubic-bezier(.3,1.5,.5,1),opacity .3s,filter .3s}.choose-card.other{filter:grayscale(.6)brightness(.9)}.choose .bubble{max-width:350px}.profile-hop{transform-origin:50% 100%;animation:.5s cubic-bezier(.3,.8,.4,1) profile-hop}@keyframes profile-hop{0%{transform:translateY(0)scale(1)}20%{transform:translateY(6px)scale(1.12,.86)}55%{transform:translateY(-70px)scale(.92,1.1)rotate(-6deg)}85%{transform:translateY(0)scale(1.1,.9)}to{transform:translateY(0)scale(1)}}.profile-other{opacity:.55;transition:opacity .25s,scale .25s;scale:.94}.map-side{z-index:8;flex-direction:column;gap:14px;display:flex;position:absolute;top:124px;right:18px}.map-side .btn-round{width:96px;height:96px}.map-hero{z-index:8;cursor:pointer;justify-content:center;align-items:flex-end;width:128px;height:172px;transition:left .9s ease-in-out,top .9s ease-in-out;display:flex;position:absolute}.map-hero img{filter:drop-shadow(0 6px 4px #2b1d1459);width:128px;position:relative}.map-hero:after{content:"";z-index:-1;background:radial-gradient(closest-side,#2b1d1480,#2b1d1400);border-radius:50%;width:92px;height:20px;position:absolute;bottom:-4px;left:50%;translate:-50%}.map-challenge{background:radial-gradient(circle at 35% 30%,#fff6d8 0%,#ffd36b 55%,#c98a00 100%);position:relative}.btn-round.map-challenge svg{width:84%;height:84%}.map-challenge-star{filter:drop-shadow(0 3px #2b1d1466);pointer-events:none;width:50%;position:absolute;top:2%;right:4%;rotate:18deg}.map-hero-hop{transform-origin:50% 100%;animation:.8s cubic-bezier(.3,.8,.4,1) map-hop}@keyframes map-hop{0%{transform:translateY(0)scale(1.14,.86)}35%{transform:translateY(-64px)scale(.94,1.08)rotate(-4deg)}62%{transform:translateY(0)scale(1.12,.88)}80%{transform:translateY(-14px)scale(.98,1.03)}to{transform:translateY(0)scale(1)}}.map-badge{min-width:40px;height:40px;font-family:var(--font-display);pointer-events:none;background:#ffc53d;border:4px solid #2b1d14;border-radius:20px;place-items:center;font-size:24px;display:grid;position:absolute;top:-8px;right:-8px}.reward-panel{background:linear-gradient(#fffaf0,#f6e3bb);width:740px;height:402px;position:absolute;top:18px;left:352px}.reward-stars{justify-content:center;align-items:flex-end;gap:14px;display:flex;position:absolute;top:18px;left:0;right:0}.reward-star{width:116px;height:116px;position:relative}.reward-star:nth-child(2){width:136px;height:136px;translate:0 -12px}.reward-star>span{position:absolute;inset:0}.reward-star .full{opacity:0;scale:.2}.reward-star.on .full{opacity:1;filter:drop-shadow(0 0 14px #ffd65ae6);animation:.55s cubic-bezier(.3,1.8,.5,1) reward-star;scale:1}.reward-star.on .empty{opacity:0;transition:opacity .2s}@keyframes reward-star{0%{filter:brightness(2.4)drop-shadow(0 0 30px #fff4b0);rotate:-40deg;scale:.2}60%{filter:brightness(1.5)drop-shadow(0 0 24px #ffe38a);rotate:8deg;scale:1.32}to{rotate:0deg;scale:1}}.reward-words{justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;top:164px;left:20px;right:20px}.reward-word{background:#fff;border:4px solid #2b1d14;border-radius:14px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 4px #2b1d1440}.reward-word img{object-fit:contain;width:58px;height:58px}.reward-word span{font-family:var(--font-letters);font-size:22px;font-weight:700}.reward-gems{flex-wrap:wrap;place-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:20px;right:20px}.reward-buttons{justify-content:center;align-items:center;gap:28px;width:740px;height:136px;display:flex;position:absolute;top:568px;left:352px}.place-choice{transition:transform .2s}.bubble.finale-baron{max-width:420px;bottom:196px;left:800px;right:auto}.bubble.finale-baron:before{inset:30px auto auto -19px;transform:rotate(135deg)}
