*,*:before,*:after{box-sizing:border-box}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;padding:0}[hidden]:not([hidden=until-found i]){display:none!important}:root{color-scheme:dark;--night:#1d1330;--plum:#33204d;--hob:#ff6b1a;--cream:#fff1d6;--teal:#5ee0c8;--pink:#ff4f7a;--display:"Bagel Fat One","Arial Black",system-ui,sans-serif;--body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}html,body{height:100%}body{background:var(--night);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.4}.wrap{max-width:880px;margin:0 auto;padding-block:12px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.stage{position:relative;height:clamp(540px,calc(100vh - 100px),640px);border-radius:18px 18px 0 0;overflow:hidden;background:var(--night);touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer;--glow:.3}#bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}#dial{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(260px,40%,340px);aspect-ratio:1;pointer-events:none}.stage.shake{animation:shake .22s}@keyframes shake{0%,to{translate:0 0}25%{translate:-5px 2px}50%{translate:4px -2px}75%{translate:-2px 1px}}.pop{position:absolute;z-index:4;translate:-50% -50%;font-family:var(--display);font-size:clamp(.95rem,3vw,1.25rem);white-space:nowrap;pointer-events:none;animation:pop .75s ease-out forwards;text-shadow:2px 2px 0 var(--night)}.pop.good{color:var(--teal)}.pop.meh{color:var(--cream)}.pop.bad{color:var(--pink)}@keyframes pop{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.1}to{opacity:0;translate:-50% -170%}}.pop.hype{z-index:5;font-size:clamp(1.35rem,4.6vw,2.05rem);animation:hype 1.25s cubic-bezier(.2,.8,.3,1) forwards;text-shadow:3px 3px 0 var(--night),0 0 18px currentColor}.pop.t1{color:var(--cream)}.pop.t2{color:var(--teal)}.pop.t3{color:var(--hob)}.pop.t4{color:var(--pink)}.pop.t5{color:#ffd166}@keyframes hype{0%{opacity:0;scale:2.4;rotate:-10deg}16%{opacity:1;scale:.88;rotate:4deg}28%{scale:1.1;rotate:-2deg}40%{scale:1;rotate:0deg}72%{opacity:1;translate:-50% -85%}to{opacity:0;translate:-50% -150%}}@keyframes hype-calm{0%,70%{opacity:1}to{opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;overflow:auto;background:#1d1330ed;cursor:default}.overlay.full{background:none;overflow:hidden}.box{margin:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 16px;text-align:center}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.stage[data-screen=menu] #dial,.stage[data-screen=map] #dial,.stage[data-screen=story] #dial{opacity:0}.overlay h2{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,5vw,1.9rem);line-height:1.1;margin:0;color:var(--cream);text-wrap:balance}.overlay p{margin:0;max-width:44ch;color:var(--cream)}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;max-width:36ch}.steps li{counter-increment:s;display:grid;grid-template-columns:1.7em 1fr;gap:8px;align-items:start}.steps li:before{content:counter(s);font-family:var(--display);background:var(--teal);color:var(--night);border-radius:50%;width:1.7em;height:1.7em;display:grid;place-items:center;font-size:.9rem}.rivals{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rv{font:inherit;font-weight:700;font-size:.8rem;color:var(--cream);background:var(--plum);border:0;border-radius:12px;padding:8px 8px 6px;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer}.rv svg{width:34px;height:30px;display:block}.rv .st{color:var(--hob);letter-spacing:.08em;font-size:.78rem;min-height:1.1em}.rv[aria-checked=true]{background:var(--cream);color:var(--night);box-shadow:3px 3px 0 var(--pink)}.body{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.node{position:absolute;translate:-50% -50%;width:var(--n);aspect-ratio:1;padding:0;border-radius:50%;border:3px solid var(--teal);background:var(--plum);color:var(--cream);font:400 calc(var(--n)*.42) var(--display);display:grid;place-items:center;cursor:pointer}.node.new{background:var(--cream);color:var(--night);border-color:var(--hob)}.node.locked{background:var(--night);border:2px dashed #7d6c96;color:#a999bf}.node.ghost{background:none;border:2px dashed #7d6c96;color:#7d6c96;opacity:.6;cursor:default;font-size:.8rem}.node[aria-pressed=true]{box-shadow:0 0 0 3px var(--night),0 0 0 6px var(--hob)}.node .st{position:absolute;top:100%;left:50%;translate:-50% 2px;font:700 .6rem var(--body);letter-spacing:.04em;color:var(--hob);white-space:nowrap;text-shadow:0 1px 0 var(--night),0 -1px 0 var(--night)}.node .lock{width:40%;height:auto;display:block}.node .here{position:absolute;bottom:calc(100% + var(--n)*.74);left:50%;width:62%;translate:-50% 0}.node .here svg{display:block;width:100%;height:auto}@keyframes bob{to{translate:-50% -6px}}.node.arena{border-radius:10px;width:calc(var(--n)*1.45);aspect-ratio:1.5;border-color:var(--hob);background:var(--night);color:var(--hob);font-size:calc(var(--n)*.36)}.node.arena.locked{border:2px dashed #7d6c96;color:#a999bf}.node.arena .st{color:var(--cream)}.stars{display:inline-flex;align-items:flex-end;gap:.06em;line-height:0}.stars i{display:block;width:1em;height:1em;color:#4a3a6b}.stars i svg{display:block;width:100%;height:100%;fill:currentColor;stroke:#1d1330;stroke-width:1.4;stroke-linejoin:round;paint-order:stroke}.stars i.on{color:#ffd166;filter:drop-shadow(0 0 .18em rgba(255,209,102,.75))}.stars i:nth-child(1){rotate:-14deg}.stars i:nth-child(3){rotate:14deg}.stars i:nth-child(2){width:1.45em;height:1.45em;translate:0 -22%}.node .stars{position:absolute;bottom:100%;left:50%;translate:-50% -1px;font-size:calc(var(--n)*.36)}.node[aria-pressed=true] .stars{translate:-50% -7px}.stars.big{font-size:clamp(2rem,8vw,2.8rem);margin:10px 0 0;position:relative;z-index:1}.mini:disabled{opacity:.35;cursor:default}.home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px;text-align:center;background:radial-gradient(ellipse 72% 58% at 50% 47%,#120b20f5 0,#120b20f5 55%,#120b2080)}.sign{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px clamp(18px,6vw,48px) 16px;border:3px solid #cdfff5;border-radius:28px;box-shadow:0 0 8px var(--teal),0 0 28px #5ee0c88c,inset 0 0 8px var(--teal),inset 0 0 28px #5ee0c847}.title{margin:0;font:400 clamp(3.1rem,13vw,5.8rem)/.9 var(--display);white-space:nowrap}.title .hot{color:#fff3e0;text-shadow:0 0 6px #fff,0 0 14px var(--hob),0 0 34px var(--hob),0 0 72px rgba(255,107,26,.7)}.title .paws{color:#ffe9f0;text-shadow:0 0 6px #fff,0 0 14px var(--pink),0 0 34px var(--pink),0 0 72px rgba(255,79,122,.7);animation:flick 6s linear infinite}@keyframes flick{0%,5%,8%,10%,58%,60%,to{opacity:1}6%,9%,59%{opacity:.4}}.tube{margin:0;font:800 clamp(.6rem,2.1vw,.8rem) var(--body);letter-spacing:.24em;text-transform:uppercase;color:#dcfff8;text-shadow:0 0 6px var(--teal),0 0 16px var(--teal)}.pawneon{position:absolute;top:-26px;right:-18px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#170f28;rotate:16deg;color:#ffe9f0;filter:drop-shadow(0 0 4px var(--pink)) drop-shadow(0 0 12px var(--pink))}.pawneon .ic{width:38px;height:38px}.homebtns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}.nbtn{font:400 1.3rem var(--display);padding:10px 32px;border-radius:14px;cursor:pointer;color:#dcfff8;background:#120b20d9;border:2.5px solid #cdfff5;box-shadow:0 0 8px var(--teal),inset 0 0 8px #5ee0c88c;text-shadow:0 0 8px var(--teal)}.nbtn.go{color:var(--night);background:var(--hob);border-color:#ffdcc4;box-shadow:0 0 10px var(--hob),0 0 30px #ff6b1a99;text-shadow:none}.home .nbtn.go{font-size:1.65rem;padding:10px 50px}.nbtn:active{translate:0 2px}.iconbtn{position:relative;display:grid;justify-items:center;align-content:center;gap:1px;width:54px;min-height:54px;padding:5px 2px 4px;border-radius:14px;border:2px solid rgba(255,241,214,.35);background:#120b20db;color:var(--cream);font:700 .58rem var(--body);cursor:pointer}.iconbtn:hover:not(:disabled){border-color:var(--cream)}.iconbtn:disabled{opacity:.35;cursor:default}.iconbtn .ic{width:24px;height:24px}.iconbtn.sq{width:40px;min-height:40px;padding:0;flex:none}.iconbtn i{position:absolute;top:-9px;right:-7px;display:inline-flex;align-items:center;gap:3px;font:800 .6rem var(--body);font-style:normal;background:var(--night);color:#ffd166;border:1.5px solid #e6a93c;border-radius:8px;padding:1px 5px 1px 3px}.iconbtn i .coin-ic{width:11px;height:11px}.home .corner{position:absolute;top:12px;right:12px}.mapwrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--night)}.mapwrap .scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.maptop{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;gap:8px;padding:10px 12px 22px;background:linear-gradient(#120b20eb 40%,#120b2000)}.maptop h2{flex:1;min-width:0;margin:0;text-align:center;font:400 clamp(1.25rem,4.8vw,2rem)/1 var(--display);color:#fff6ea;text-shadow:0 0 6px #fff,0 0 14px var(--acc),0 0 32px var(--acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maptop h2 small{display:block;margin-top:5px;font:700 .62rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);opacity:.8;text-shadow:none}.pill{flex:none;font:800 .8rem var(--body);color:var(--hob);background:#120b20db;border:2px solid rgba(255,241,214,.35);border-radius:999px;padding:8px 12px;white-space:nowrap}.mapbot{position:absolute;inset:auto 0 0 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;padding:34px 12px 12px;background:linear-gradient(#120b2000,#120b20eb 42%)}.port .maptop h2{font-size:clamp(1.05rem,5.2vw,1.4rem)}.port .maptop h2 small{letter-spacing:.08em}.port .mapbot{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"team card" "team dock";gap:8px 10px}.port .levelcard{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num nm" "st go";gap:4px 8px;padding:8px 8px 8px 12px;width:100%}.port .levelcard .num{grid-area:num}.port .levelcard .nm{grid-area:nm}.port .levelcard .st{grid-area:st;grid-column:1 / 3;justify-self:start;padding-left:2px}.port .levelcard .nbtn{grid-area:go;justify-self:end;padding:6px 18px}.port .levelcard:not(.shut) small{display:none}.port .levelcard{grid-area:card}.port .team{grid-area:team}.port .dock{grid-area:dock;justify-self:end}.mapbot,.team{pointer-events:none}.mapbot>*:not(.team),.team .mate{pointer-events:auto}.team{position:relative;width:178px;height:150px;flex:none}.team .cat{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(10,6,20,.6))}.team .me{position:absolute;left:0;bottom:0;width:120px;pointer-events:none}.team .mate{position:absolute;right:0;bottom:18px;width:84px;padding:0;border:0;background:none;color:var(--cream);cursor:pointer}.team .mate b{position:absolute;left:58%;bottom:-17px;translate:-50% 0;font:800 .66rem var(--body);white-space:nowrap;background:#120b20db;border:1.5px solid rgba(255,241,214,.35);border-radius:8px;padding:1px 7px}.team .mate.empty .cat{filter:none;animation:beckon 1.1s ease-in-out infinite alternate}.team .mate.empty b{border-color:var(--hob);color:var(--hob)}@keyframes beckon{to{opacity:.45}}.port .team{width:128px;height:122px;align-self:end}.port .team .me{width:88px}.port .team .mate{width:60px;bottom:18px}.ava{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--plum);color:var(--cream)}.ava svg{width:34px;height:30px;display:block}.ava .ic{width:26px;height:26px}.iconbtn.shut{border-style:dashed;color:#a999bf;cursor:not-allowed}.iconbtn.shut .lock{width:12px;height:auto}.iconbtn.shut small{font:800 .56rem var(--body)}.iconbtn.nope{animation:nope .3s}@keyframes nope{25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-2px 0}}.levelcard{justify-self:center;display:flex;align-items:center;gap:10px;width:min(100%,420px);padding:8px 8px 8px 14px;border-radius:16px;background:#33204df2;border:2px solid rgba(255,241,214,.3);text-align:left}.levelcard .num{font:400 1.5rem var(--display);color:var(--teal)}.levelcard .nm{flex:1;min-width:0;font-weight:700;line-height:1.2}.levelcard small{display:block;font-weight:500;font-size:.74rem;opacity:.8}.levelcard .st{flex:none;font-size:1.05rem;color:var(--cream);padding-top:.35em}.levelcard .nbtn{flex:none;font-size:1.15rem;padding:8px 20px}.dock{display:flex;gap:8px}.port .dock .iconbtn{width:44px;min-height:44px}.port .dock{justify-content:flex-end;gap:6px}.port .dock .iconbtn>span{display:none}.verdict{--rank:var(--teal);display:grid;justify-items:center;gap:2px;margin:0}.verdict.rank-S,.verdict.rank-Sp{--rank:#ffd166}.verdict.rank-B{--rank:var(--hob)}.verdict.rank-C{--rank:#b79cff}.verdict.rank-F{--rank:var(--pink)}.verdict>small{font:800 .72rem var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-top:6px}.rank{position:relative;display:grid;place-items:center;width:clamp(116px,28vw,150px);aspect-ratio:1;margin-top:-6px;border-radius:50%;background:radial-gradient(circle,#2a1b45 0,#2a1b45 58%,#170f28);border:5px solid var(--rank);box-shadow:0 0 18px var(--rank),0 0 60px color-mix(in srgb,var(--rank) 55%,transparent),inset 0 0 22px color-mix(in srgb,var(--rank) 45%,transparent)}.rank b{position:relative;font:400 clamp(3.6rem,15vw,5.2rem)/1 var(--display);color:#fffaf0;text-shadow:0 0 8px #fff,0 0 22px var(--rank),0 0 54px var(--rank);translate:0 -3%}.rank-Sp .rank b{font-size:clamp(2.8rem,11.5vw,4rem)}.rank .rays{position:absolute;top:-46%;right:-46%;bottom:-46%;left:-46%;border-radius:50%;z-index:-1;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rank) 34%,transparent) 0 9deg,transparent 9deg 22.5deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:spin 14s linear infinite}.rank-F .rank .rays{display:none}@keyframes spin{to{rotate:360deg}}@keyframes slam{0%{opacity:0;scale:3.2;rotate:-22deg}55%{opacity:1;scale:.86;rotate:6deg}72%{scale:1.1;rotate:-3deg}86%{scale:.97}to{scale:1;rotate:0deg}}@keyframes rank-glow{50%{box-shadow:0 0 26px var(--rank),0 0 90px color-mix(in srgb,var(--rank) 70%,transparent),inset 0 0 26px color-mix(in srgb,var(--rank) 55%,transparent)}}.box.enter .rank{animation:slam .62s .85s cubic-bezier(.3,.7,.3,1) both,rank-glow 2.4s 1.5s ease-in-out infinite}.box.enter .verdict>small{animation:rise .3s 1.25s both}.box.enter .tally>div{animation:card-pop .5s 1.35s cubic-bezier(.3,.8,.3,1) both}.box.enter .tally>div+div{animation-delay:1.47s}.box.enter .marks,.box[data-kind=coopEnd].enter #ovBtns{animation:rise .35s 1.6s both}.marks{display:grid;gap:1px;font-size:.76rem;opacity:.85}.marks b{margin-right:8px;color:var(--teal)}.story{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;background:radial-gradient(ellipse 80% 60% at 50% 40%,#2a1a44,var(--night))}.story .sbar{display:flex;align-items:center;gap:12px;min-height:34px}.story .stitle{flex:1;min-width:0;font:400 clamp(1.25rem,4.6vw,1.8rem)/1.1 var(--display);color:#fff6ea;text-shadow:0 0 6px #fff,0 0 14px var(--pink),0 0 30px var(--pink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story .sdots{display:flex;gap:6px}.story .sdots i{width:8px;height:8px;border-radius:50%;background:#fff1d647}.story .sdots i.on{background:var(--teal);box-shadow:0 0 8px var(--teal)}.story .spanel{position:relative;flex:1;min-height:0;border:3px solid var(--cream);border-radius:6px;overflow:hidden;box-shadow:6px 6px 0 var(--pink),0 0 24px #ff4f7a59;cursor:pointer;background:#120b20}.story .spanel.turn{animation:page-in .34s cubic-bezier(.2,.7,.2,1)}.story canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.story .sleaf{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.story .cap{position:absolute;max-width:min(62%,32ch);margin:0;padding:6px 10px;background:var(--cream);color:var(--night);font:800 clamp(.72rem,2.3vw,.95rem)/1.3 var(--body);text-transform:uppercase;letter-spacing:.03em;border:2px solid var(--night);box-shadow:3px 3px 0 var(--night);rotate:-1deg;animation:cap-in .35s calc(.15s + var(--k) * .35s) both}.story .say{position:absolute;max-width:min(48%,24ch);margin:0;padding:8px 13px;background:#fff;color:var(--night);font:700 clamp(.82rem,2.6vw,1.08rem)/1.25 var(--body);border:2.5px solid var(--night);border-radius:18px;animation:say-in .42s calc(.3s + var(--k) * .35s) cubic-bezier(.3,1.6,.5,1) both}.story .say:before,.story .say:after{content:"";position:absolute;left:20px;width:0;height:0;border-style:solid}.story .say:before{bottom:-15px;border-width:15px 13px 0 0;border-color:var(--night) transparent transparent transparent}.story .say:after{bottom:-10px;left:22.5px;border-width:11px 9px 0 0;border-color:#fff transparent transparent transparent}.story .say.r:before{left:auto;right:20px;border-width:15px 0 0 13px;border-color:var(--night) transparent transparent transparent}.story .say.r:after{left:auto;right:22.5px;border-width:11px 0 0 9px;border-color:#fff transparent transparent transparent}.story .sbar.bot{justify-content:space-between}.story .sbar.bot .nbtn{font-size:1.15rem;padding:8px 26px}.story .mini{font:800 .85rem var(--body);color:var(--cream);background:#120b20db;border:2px solid rgba(255,241,214,.4);border-radius:10px;padding:7px 14px}.story .mini:focus-visible,.story .nbtn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}@keyframes page-in{0%{opacity:.2;translate:16px 0}}@keyframes cap-in{0%{opacity:0;translate:0 -8px}}@keyframes say-in{0%{opacity:0;scale:.5}}.coin-ic{width:14px;height:14px;flex:none}.pill.coin{display:inline-flex;align-items:center;gap:5px;color:#ffd166}.score{position:absolute;right:10px;top:10px;z-index:5;display:flex;align-items:baseline;gap:8px;padding:5px 12px;border-radius:10px;background:#1d1330d9;border:2px solid rgba(255,241,214,.4);pointer-events:none;animation:fade-in .3s .15s both}.score b{font:400 1.15rem var(--display);font-variant-numeric:tabular-nums}.score span{font:800 .8rem var(--body);color:var(--teal)}.score span.up{color:var(--hob)}.score span.bump{animation:mul-up .5s cubic-bezier(.3,1.6,.5,1)}.score span.drop{animation:mul-drop .45s ease-out}@keyframes mul-up{0%{scale:1}30%{scale:1.8;color:var(--cream)}to{scale:1}}@keyframes mul-drop{0%{color:var(--pink)}20%{translate:-4px 2px}45%{translate:4px -1px}70%{translate:-2px 0;color:var(--pink)}to{translate:0 0}}.tally{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tally>div{display:grid;gap:0;min-width:136px;padding:6px 16px;border-radius:14px;background:var(--plum)}.tally b{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:400 1.5rem/1.15 var(--display);font-variant-numeric:tabular-nums}.tally small{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.tally .coin b{color:#ffd166}.tally .coin-ic{width:20px;height:20px}.sheet.wide{width:min(100%,500px)}.tryon{position:relative;width:100%;height:118px;border-radius:14px;overflow:hidden;background:linear-gradient(#1d1330,#3a2657)}.tryon canvas{display:block;width:100%;height:100%}.tryon .pill{position:absolute;top:8px;right:8px}.tabs{display:flex;gap:4px;width:100%;padding:4px;border-radius:12px;background:var(--night)}.tab{flex:1;min-width:0;padding:7px 2px;border:0;border-radius:9px;background:none;color:var(--cream);font:700 clamp(.66rem,2.4vw,.8rem) var(--body);cursor:pointer}.tab[aria-selected=true]{background:var(--hob);color:var(--night)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;width:100%;max-height:212px;overflow:auto;padding:2px}.tile{display:grid;justify-items:center;align-content:start;gap:3px;padding:9px 4px 8px;border-radius:14px;border:2px solid transparent;background:var(--night);color:var(--cream);font:inherit;cursor:pointer;transition:translate .14s ease-out,border-color .18s}.tile b{font-size:.82rem}.tile small{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:#ffd166}.tile.on{border-color:var(--teal)}.tile.on small{color:var(--teal)}.tile.try{border-color:var(--hob)}.tile.pop{animation:card-pop .45s cubic-bezier(.3,.8,.3,1)}.tile .sw{width:56px;height:38px}.dot{display:block;width:34px;height:34px;margin:2px 0;border-radius:50%;border:2px solid rgba(255,241,214,.35)}.dot.bar{width:56px;border-radius:17px}.dot.shoe{width:46px;height:24px;margin:7px 0;border-radius:12px 18px 8px 8px}.buybar{display:grid;justify-items:center;align-content:center;gap:6px;min-height:50px}.buybar .nbtn{display:inline-flex;align-items:center;gap:7px;font-size:1.1rem;padding:8px 22px}.buybar .nbtn .coin-ic{width:16px;height:16px}.fine.need{color:var(--pink);opacity:1}@media(hover:hover){.tile:hover{translate:0 -3px;border-color:#fff1d680}.tab:hover:not([aria-selected=true]){background:var(--plum)}}.dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;padding:16px;overflow:auto;background:#0a0614bd;cursor:default}.sheet{position:relative;margin:auto;width:min(100%,430px);display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 18px 18px;border-radius:20px;text-align:center;background:var(--plum);border:2px solid rgba(255,241,214,.3);box-shadow:0 0 26px #5ee0c840;outline:0}.sheet h2{margin:0;font:400 1.5rem/1.1 var(--display)}.sheet p{margin:0}.sheet .close{position:absolute;top:8px;right:8px;width:34px;min-height:34px;background:var(--night)}.sheet .mini{background:var(--night)}.roomcode{display:flex;gap:6px;justify-content:center}.roomcode b{display:grid;place-items:center;width:44px;height:54px;border-radius:10px;background:var(--night);border:2px solid var(--teal);font:400 2rem/1 var(--display);color:#dcfff8;text-shadow:0 0 8px var(--teal);box-shadow:0 0 10px #5ee0c859}.joinrow{display:grid;gap:6px;width:100%;justify-items:center}.joinrow label{font-size:.85rem;font-weight:700}.joinrow span{display:flex;gap:8px;align-items:center;justify-content:center}.joinrow input{width:7.2em;padding:8px 10px;border-radius:12px;border:2px solid rgba(255,241,214,.4);background:var(--night);color:var(--cream);font:400 1.5rem/1 var(--display);letter-spacing:.14em;text-align:center;text-transform:uppercase}.joinrow input::placeholder{color:var(--cream);opacity:.3}.joinrow input:focus-visible{border-color:var(--teal);outline:0;box-shadow:0 0 10px #5ee0c880}.joinrow .nbtn{font-size:1.1rem;padding:8px 20px}.fine.wait{animation:wait 1.2s ease-in-out infinite alternate}@keyframes wait{0%{opacity:.4}to{opacity:.95}}.pair{display:flex;align-items:flex-end;justify-content:center;gap:4px}.pair .cat{display:block;width:104px;height:auto;filter:drop-shadow(0 4px 6px rgba(10,6,20,.6))}.pair .cat+.cat{width:88px}.opt{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 8px;border-radius:14px;border:2px solid transparent;background:var(--night);color:var(--cream);font:inherit;text-align:left;cursor:pointer}.opt b{display:block}.opt small{font-size:.78rem;opacity:.8}.opt[aria-pressed=true]{border-color:var(--hob)}.opt:disabled{opacity:.5;cursor:default}.hud{position:absolute;left:10px;top:10px;z-index:5;display:flex;gap:6px}.hud button{display:flex;align-items:center;gap:6px;min-height:36px;font:800 .78rem var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--cream);background:#1d1330d9;border:2px solid rgba(255,241,214,.4);border-radius:10px;padding:6px 11px;cursor:pointer}.hud button:hover{border-color:var(--cream)}.hud svg{width:12px;height:12px;fill:currentColor}.btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn.alt{background:var(--plum);color:var(--cream);box-shadow:3px 3px 0 var(--night)}.opts{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700}.opts label{display:flex;align-items:center;gap:6px}select,.mini{font:inherit;color:var(--cream);background:var(--plum);border:0;border-radius:8px;padding:5px 8px}.mini{cursor:pointer}input[type=checkbox]{accent-color:var(--hob);width:16px;height:16px}.fine{font-size:.78rem;opacity:.75;max-width:46ch}.overlay table{border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.overlay th,.overlay td{padding:2px 10px;text-align:right}.overlay th:first-child,.overlay td:first-child{text-align:left;font-weight:500;opacity:.8}.btn{font:400 1.25rem var(--display);color:var(--night);background:var(--hob);border:0;border-radius:12px;padding:10px 28px;cursor:pointer;box-shadow:3px 3px 0 var(--pink)}.btn:active{translate:2px 2px;box-shadow:1px 1px 0 var(--pink)}kbd{font:800 .8em var(--body);border:2px solid currentColor;border-radius:6px;padding:0 6px}#log{margin:0;min-height:2.9em;display:flex;align-items:center;padding:8px 16px;background:var(--plum);border-radius:0 0 18px 18px;font-weight:700;font-size:.98rem}.fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;overflow:hidden;pointer-events:none}.world{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes scr-in{0%{opacity:0;scale:1.05}}@keyframes scr-out{to{opacity:0;scale:.97}}@keyframes zoom-in{to{opacity:0;scale:1.7}}@keyframes rise{0%{opacity:0;translate:0 14px}}@keyframes from-right{0%{translate:100% 0}}@keyframes from-left{0%{translate:-100% 0}}@keyframes to-left{to{translate:-100% 0}}@keyframes to-right{to{translate:100% 0}}@keyframes node-pop{0%{opacity:0;scale:.3}}@keyframes here-in{0%{opacity:0;scale:.2}}@keyframes sheet-in{0%{opacity:0;scale:.92;translate:0 12px}}@keyframes sheet-out{to{opacity:0;scale:.96}}.screen>.enter{animation:scr-in .34s cubic-bezier(.2,.7,.2,1) both}.fx>.exit{animation:scr-out .24s ease-in both}.fx>.zoom{animation:zoom-in .42s cubic-bezier(.5,0,.8,.4) both}.home.enter .sign,.home.enter .homebtns{animation:rise .42s cubic-bezier(.2,.7,.2,1) both}.home.enter .homebtns{animation-delay:.08s}.world.in-right{animation:from-right .46s cubic-bezier(.3,.7,.2,1) both}.world.in-left{animation:from-left .46s cubic-bezier(.3,.7,.2,1) both}.world.out-left{animation:to-left .46s cubic-bezier(.3,.7,.2,1) both}.world.out-right{animation:to-right .46s cubic-bezier(.3,.7,.2,1) both}.turned .maptop h2,.turned .pill,.turned .levelcard>*{animation:rise .36s .12s cubic-bezier(.2,.7,.2,1) both}.mapwrap.enter .node,.world.in-right .node,.world.in-left .node{animation:node-pop .34s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i)*45ms + .18s)}@keyframes card-pop{0%{opacity:0;scale:.84;rotate:-4deg}40%{opacity:1;scale:1.06;rotate:3deg}65%{scale:.98;rotate:-1.6deg}85%{rotate:.8deg}to{scale:1;rotate:0deg}}@keyframes drop{0%{opacity:0;translate:0 -18px}}@keyframes seat-in{0%{opacity:0;translate:0 -26px;rotate:-12deg}55%{opacity:1;translate:0 2px;rotate:7deg}80%{rotate:-3deg}to{translate:0 0;rotate:0deg}}.picked .levelcard{animation:card-pop .5s cubic-bezier(.3,.8,.3,1) both}.teamed .mate{animation:seat-in .55s cubic-bezier(.3,.8,.3,1) both}.box.enter .stars.big i{animation:node-pop .4s cubic-bezier(.3,1.6,.5,1) both}.box.enter .stars.big i:nth-child(1){animation-delay:.25s}.box.enter .stars.big i:nth-child(2){animation-delay:.42s}.box.enter .stars.big i:nth-child(3){animation-delay:.59s}.mapwrap.enter .maptop{animation:drop .4s .08s cubic-bezier(.2,.7,.2,1) both}.mapwrap.enter .mapbot>*{animation:rise .42s cubic-bezier(.2,.7,.2,1) both}.mapwrap.enter .mapbot>:nth-child(1){animation-delay:.12s}.mapwrap.enter .mapbot>:nth-child(2){animation-delay:.2s}.mapwrap.enter .mapbot>:nth-child(3){animation-delay:.28s}.sheet.fresh .body>*,.sheet.fresh .steps li,.sheet.fresh .opts{animation:rise .3s cubic-bezier(.2,.7,.2,1) both}.sheet .body>:nth-child(1),.sheet .steps li:nth-child(1){animation-delay:.07s}.sheet .body>:nth-child(2),.sheet .steps li:nth-child(2){animation-delay:.13s}.sheet .body>:nth-child(3),.sheet .steps li:nth-child(3){animation-delay:.19s}.sheet .body>:nth-child(4),.sheet .opts{animation-delay:.25s}.box.enter .rv{animation:node-pop .32s cubic-bezier(.3,1.5,.5,1) both}.box.enter .rv:nth-child(2){animation-delay:.05s}.box.enter .rv:nth-child(3){animation-delay:.1s}.box.enter .rv:nth-child(4){animation-delay:.15s}.box.enter .rv:nth-child(5){animation-delay:.2s}.nbtn,.btn,.iconbtn,.iconbtn .ic,.opt,.rv,.mini,.hud button,.team .cat,.node{transition:translate .14s ease-out,scale .14s ease-out,rotate .18s ease-out,box-shadow .18s,border-color .18s,filter .18s}@media(hover:hover){.nbtn:hover{translate:0 -3px;filter:brightness(1.12)}.nbtn.go:hover{box-shadow:0 0 14px var(--hob),0 0 46px #ff6b1ae6}.nbtn:not(.go):hover{box-shadow:0 0 12px var(--teal),0 0 30px #5ee0c899,inset 0 0 10px #5ee0c8b3}.btn:hover{translate:-1px -3px;box-shadow:5px 7px 0 var(--pink)}.btn.alt:hover{box-shadow:5px 7px 0 var(--night);filter:brightness(1.2)}.iconbtn:hover:not(:disabled):not(.shut){translate:0 -3px;border-color:var(--teal);box-shadow:0 0 12px #5ee0c88c}.iconbtn:hover:not(:disabled):not(.shut) .ic{scale:1.14}.node:not(.ghost):hover{scale:1.1}.node.lvl:not(.locked):not([aria-pressed=true]):hover{box-shadow:0 0 14px 3px var(--teal)}.node.arena:not(.locked):hover{box-shadow:0 0 16px 3px var(--hob)}.team .mate:hover .cat{translate:0 -5px;rotate:-3deg}.opt:hover:not(:disabled){translate:4px 0;border-color:#fff1d68c}.rv:hover{translate:0 -3px}.hud button:hover{translate:0 -2px}.mini:hover:not(:disabled){filter:brightness(1.3)}}.nbtn:active,.iconbtn:active:not(:disabled),.opt:active:not(:disabled){translate:0 1px;scale:.96}.node:not(.ghost):active{scale:.93}.node .here{animation:here-in .3s cubic-bezier(.3,1.6,.5,1) both,bob .9s ease-in-out .3s infinite alternate}.box.enter>*{animation:rise .3s cubic-bezier(.2,.7,.2,1) both}.box.enter>:nth-child(n+3){animation-delay:.06s}.box.enter>:nth-child(n+4){animation-delay:.12s}.overlay.dim{animation:fade-in .22s ease-out both}.hud{animation:fade-in .3s .15s both}.dialog{animation:fade-in .16s ease-out both}.sheet{animation:sheet-in .24s cubic-bezier(.3,1.4,.5,1) both}.dialog.closing{animation:fade-out .15s ease-in both}.dialog.closing .sheet{animation:sheet-out .15s ease-in both}@media(prefers-reduced-motion:reduce){.screen>.enter,.fx>*,.home.enter *,.world,.turned *,.mapwrap .node,.mapwrap.enter *,.picked .levelcard,.teamed .mate,.box.enter *,.box[data-kind=coopEnd].enter #ovBtns,.rank .rays,.overlay.dim,.hud,.score,.dialog,.sheet,.sheet *{animation-duration:.01ms!important;animation-delay:0s!important}}@media(prefers-reduced-motion:reduce){.fine.wait,.node .here,.title .paws,.team .mate.empty .cat,.iconbtn.nope{animation:none}.pop{animation-duration:.4s}.pop.hype{animation:hype-calm 1.1s forwards}.story .spanel.turn,.story .cap,.story .say,.score span.bump,.score span.drop,.stage.shake{animation:none}}
