:root{--ink:#1d1530;--jungle:#123d22;--jungle-2:#1d5a32;--leaf:#4fc25a;--leaf-d:#2a8a39;--gold:#ffcf3f;--gold-d:#d99410;--mist:#9b5cf0;--mist-d:#6a32c0;--red:#ff4d4d;--red-d:#c42a2a;--cream:#fff7e6;--card:#121e16db;--safe-t:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-b:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-l:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--safe-r:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, sans-serif;--u:min(1vh, .55vw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--jungle);height:100%;font-family:var(--font-body);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{-webkit-user-drag:none}#app{position:fixed;inset:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:none;position:absolute;inset:0}body.fighting #game{display:block}#ui{position:absolute;inset:0}#rotate{display:none}@media (orientation:portrait) and (max-width:820px){#rotate{z-index:99;background:var(--jungle);text-align:center;font-family:var(--font-display);place-items:center;display:grid;position:fixed;inset:0}#rotate b{font-size:90px;animation:2s ease-in-out infinite spin;display:block}#rotate p{padding:0 30px;font-size:22px}}@keyframes spin{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.btn{--c:#2f7a3e;--d:#1a4d26;min-height:calc(var(--u) * 10.5);padding:0 calc(var(--u) * 3.6);border-radius:calc(var(--u) * 3.6);font-family:var(--font-display);font-weight:700;font-size:calc(var(--u) * 4.4);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 80%, white) 0%, var(--c) 65%);box-shadow:0 calc(var(--u) * .9) 0 var(--d), 0 10px 20px -8px #0009, inset 0 2px 0 #ffffff59;text-shadow:0 2px #00000040;justify-content:center;align-items:center;gap:8px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{transform:translateY(calc(var(--u) * .8));box-shadow:0 1px 0 var(--d), inset 0 2px 0 #ffffff59}.btn svg{width:1.1em;height:1.1em}.btn.primary{--c:#f2a51b;--d:#a8630a}.btn.ghost{--c:#ffffff24;--d:#00000059;background:#ffffff1f}.btn.big{min-height:calc(var(--u) * 15);font-size:calc(var(--u) * 6.4);padding:0 calc(var(--u) * 5)}.btn.big span{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.btn.big small{font-family:var(--font-body);opacity:.9;font-size:.42em;font-weight:800}.icon-btn{width:calc(var(--u) * 10);height:calc(var(--u) * 10);color:#fff;background:#0006;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.icon-btn svg{width:55%;height:55%}.chip{padding:calc(var(--u) * 1.2) calc(var(--u) * 2.6);font-weight:800;font-size:calc(var(--u) * 3.6);background:#00000073;border-radius:999px;align-items:center;gap:6px;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff2e}.mini{font-weight:800;font-size:calc(var(--u) * 3.2);padding:calc(var(--u) * 1) calc(var(--u) * 2.4);background:#ffffff26;border-radius:999px}.spacer{flex:1}.stars{gap:2px;display:inline-flex}.stars i{color:#ffffff40;font-style:normal}.stars i.on{color:var(--gold);text-shadow:0 0 8px #ffcf3fb3}.logo{font-family:var(--font-display);text-align:center;filter:drop-shadow(0 6px #00000059);margin:0;line-height:.9}.logo .l1{font-size:calc(var(--u) * 15);color:#7ee07a;-webkit-text-stroke:calc(var(--u) * .9) #0f2b16;paint-order:stroke fill;letter-spacing:1px;font-weight:700;display:block}.logo .l2{font-size:calc(var(--u) * 7.4);color:var(--gold);-webkit-text-stroke:calc(var(--u) * .7) #3a1d00;paint-order:stroke fill;font-weight:700;display:block}.screen{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 16px);flex-direction:column;display:flex;position:absolute;inset:0}.topbar{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.topbar h2{font-family:var(--font-display);font-size:calc(var(--u) * 5.4);text-shadow:0 3px #0006;margin:0}.home .home-art{background:50% 30%/cover;animation:30s ease-in-out infinite alternate kenburns;position:absolute;inset:0}.home .home-art:after{content:"";background:linear-gradient(90deg,#08180c26 0% 40%,#08180cd9 75%);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1.5%,1%)}}.reduce-motion .home .home-art{animation:none}.home-main{justify-content:center;align-items:flex-end;gap:calc(var(--u) * 3);flex-direction:column;flex:1;padding-right:2vw;display:flex;position:relative}.home-main .logo{width:min(48vw,560px)}.home-btns{gap:calc(var(--u) * 2.4);flex-direction:column;width:min(46vw,520px);display:flex}.home-btns .row{gap:calc(var(--u) * 2);display:flex}.home-btns .row .btn{font-size:calc(var(--u) * 3.8);padding:0 calc(var(--u) * 2);flex:1}.home-foot{justify-content:flex-end;display:flex;position:relative}.credit{color:#fff;font-size:calc(var(--u) * 3);background:#00000080;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #fff3}.credit img{height:calc(var(--u) * 5);width:auto}.credit span{opacity:.75}.map{background:radial-gradient(ellipse at 50% 120%, #2a6b3c, var(--jungle) 70%)}.zones{gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) 4px;scroll-snap-type:x mandatory;touch-action:pan-x;-webkit-overflow-scrolling:touch;flex:1;display:flex;overflow:auto hidden}.zone{scroll-snap-align:center;border-radius:calc(var(--u) * 4);background:var(--zbg,#1d3b24) center / cover;flex-direction:column;flex:none;width:min(78vw,640px);display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -10px #000000b3,inset 0 0 0 3px #ffffff1f}.zone:before{content:"";background:linear-gradient(#000000a6 0%,#0003 45%,#000000b3 100%);position:absolute;inset:0}.zone>*{position:relative}.zone header{padding:calc(var(--u) * 3) calc(var(--u) * 4) 0;grid-template-columns:1fr auto;column-gap:10px;display:grid}.zone .zn{font-weight:800;font-size:calc(var(--u) * 3);color:var(--gold);text-transform:uppercase;letter-spacing:1px;grid-column:1}.zone h3{font-family:var(--font-display);font-size:calc(var(--u) * 6.4);grid-column:1;margin:0;line-height:1}.zone p{font-size:calc(var(--u) * 3.2);opacity:.9;grid-column:1;margin:4px 0 0}.zone .champ{font-size:calc(var(--u) * 2.8);text-align:center;max-width:calc(var(--u) * 28);flex-direction:column;grid-area:1/2/span 3;align-items:center;gap:2px;font-weight:800;display:flex}.zone .champ img{height:calc(var(--u) * 20);filter:drop-shadow(0 4px 6px #0009)}img.misty,.misty{filter:sepia()hue-rotate(225deg)saturate(2.4)brightness(.8)drop-shadow(0 0 10px #9b5cf0e6)!important}img.shadowy,.shadowy{filter:brightness(.35)sepia()hue-rotate(230deg)saturate(3)drop-shadow(0 0 10px #823cdce6)!important}.nodes{gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 2.4) calc(var(--u) * 3);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;margin-top:auto;display:grid}.node{padding:calc(var(--u) * 1.4) 3px;border-radius:calc(var(--u) * 2.4);background:#0009;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #fff3}.node .n{font-size:calc(var(--u) * 5.4);line-height:1.1}.node small{font-size:calc(var(--u) * 2.5);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:2.2em;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.node .stars{font-size:calc(var(--u) * 2.8)}.node.boss{box-shadow:inset 0 0 0 2px var(--gold);background:linear-gradient(#a05a0ad9,#3c1e00d9)}.node.smash{background:#5a3214bf}.node.done{box-shadow:inset 0 0 0 2px var(--leaf)}.node.locked{opacity:.5}.node:not(.locked):not(.done){animation:1.4s ease-in-out infinite nodePulse}@keyframes nodePulse{50%{box-shadow:inset 0 0 0 3px var(--gold), 0 0 16px #ffcf3fb3}}.zone-cine{padding:0 calc(var(--u) * 3) calc(var(--u) * 2.4);gap:8px;display:flex}.zone-lock,.soon{font-weight:800;font-size:calc(var(--u) * 3.6);background:#0000008c;border-radius:999px;margin:auto;padding:10px 18px}.zone.locked .nodes{filter:grayscale(.6)}.zone.coming{background:linear-gradient(160deg,#2a2340,#141020);width:min(42vw,330px)}.zone.coming:before{background:radial-gradient(circle at 50% 70%,#9b5cf059,#0000 60%)}.vs{z-index:20;background:linear-gradient(105deg, color-mix(in srgb, var(--ca) 70%, black) 0 49.6%, #fff 49.6% 50.4%, color-mix(in srgb, var(--cb) 70%, black) 50.4%);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.vs:before{content:"";background:repeating-linear-gradient(105deg,#ffffff0f 0 20px,#0000 20px 60px);animation:2s linear infinite slide;position:absolute;inset:0}@keyframes slide{to{background-position:120px 0}}.vs-side{height:100%;padding-bottom:calc(var(--u) * 8);flex-direction:column;justify-content:flex-end;align-items:center;transition:transform .5s cubic-bezier(.2,1.4,.4,1);display:flex;position:relative}.vs-side.l{transform:translate(-60vw)}.vs-side.r{transform:translate(60vw)}.vs.go .vs-side{transform:none}.vs-side img{height:calc(var(--u) * 62);filter:drop-shadow(0 10px 14px #0009)}.vs-side.r img{transform:scaleX(-1)}.vs-name{text-align:center;margin-top:-10px}.vs-name b{font-family:var(--font-display);font-size:calc(var(--u) * 8);-webkit-text-stroke:calc(var(--u) * .5) #000;paint-order:stroke fill;display:block}.vs-name small{font-weight:800;font-size:calc(var(--u) * 3.2);opacity:.9}.vs-mid{text-align:center;font-family:var(--font-display);position:relative}.vs-mid span{font-size:calc(var(--u) * 22);color:var(--gold);-webkit-text-stroke:calc(var(--u) * 1.2) #2a1100;paint-order:stroke fill;font-weight:700;transition:transform .4s cubic-bezier(.2,1.8,.4,1) .35s;display:block;transform:scale(0)rotate(-20deg)}.vs.go .vs-mid span{transform:none}.vs-mid small{font-weight:800;font-size:calc(var(--u) * 3.2)}.vs-tip,.vs-rule{font-weight:800;font-size:calc(var(--u) * 3.6);white-space:nowrap;text-overflow:ellipsis;background:#000000a6;border-radius:999px;max-width:92vw;padding:8px 18px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.vs-tip{bottom:calc(var(--u) * 2 + var(--safe-b))}.vs-rule{top:calc(var(--u) * 3 + var(--safe-t));color:var(--gold)}.vs.out,.cine.out,.smash.out{opacity:0;transition:opacity .35s}.hud{pointer-events:none;font-family:var(--font-display);position:absolute;inset:0}.hud .pause{top:calc(var(--safe-t) + var(--u) * 16);pointer-events:auto;width:calc(var(--u) * 8);height:calc(var(--u) * 8);position:absolute;left:50%;transform:translate(-50%)}.hp{top:calc(var(--safe-t) + var(--u) * 2);align-items:flex-start;gap:calc(var(--u) * 1.4);width:40%;display:flex;position:absolute}.hp.l{left:calc(var(--safe-l) + var(--u) * 2)}.hp.r{right:calc(var(--safe-r) + var(--u) * 2);flex-direction:row-reverse}.pt{width:calc(var(--u) * 12);height:calc(var(--u) * 12);background-color:#2a2340;background-position:62% 4%;background-repeat:no-repeat;background-size:210%;border-radius:50%;flex:none;box-shadow:0 0 0 3px #fff,0 4px 10px #00000080}.hp.r .pt{transform:scaleX(-1)}.barwrap{flex:1;min-width:0}.barwrap b{font-size:calc(var(--u) * 3.8);margin-bottom:calc(var(--u) * 1.2);-webkit-text-stroke:3px #000;paint-order:stroke fill;line-height:1;display:block}.hp.r .barwrap b{text-align:right}.bar{height:calc(var(--u) * 4.6);background:#3a0d16;border-radius:999px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111,0 0 0 5px #ffffffb3}.bar i{transform-origin:0;position:absolute;inset:0}.hp.r .bar i{transform-origin:100%}.bar .trail{background:#fff}.bar .fill{background:linear-gradient(#b6ff6a,#39c24a 55%,#1f8a32)}.bar .fill.low{background:linear-gradient(#ffb36a,#ff5a3a 55%,#c22a1a);animation:.5s steps(2,end) infinite lowhp}@keyframes lowhp{50%{filter:brightness(1.4)}}.roar{height:calc(var(--u) * 1.8);margin-top:calc(var(--u) * 1);background:#0000008c;border-radius:999px;width:70%;position:relative;overflow:hidden}.hp.r .roar{margin-left:auto}.roar i{transform-origin:0;background:linear-gradient(90deg,#ff9a2b,#ffe066);position:absolute;inset:0}.hp.r .roar i{transform-origin:100%}.roar.full{animation:.6s ease-in-out infinite alternate roarGlow;box-shadow:0 0 10px #ffd23f}@keyframes roarGlow{to{box-shadow:0 0 18px #fff1a8}}.pips{margin-top:calc(var(--u) * 1);gap:5px;display:flex}.hp.r .pips{justify-content:flex-end}.pips i{width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2);background:#00000080;border-radius:50% 0;transform:rotate(45deg);box-shadow:inset 0 0 0 2px #ffffff80}.pips i.on{background:var(--leaf);box-shadow:0 0 8px var(--leaf)}.clock{top:calc(var(--safe-t) + var(--u) * 1.4);min-width:calc(var(--u) * 13);text-align:center;font-size:calc(var(--u) * 9);color:#fff;-webkit-text-stroke:4px #1a1a1a;paint-order:stroke fill;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.clock.hurry{color:#ff6060;animation:.5s steps(2,end) infinite lowhp}.combo{top:calc(var(--u) * 26);font-size:calc(var(--u) * 5);color:var(--gold);-webkit-text-stroke:4px #2a1100;paint-order:stroke fill;opacity:0;transition:opacity .2s;position:absolute}.combo b{font-size:1.6em}.combo.l{left:calc(var(--safe-l) + var(--u) * 3)}.combo.r{right:calc(var(--safe-r) + var(--u) * 3)}.combo.on{opacity:1;animation:.25s cubic-bezier(.2,1.8,.4,1) pop}@keyframes pop{0%{transform:scale(.4)}}.banner{text-align:center;font-size:calc(var(--u) * 15);color:#fff;-webkit-text-stroke:calc(var(--u) * 1.2) #1a0b2e;paint-order:stroke fill;opacity:0;text-shadow:0 8px #00000059;font-weight:700;transition:opacity .15s,transform .25s cubic-bezier(.2,1.6,.4,1);position:absolute;top:34%;left:0;right:0;transform:scale(2)}.banner.on{opacity:1;transform:none}.banner.go{color:var(--gold);font-size:calc(var(--u) * 20)}.banner.ko{color:#ff5d5d;font-size:calc(var(--u) * 22)}.banner.perfect{color:#7ee07a}.banner.win{color:var(--gold)}.banner.lose{color:#c9b8ff}.banner.breaker{color:#ffe27a;font-size:calc(var(--u) * 16);background:radial-gradient(#9b5cf073,#0000 70%)}.banner.finisher span{color:#ffe27a;font-size:calc(var(--u) * 13);animation:.7s ease-in-out infinite alternate throb;display:block}.banner.finisher small{font-size:calc(var(--u) * 4.6);-webkit-text-stroke:3px #1a0b2e;display:block}@keyframes throb{to{transform:scale(1.08)}}.pad{pointer-events:none;z-index:5;position:absolute;inset:0}.stick-zone{pointer-events:auto;touch-action:none;width:46%;height:70%;position:absolute;bottom:0;left:0}.stick-base{left:calc(var(--u) * 22 + var(--safe-l));width:calc(var(--u) * 26);height:calc(var(--u) * 26);margin:calc(var(--u) * -13) 0 0 calc(var(--u) * -13);opacity:.55;background:radial-gradient(circle,#ffffff14,#ffffff2e);border-radius:50%;transition:opacity .15s;position:absolute;top:62%;box-shadow:inset 0 0 0 3px #ffffff59}.stick-base.on{opacity:1;transition:none}.stick-knob{background:radial-gradient(circle at 35% 30%,#fff,#cfd8e3);border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #0006}.pad-hint{left:calc(var(--u) * 6 + var(--safe-l));bottom:calc(var(--u) * 2 + var(--safe-b));font-size:calc(var(--u) * 2.8);opacity:.55;font-weight:800;position:absolute}.pad:not(.labels) .pad-hint,.pad:not(.labels) .pb span{display:none}.buttons{right:calc(var(--safe-r) + var(--u) * 3);bottom:calc(var(--safe-b) + var(--u) * 3);width:calc(var(--u) * 60);height:calc(var(--u) * 46);pointer-events:none;position:absolute}.pb{pointer-events:auto;touch-action:none;color:#fff;font-family:var(--font-display);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--c) 70%, white), var(--c) 60%, color-mix(in srgb, var(--c) 70%, black));box-shadow:0 calc(var(--u) * 1) 0 color-mix(in srgb, var(--c) 50%, black), 0 8px 16px #00000073, inset 0 2px 0 #fff6;opacity:.92;border-radius:50%;align-content:center;place-items:center;font-weight:700;display:grid;position:absolute}.pb i{font-style:normal;font-size:calc(var(--u) * 6.4);line-height:1}.pb span{font-size:calc(var(--u) * 2.5);letter-spacing:.5px;text-shadow:0 1px #0006}.pb.down{transform:translateY(calc(var(--u) * .8)) scale(.95);box-shadow:0 2px 0 color-mix(in srgb, var(--c) 50%, black), inset 0 2px 0 #fff6}.pb-p{--c:#ff6a3d;width:calc(var(--u) * 18);height:calc(var(--u) * 18);right:calc(var(--u) * 20);bottom:0}.pb-k{--c:#3d9bff;width:calc(var(--u) * 18);height:calc(var(--u) * 18);right:0;bottom:calc(var(--u) * 8)}.pb-block{--c:#6b7a8f;width:calc(var(--u) * 15);height:calc(var(--u) * 15);right:calc(var(--u) * 40);bottom:calc(var(--u) * 1)}.pb-block span{font-size:calc(var(--u) * 3.1)}.pb-s{--c:#a35cff;width:calc(var(--u) * 15);height:calc(var(--u) * 15);right:calc(var(--u) * 18);bottom:calc(var(--u) * 21)}.pb-r{--c:#7a6a40;width:calc(var(--u) * 13);height:calc(var(--u) * 13);right:calc(var(--u) * 1);bottom:calc(var(--u) * 29);filter:grayscale(.8)brightness(.7)}.pb-r.ready{--c:#ffb21f;filter:none;box-shadow:0 0 22px #ffd23f, 0 calc(var(--u) * 1) 0 #a86a00;animation:.5s ease-in-out infinite alternate throb}.pb-s.pulse{animation:.45s ease-in-out infinite alternate throb;box-shadow:0 0 28px #e1b8ff,0 0 0 4px #fff}.overlay{z-index:40;-webkit-backdrop-filter:blur(4px);padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 12px);background:#050c089e;place-items:center;animation:.2s fadein;display:grid;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}}.sheet{touch-action:pan-y;border-radius:calc(var(--u) * 4);width:min(92vw,560px);max-height:100%;padding:calc(var(--u) * 4);background:linear-gradient(#24452f,#142a1c);animation:.28s cubic-bezier(.2,1.4,.4,1) rise;overflow-y:auto;box-shadow:0 20px 50px #0009,inset 0 0 0 3px #ffffff1f}.overlay.wide .sheet{width:min(94vw,900px)}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.96)}}.sheet h2{margin:0 0 calc(var(--u) * 2);font-family:var(--font-display);font-size:calc(var(--u) * 6.4)}.actions{gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 3);flex-wrap:wrap;display:flex}.actions .btn{font-size:calc(var(--u) * 4);flex:auto}.note{opacity:.8;font-size:calc(var(--u) * 3.2)}.moves p{font-size:calc(var(--u) * 3.6);margin:6px 0}.toast{z-index:60;left:50%;bottom:calc(var(--safe-b) + 18px);max-width:90vw;font-weight:800;font-size:calc(var(--u) * 3.6);text-align:center;pointer-events:none;background:#000000d1;border-radius:999px;padding:12px 22px;animation:.3s rise;position:absolute;transform:translate(-50%)}.results .sheet{background:linear-gradient(160deg,#2c5d3a,#142a1c);width:min(94vw,820px)}.result{align-items:center;gap:calc(var(--u) * 3);display:flex}.result.lose .sheet,.overlay.results .result.lose~*{background:#2a2340}.res-hero{height:calc(var(--u) * 52);object-fit:contain;filter:drop-shadow(0 8px 12px #0009);max-width:36%}.result.win .res-hero{animation:.6s ease-in-out infinite alternate throb}.res-body{flex:1;min-width:0}.res-body small{opacity:.8;font-weight:800;font-size:calc(var(--u) * 3.2)}.res-body .stars{font-size:calc(var(--u) * 10)}.res-body .stars i.on{animation:.4s cubic-bezier(.2,1.8,.4,1) backwards starIn}.res-body .stars i:nth-child(2){animation-delay:.25s}.res-body .stars i:nth-child(3){animation-delay:.5s}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}}.res-body ul{font-weight:800;font-size:calc(var(--u) * 3.4);margin:6px 0;padding-left:0;list-style:none}.res-body .hint{font-size:calc(var(--u) * 3.3);background:#0000004d;border-radius:14px;padding:8px 12px}.res-body .better{color:var(--gold);font-weight:800}.res-body .credit{margin-top:10px}.quick .pick h4{font-size:calc(var(--u) * 3.4);text-transform:uppercase;letter-spacing:1px;opacity:.8;margin:4px 0}.cards{gap:calc(var(--u) * 1.6);grid-template-columns:repeat(4,1fr);display:grid}.fcard{border-radius:calc(var(--u) * 3);background:#00000059;flex-direction:column;align-items:center;padding:6px;display:flex;box-shadow:inset 0 0 0 2px #ffffff1f}.fcard img{height:calc(var(--u) * 17)}.fcard b{font-family:var(--font-display);font-size:calc(var(--u) * 3.8)}.fcard small{font-size:calc(var(--u) * 2.6);opacity:.8;font-weight:800}.fcard.sel{box-shadow:inset 0 0 0 3px var(--c), 0 0 16px color-mix(in srgb, var(--c) 70%, transparent);background:color-mix(in srgb, var(--c) 30%, #0006)}.fcard.locked img{filter:brightness(0)opacity(.5)}.seg{margin-top:calc(var(--u) * 2.4);background:#00000059;border-radius:999px;gap:6px;padding:5px;display:flex}.seg button{padding:calc(var(--u) * 1.6) 6px;font-weight:800;font-size:calc(var(--u) * 3.4);border-radius:999px;flex:1}.seg button.on{background:var(--gold);color:#3a1d00}.toggles{margin-top:calc(var(--u) * 2.4);grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.toggle{font-weight:800;font-size:calc(var(--u) * 3.6);justify-content:space-between;align-items:center;gap:10px;display:flex}.toggle input{display:none}.toggle i{background:#fff3;border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--leaf)}.toggle input:checked+i:after{transform:translate(20px)}.gate input{text-align:center;border:0;border-radius:14px;width:100%;padding:10px;font-size:28px;font-weight:800}.studio{text-align:center}.studio-logo{height:calc(var(--u) * 14)}.svc{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.svc span{font-weight:800;font-size:calc(var(--u) * 3);background:#ffffff1f;border-radius:999px;padding:4px 12px}.games{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.game{text-align:center;background:#0000004d;border-radius:18px;flex-direction:column;align-items:center;padding:10px;display:flex}.game img{border-radius:16px;width:64px;height:64px}.game b{font-size:15px}.game small{opacity:.8;font-size:12px}.jgrid{gap:calc(var(--u) * 2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.jcard{color:#3a2a10;text-align:center;background:linear-gradient(#f4e6c4,#d9c08e);border-radius:18px;flex-direction:column;align-items:center;min-height:150px;padding:10px;display:flex;box-shadow:0 6px #a3854f}.jcard img{height:calc(var(--u) * 18)}.jcard b{font-family:var(--font-display);font-size:calc(var(--u) * 4.2)}.jcard small{font-weight:800;font-size:calc(var(--u) * 2.8)}.jcard.locked img{filter:brightness(0)opacity(.35)}.jcard.soon{opacity:.55;justify-content:center}.jpage{gap:calc(var(--u) * 3);grid-template-columns:40% 1fr;display:grid}.jp-art{min-height:calc(var(--u) * 50);background-position:50%;background-size:cover;border-radius:18px;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.jp-art img{filter:drop-shadow(0 6px 8px #0009);height:55%}.jp-body small{opacity:.8;font-weight:800;font-size:calc(var(--u) * 3)}.jp-body h2{margin:2px 0 6px}.status{font-weight:800;font-size:calc(var(--u) * 3);border-radius:999px;padding:4px 12px;display:inline-block}.status.ok{background:#2f9a46}.status.warn{background:#d99410}.status.danger{background:#c42a2a}.jp-body dl{font-size:calc(var(--u) * 3.3);grid-template-columns:auto 1fr;gap:4px 10px;margin:10px 0;display:grid}.jp-body dt{font-weight:800}.jp-body dd{margin:0}.jp-body ul{font-size:calc(var(--u) * 3.4);margin:0;padding-left:1.1em;line-height:1.35}.jp-body li{margin-bottom:6px}.cine{z-index:50;opacity:0;background:#000;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.cine.go{opacity:1}.cine-stage,.cine-layer,.cine-fx{position:absolute;inset:0}.cine-fx{pointer-events:none;width:100%;height:100%}.cine-layer{opacity:0;transition:opacity .6s}.cine-layer.in{opacity:1}.cine-layer.gone{opacity:0}.kb{animation:kb var(--dur) ease-in-out forwards;background-position:50%;background-size:cover;position:absolute;inset:0}@keyframes kb{0%{transform:scale(var(--s0)) translate(var(--x0), var(--y0))}to{transform:scale(var(--s1)) translate(var(--x1), var(--y1))}}.kb.staged{filter:brightness(.82)}.actor{filter:drop-shadow(0 10px 14px #0009);height:64%;transition:transform .5s cubic-bezier(.2,1.4,.4,1),filter .3s;position:absolute;bottom:6%}.actor.left{animation:.6s cubic-bezier(.2,1.4,.4,1) inL;left:14%}.actor.right{animation:.6s cubic-bezier(.2,1.4,.4,1) inR;right:14%}.actor.flip{transform:scaleX(-1)}.actor.speaking{animation-name:inL,talk;animation-duration:.6s,1.2s;animation-iteration-count:1,infinite;animation-delay:0s,.6s}.actor.right.speaking{animation-name:inR,talkR}.actor.quiet{filter:drop-shadow(0 10px 14px #0009)brightness(.8)}.actor.mist{filter:sepia()hue-rotate(225deg)saturate(2.2)brightness(.82)drop-shadow(0 0 16px #9b5cf0f2)}@keyframes inL{0%{transform:translate(-40vw)}}@keyframes inR{0%{transform:translate(40vw)scaleX(-1)}}@keyframes talk{50%{transform:translateY(-1.5%)scale(1.01)}}@keyframes talkR{0%,to{transform:scaleX(-1)}50%{transform:translateY(-1.5%)scaleX(-1.01)scaleY(1.01)}}.cine-bars:before,.cine-bars:after{content:"";z-index:2;background:#000;height:5.5%;position:absolute;left:0;right:0}.cine-bars:before{top:0}.cine-bars:after{bottom:0}.cine-title{top:calc(8% + var(--safe-t));left:calc(4% + var(--safe-l));z-index:3;font-family:var(--font-display);opacity:0;transition:all .6s;position:absolute;transform:translate(-20px)}.cine-title.on{opacity:1;transform:none}.cine-title small{font-size:calc(var(--u) * 3.2);color:var(--gold);text-transform:uppercase;letter-spacing:2px;display:block}.cine-title b{font-size:calc(var(--u) * 8);-webkit-text-stroke:4px #000;paint-order:stroke fill}.cine-fact{top:calc(8% + var(--safe-t));right:calc(4% + var(--safe-r));z-index:3;font-weight:800;font-size:calc(var(--u) * 3.8);opacity:0;background:#2f9a46;border-radius:999px;padding:8px 18px;transition:all .4s cubic-bezier(.2,1.6,.4,1);position:absolute;transform:scale(.6);box-shadow:0 4px #1a5a28}.cine-fact.on{opacity:1;transform:none}.cine-box{z-index:3;left:calc(6% + var(--safe-l));right:calc(6% + var(--safe-r));bottom:calc(7% + var(--safe-b));padding:calc(var(--u) * 2.4) calc(var(--u) * 4);border-radius:calc(var(--u) * 3);min-height:calc(var(--u) * 20);background:#0a0e18c7;position:absolute;box-shadow:inset 0 0 0 2px #ffffff2e}.cine-box.narrator{background:#201608cc;font-style:italic}.cine-box .who{font-family:var(--font-display);font-size:calc(var(--u) * 4.4);font-style:normal}.cine-box .txt{font-size:calc(var(--u) * 4.4);margin:4px 0 0;font-weight:700;line-height:1.32}.cine-box .more{opacity:0;font-size:calc(var(--u) * 3.6);position:absolute;bottom:10px;right:16px}.cine-box.ready .more{opacity:1;animation:.6s ease-in-out infinite alternate throb}.cine-skip{z-index:4;top:calc(8% + var(--safe-t));right:calc(4% + var(--safe-r));font-weight:800;font-size:calc(var(--u) * 3.4);background:#0000008c;border-radius:999px;padding:8px 16px;position:absolute}.cine-fact.on~.cine-skip{top:calc(18% + var(--safe-t))}.smash{z-index:30;background:var(--bg) center / cover;padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 16px);flex-direction:column;display:flex;position:absolute;inset:0}.smash:before{content:"";background:#0a140a59;position:absolute;inset:0}.smash>*{position:relative}.smash-top{text-align:center}.smash-top h2{font-family:var(--font-display);font-size:calc(var(--u) * 8);-webkit-text-stroke:4px #000;paint-order:stroke fill;color:var(--gold);margin:0}.smash-top p{font-weight:800;font-size:calc(var(--u) * 3.8);text-shadow:0 2px 4px #000;margin:0}.smash-arena{flex:1;justify-content:center;align-items:flex-end;gap:4vw;padding-bottom:2vh;display:flex}.smash-hero{height:calc(var(--u) * 50);filter:drop-shadow(0 8px 10px #0009)}.smash-hero.bob{animation:.12s bob}@keyframes bob{50%{transform:translateY(4px)scale(1.02,.97)}}.smash-hero.lunge{animation:.3s cubic-bezier(.2,1.6,.4,1) forwards lunge}@keyframes lunge{to{transform:translate(8vw)}}.smash-prop{width:calc(var(--u) * 44);height:calc(var(--u) * 44);position:relative}.smash-prop .half{object-fit:contain;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.3,1),opacity .7s .4s;position:absolute;inset:0}.smash-prop .half.l{clip-path:polygon(0 0,52% 0,46% 100%,0 100%)}.smash-prop .half.r{clip-path:polygon(52% 0,100% 0,100% 100%,46% 100%)}.smash-prop.broken .half.l{opacity:0;transform:translate(-30%,10%)rotate(-28deg)}.smash-prop.broken .half.r{opacity:0;transform:translate(30%,10%)rotate(28deg)}.smash-prop.wobble{animation:.4s wob}@keyframes wob{25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}.chunk{border-radius:3px;width:14px;height:10px;animation:.9s cubic-bezier(.2,.7,.4,1) forwards chunk;position:absolute;top:50%;left:50%}@keyframes chunk{to{transform:translate(var(--dx), var(--dy)) rotate(var(--r));opacity:0}}.meter{width:calc(var(--u) * 7);height:calc(var(--u) * 46);background:#0009;border-radius:999px;position:relative;overflow:visible;box-shadow:inset 0 0 0 3px #fff}.meter .fill{background:linear-gradient(#ffd23f,#ff6a3d);border-radius:999px;max-height:calc(100% - 8px);position:absolute;bottom:4px;left:4px;right:4px}.meter .fill.hot{background:linear-gradient(#b6ff6a,#39c24a);box-shadow:0 0 16px #b6ff6a}.meter .target{background:#fff;height:4px;position:absolute;left:-10px;right:-10px;box-shadow:0 0 8px #fff}.meter .target span{font-size:14px;font-weight:800;position:absolute;top:-12px;right:-36px}.smash-time{font-family:var(--font-display);font-size:calc(var(--u) * 10);color:#fff;-webkit-text-stroke:4px #000;paint-order:stroke fill;position:absolute;top:4px;left:50%;transform:translate(-50%)}.smash-btns{justify-content:space-between;padding:0 4vw;display:flex}.sb{width:calc(var(--u) * 22);height:calc(var(--u) * 22);font-size:calc(var(--u) * 7);color:#fff;font-family:var(--font-display);box-shadow:0 calc(var(--u) * 1.2) 0 #7a1f06, 0 10px 20px #00000080;touch-action:none;background:radial-gradient(circle at 35% 30%,#ff9a6a,#ff5a2a 60%,#b8320f);border-radius:50%;align-content:center;place-items:center;display:grid}.sb span{font-size:calc(var(--u) * 3.4)}.sb.hit{box-shadow:0 calc(var(--u) * 1.2) 0 #6e4300, 0 10px 20px #00000080;background:radial-gradient(circle at 35% 30%,#ffe27a,#ffb21f 60%,#b06d00)}.sb:disabled{filter:grayscale(.8)brightness(.6)}.sb:active{transform:translateY(4px)scale(.96)}.smash-msg{opacity:0;text-align:center;transition:all .3s cubic-bezier(.2,1.6,.4,1);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.5)}.smash-msg.on{opacity:1;transform:translate(-50%,-50%)}.smash-msg b{font-family:var(--font-display);font-size:calc(var(--u) * 16);color:var(--gold);-webkit-text-stroke:6px #2a1100;paint-order:stroke fill;display:block}.smash-msg span{font-weight:800;font-size:calc(var(--u) * 5);text-shadow:0 2px 6px #000;color:#fff}.smash.flash:after{content:"";pointer-events:none;background:#fff;animation:.35s forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}.intro{z-index:90;background:radial-gradient(circle at 50% 45%, #2a7a3e, var(--jungle) 70%);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0;overflow:hidden}.intro.out{opacity:0}.intro-glow{background:conic-gradient(#ffcf3f00,#ffcf3f2e,#ffcf3f00 25%,#ffcf3f2e 50%,#ffcf3f00 75%);width:80vmax;height:80vmax;animation:12s linear infinite rot;position:absolute}@keyframes rot{to{transform:rotate(360deg)}}.intro-title{opacity:0;transition:all .5s cubic-bezier(.2,1.6,.4,1) .2s;position:absolute;top:8%;transform:scale(.6)}.intro.go .intro-title{opacity:1;transform:none}.intro-mascot{opacity:0;height:46%;transition:all .6s cubic-bezier(.2,1.6,.4,1) .4s;position:absolute;bottom:14%;transform:translateY(40%)scale(.8)}.intro.go .intro-mascot{opacity:1;transform:none}.intro-sparkles{position:absolute;inset:0}.intro-sparkles i{opacity:0;background:#ffe27a;border-radius:50%;width:8px;height:8px;position:absolute;top:55%;left:50%;box-shadow:0 0 10px #ffe27a}.intro.go .intro-sparkles i{animation:spark 1.2s var(--d) ease-out forwards}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-30vh)}}.intro-studio{opacity:0;align-items:center;gap:10px;transition:opacity .5s .7s;display:flex;position:absolute;bottom:4%}.intro.go .intro-studio{opacity:1}.intro-studio small{opacity:.8;font-weight:800}.intro-studio img{height:34px}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{animation-duration:10ms!important;animation-iteration-count:1!important}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-hebrew-500-normal-DdMTjgiE.woff2)format("woff2"),url(./fredoka-hebrew-500-normal-BtShCMVp.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-ext-500-normal-0PZPWlWP.woff2)format("woff2"),url(./fredoka-latin-ext-500-normal-CA82fdYH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-hebrew-700-normal-DBqnFHCe.woff2)format("woff2"),url(./fredoka-hebrew-700-normal-DiqR04Vd.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-ext-700-normal--a2O67AJ.woff2)format("woff2"),url(./fredoka-latin-ext-700-normal-DBnuyHy7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(./nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(./nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(./nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(./nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(./nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(./nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(./nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(./nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
