:root{--ink:#1d2230;--ink-2:#5a6274;--mute:#8a93a8;--line:#e6e8ee;--soft:#f4f5f9;--soft-2:#eef0f5;--red:#e8343a;--red-2:#d22a30;--red-d:#8f161b;--yellow:#ffcb05;--yellow-d:#b58a00;--blue:#2a75bb;--blue-d:#1a4e80;--green:#3ccf6e;--green-d:#23964a;--pink:#ef6fb0;--font:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow:0 .3125em 0 #14182838, 0 .625em 1.5em #00000040;--pop:cubic-bezier(.3,1.6,.5,1)}html,body{background:#0d1316;height:100%;margin:0;overflow:hidden}#app{width:100vw;height:100vh}canvas{image-rendering:pixelated}.hud{pointer-events:none;font-family:var(--font);color:var(--ink);font-size:16px;font-weight:700;position:fixed}.hud[data-mode=town] .d-only,.hud[data-mode=dungeon] .t-only,.hud [hidden]{display:none!important}.hud button{font-family:var(--font)}.hud img{image-rendering:pixelated}.card{box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:1.125em}.win{color:var(--ink);pointer-events:auto;animation:winpop .35s var(--pop);background:#fff;border-radius:1.5em;overflow:hidden;box-shadow:0 .5em #1418284d,0 1.5em 3.75em #00000080}.head{color:#fff;flex:none;align-items:center;gap:.875em;height:4em;padding:0 1.375em;display:flex}.head .hic{background:#fff;border-radius:.875em;flex:none;justify-content:center;align-items:center;width:2.75em;height:2.75em;display:flex}.head .hic svg{width:1.9em;height:1.9em}.head .ttl{white-space:nowrap;font-size:1.875em;font-style:italic;font-weight:900}.head .chip{white-space:nowrap;background:#ffffff38;border-radius:.75em;padding:.25em .75em;font-size:.95em;font-weight:800}.head .x{cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.5em;height:2.5em;margin-left:auto;padding:0;display:flex}.head .x svg{width:1em;height:1em;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;fill:none}.head.red{background:repeating-linear-gradient(135deg,#e8343a 0 1.125em,#d22a30 1.125em 2.25em)}.head.orange{background:repeating-linear-gradient(135deg,#ff8a3d 0 1.125em,#f27a2a 1.125em 2.25em)}.head.blue{background:repeating-linear-gradient(135deg,#2a75bb 0 1.125em,#2368a8 1.125em 2.25em)}.head.green{background:repeating-linear-gradient(135deg,#3ccf6e 0 1.125em,#30bd60 1.125em 2.25em)}.head.yellow{color:var(--ink);background:repeating-linear-gradient(135deg,#ffcb05 0 1.125em,#f2bd00 1.125em 2.25em)}.head.pink{background:repeating-linear-gradient(135deg,#ef6fb0 0 1.125em,#e05aa0 1.125em 2.25em)}.cap{letter-spacing:.08em;color:var(--mute);text-transform:uppercase;font-size:.8125em;font-weight:900}.mt{color:var(--mute);font-size:.8125em;font-weight:700}.btn{font:900 1em var(--font);cursor:pointer;white-space:nowrap;border:0;border-radius:.875em;padding:.6em 1em}.btn:disabled{cursor:default}.btn.red{background:var(--red);color:#fff;box-shadow:0 .25em 0 var(--red-d)}.btn.blue{background:var(--blue);color:#fff;box-shadow:0 .25em 0 var(--blue-d)}.btn.green{background:var(--green);color:#fff;box-shadow:0 .25em 0 var(--green-d)}.btn.yellow{background:var(--yellow);color:var(--ink);box-shadow:0 .25em 0 var(--yellow-d)}.btn.grey{background:var(--soft-2);color:var(--ink-2)}.btn.white{color:var(--ink-2);background:#fff}.btn.danger{color:#b0302a}.btn:disabled:not(.grey){color:#fff;background:#c3c8d4;box-shadow:0 .25em #9aa0ad}.btn:active:not(:disabled){transform:translateY(.125em)}.go{font:900 italic 1.625em var(--font);color:#fff;box-shadow:0 .23em 0 var(--red-d);cursor:pointer;white-space:nowrap;background:repeating-linear-gradient(135deg,#e8343a 0 1em,#d22a30 1em 2em);border:0;border-radius:.7em;padding:.6em 1.75em;position:relative;overflow:hidden}.go:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;height:100%;animation:2.4s ease-in-out infinite shine;position:absolute;top:0;left:-60%}.go:disabled{cursor:default;background:#c3c8d4;font-size:1.1em;box-shadow:0 .23em #9aa0ad}.go:disabled:after{display:none}.go:active:not(:disabled){transform:translateY(.1em)}.av{background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.875em;height:2.875em;display:flex;position:relative;overflow:hidden}.av img{width:100%;height:100%}.av.letter{color:#fff;font-size:1.1em;font-weight:900}.typ{color:#fff;white-space:nowrap;border-radius:.7em;padding:.2em .7em;font-size:.75em;font-weight:800}.field{background:var(--soft);border:.1875em solid var(--line);border-radius:.875em;align-items:center;gap:.5em;min-width:0;padding:0 .75em;display:flex}.field:focus-within{border-color:var(--blue)}.field input,.field select{font:700 1em var(--font);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:.55em 0}.field svg{flex:none;width:1.1em;height:1.1em}select.dd{font:800 .875em var(--font);color:var(--ink);background:var(--soft-2);cursor:pointer;border:0;border-radius:.85em;height:3em;padding:0 .8em}select.dd.on{background:var(--ink);color:#fff}.tabs{background:var(--soft-2);border-radius:1em;padding:.25em;display:flex}.tabs button{font:900 .95em var(--font);color:var(--mute);cursor:pointer;background:0 0;border:0;border-radius:.75em;flex:1;padding:.55em 0}.tabs button.on{color:var(--ink);background:#fff;box-shadow:0 .1875em #1418281f}.stat{color:var(--ink-2);grid-template-columns:4.6em 1fr 1.8em;align-items:center;gap:.45em .6em;font-size:.8125em;font-weight:800;display:grid}.stat i{background:var(--line);border-radius:.3em;height:.6em;display:block;overflow:hidden}.stat i b{border-radius:.3em;height:100%;display:block}.stat em{text-align:right;color:var(--ink);font-style:normal}.empty-note{color:var(--mute);padding:.6em 0;font-size:.875em;font-weight:700}@keyframes winpop{0%{opacity:0;transform:scale(.85)}}@keyframes shine{60%,to{left:130%}}@keyframes fadein{0%{opacity:0}}@keyframes bob{50%{transform:translateY(-.25em)}}@keyframes slidein{0%{opacity:0;transform:translateY(-.875em)}}@keyframes rise{0%{opacity:0;transform:translateY(1.5em)}}@keyframes pulse{0%,to{box-shadow:0 .3125em #1418284d,0 0 #ffcb05b3}50%{box-shadow:0 .3125em #1418284d,0 0 0 .625em #ffcb0500}}.t-normal{background:#a8a77a}.t-fire{background:#f07a3a}.t-water{background:#4f9cf0}.t-grass{background:#5cc24a}.t-electric{background:#f2c11c}.t-ice{background:#5ac8d8}.t-fighting{background:#c8503a}.t-poison{background:#a86ad0}.t-ground{background:#d0a050}.t-flying{background:#8fb8f0}.t-psychic{background:#f06aa0}.t-bug{background:#a8c83a}.t-rock{background:#b8a06a}.t-ghost{background:#6a5aa8}.t-dragon{background:#6a50e8}.t-dark{background:#5a4a40}.t-steel{background:#a8b0c0}.t-fairy{background:#f0a0d8}.me{animation:slidein .4s var(--pop);flex-direction:column;gap:.625em;display:flex;position:absolute;top:1.125em;left:1.25em}.me-card{align-items:center;gap:.75em;padding:.5em 1em .5em .5em;display:flex}.ring{box-sizing:border-box;background:#e6e8ee;border-radius:50%;flex:none;width:3.5em;height:3.5em;padding:.25em}.ring.full{background:var(--yellow);box-shadow:0 0 .75em #ffcb05cc}.por{background:#fff6c8;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.por img{width:100%;height:100%}.me-info{flex-direction:column;gap:.3em;display:flex}.me-top{align-items:baseline;gap:.5em;display:flex}.me-top .nm{font-size:1.125em;font-style:italic;font-weight:900}.me-top .lv{color:var(--red);font-size:.8125em;font-weight:800}.hpbar{background:var(--line);border-radius:.375em;width:10.6em;height:.75em;overflow:hidden}.hpbar i{background:linear-gradient(90deg,#3ccf6e,#7be08f);border-radius:.375em;height:100%;transition:width .15s;display:block}.hpbar.mid i{background:linear-gradient(90deg,#f5a623,#ffcb05)}.hpbar.low i{background:linear-gradient(90deg,#e8343a,#ff6a6a)}.hpnum{color:var(--ink-2);justify-content:space-between;gap:.75em;font-size:.75em;font-weight:800;display:flex}.xpbar{background:var(--line);border-radius:.225em;width:10.6em;height:.45em;overflow:hidden}.xpbar i{background:linear-gradient(90deg,#2a75bb,#5ac8f5);border-radius:.225em;height:100%;transition:width .2s;display:block}.xpbar.full i{background:var(--yellow);animation:.6s steps(2,end) infinite blink}.xpbar.gain i{box-shadow:0 0 .5em #8fe0ff}.hpnum .xpn{color:#2a75bb}.party{gap:.5em;padding-left:.375em;display:flex}.ally{box-sizing:border-box;border-radius:50%;width:2.5em;height:2.5em;padding:.25em;position:relative}.ally .por{background:#fff}.ally.down .por{filter:grayscale();background:#d9dbe2}.ally .warn{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.1em;height:1.1em;font-size:.7em;font-weight:900;display:flex;position:absolute;bottom:-.2em;right:-.2em;box-shadow:0 0 0 .15em #fff}.where{width:12.25em;animation:slidein .4s 80ms var(--pop) backwards;flex-direction:column;gap:.5em;display:flex;position:absolute;top:1.125em;right:1.25em}.mapcard{overflow:hidden}.maphead{color:#fff;background:repeating-linear-gradient(135deg,#e8343a 0 .875em,#d22a30 .875em 1.75em);justify-content:space-between;align-items:center;height:1.875em;padding:0 .75em;font-size:.95em;font-style:italic;font-weight:900;display:flex}.pips{align-items:center;gap:.25em;display:flex}.pips i{background:#fff6;border-radius:50%;width:.5em;height:.5em;display:block}.pips i.done{background:#fff}.pips i.now{background:var(--yellow);width:.65em;height:.65em}.pips svg{stroke:#fff;fill:none;stroke-width:2.6px;stroke-linecap:round;width:.95em;height:.95em;margin-left:.1em}.mapcard canvas{background:radial-gradient(circle at 50% 40%,#22394a,#142230);width:100%;height:auto;display:block}.loot{border-radius:.875em;align-items:center;gap:.375em;padding:.375em .75em;font-weight:900;display:flex}.loot small{color:var(--mute);font-size:.7em;font-weight:700}.loot .sep{flex:1}.coin,.heart{flex:none;width:.95em;height:.95em;display:inline-block}.coin{background:var(--coin) center / contain no-repeat;image-rendering:pixelated}.heart{clip-path:path("M7.6 14C3 10.6 0 8 0 4.6 0 2 2 0 4.4 0 5.8 0 7 .8 7.6 2 8.2.8 9.4 0 10.8 0 13.2 0 15.2 2 15.2 4.6 15.2 8 12.2 10.6 7.6 14z");background:#ff7aa8;transform:scale(.95)}.slots{pointer-events:auto;animation:slidein .4s .16s var(--pop) backwards;align-items:center;gap:1.125em;display:flex;position:absolute;bottom:1.75em;left:50%;transform:translate(-50%)}.skill{border:.3125em solid var(--sc,var(--yellow));cursor:pointer;box-sizing:border-box;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:4.375em;height:4.375em;padding:0;transition:transform .1s;display:flex;position:relative;box-shadow:0 .3125em #1418284d}.skill:active{transform:scale(.94)}.skill.dodge{--sc:var(--mute);border-width:.25em;width:3.25em;height:3.25em}.skill .ic{z-index:1;width:58%;height:58%;display:flex;position:relative}.skill .ic svg{width:100%;height:100%}.skill .cd{z-index:2;background:conic-gradient(#1418289e 0 var(--p,0%), transparent var(--p,0%) 100%);border-radius:50%;position:absolute;inset:0}.skill .sec{z-index:3;color:#fff;text-shadow:0 .1em 0 var(--ink);font-size:1.25em;font-weight:900;position:absolute}.skill .key{z-index:4;background:var(--ink);color:#fff;white-space:nowrap;border-radius:.7em;padding:.15em .6em;font-size:.6875em;font-weight:800;position:absolute;bottom:-.9em;left:50%;transform:translate(-50%)}.skill.ready:not(.dodge):not(.ult){animation:1.2s ease-in-out infinite pulse}.skill.ult{--sc:#b9bfd0;width:3.75em;height:3.75em}.skill.ult .fill{background:linear-gradient(to top, var(--uc,var(--yellow)) var(--u,0%), transparent var(--u,0%));opacity:.55;border-radius:50%;position:absolute;inset:0}.skill.ult .ic{color:var(--ink)}.skill.ult.full{--sc:var(--uc,var(--yellow));animation:.7s ease-in-out infinite ultpulse}.skill.ult.full .fill{opacity:.9}.skill.ult.full .ic{color:#fff;filter:drop-shadow(0 .08em #00000059)}@keyframes ultpulse{0%,to{box-shadow:0 .3125em 0 #1418284d, 0 0 0 0 var(--uc,#ffcb05);transform:scale(1)}50%{box-shadow:0 .3125em 0 #1418284d, 0 0 1.2em .3em var(--uc,#ffcb05);transform:scale(1.08)}}.combo{pointer-events:none;transform-origin:100%;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:42%;right:1.6em}.combo b{font:900 italic 3em/1 var(--font);color:#fff;-webkit-text-stroke:.06em var(--ink);text-shadow:0 .08em 0 var(--ink);letter-spacing:-.02em}.combo span{font:900 italic .95em var(--font);text-transform:uppercase;letter-spacing:.12em;color:#fff;text-shadow:0 .12em #0000008c;margin-top:.1em}.combo>i{background:#1418288c;border-radius:.2em;width:6em;height:.4em;margin-top:.35em;display:block;overflow:hidden}.combo>i>i{background:#fff;border-radius:.2em;width:100%;height:100%;display:block}.combo.hot b{color:var(--yellow)}.combo.fire b{color:#ff8a3a}.combo.bump{animation:combobump .22s var(--pop)}@keyframes combobump{0%{transform:scale(1.45)rotate(-4deg)}to{transform:scale(1)rotate(0)}}.status{box-shadow:var(--shadow);white-space:nowrap;background:#fff;border-radius:1em;padding:.4em 1.1em;font-size:1.1em;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%)}.boss{text-align:center;pointer-events:none;width:30em;position:absolute;top:1.25em;left:50%;transform:translate(-50%)}.boss .bn{font:900 italic 1.25em var(--font);color:#fff;text-shadow:0 .1em #0009;margin-bottom:.3em;display:block}.boss .bbar{height:.9em;box-shadow:var(--shadow);background:#141828b3;border:.15em solid #fff;border-radius:.45em;display:block;overflow:hidden}.boss .bbar span{background:repeating-linear-gradient(135deg, var(--red) 0 .6em, var(--red-2) .6em 1.2em);width:100%;height:100%;transition:width .2s;display:block}.tip{background:var(--ink);color:#fff;white-space:nowrap;border-radius:1em;padding:.3em .9em;font-size:.8125em;font-weight:800;animation:.4s fadein;position:absolute;bottom:7.4em;left:50%;transform:translate(-50%);box-shadow:0 .25em #0000004d}.tip b{background:var(--yellow);color:var(--ink);border-radius:.4em;margin-right:.35em;padding:0 .35em}.modal{pointer-events:auto;background:#0d1316b8;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadein;display:flex;position:absolute;inset:0;overflow:hidden}.modal.light{background:#0d131680}.skill[data-lv="1"]:after,.skill[data-lv="2"]:after{z-index:2;background:var(--yellow);min-width:1.4em;height:1.4em;color:var(--ink);border-radius:.7em;justify-content:center;align-items:center;font-size:.75em;font-weight:900;display:flex;position:absolute;top:-.35em;right:-.35em;box-shadow:0 0 0 .15em #fff}.skill[data-lv="1"]:after{content:"+"}.skill[data-lv="2"]:after{content:"★"}@keyframes deal{0%{opacity:0;transform:translateY(5em)rotate(8deg)}}@keyframes blink{50%{opacity:.35}}.menu-box{width:28em}.shophint{color:var(--ink);font:900 italic 1em var(--font);box-shadow:var(--shadow);pointer-events:auto;cursor:pointer;animation:slidein .25s var(--pop);background:#fff;border:0;border-radius:1.2em;align-items:center;gap:.55em;padding:.45em 1em .45em .45em;display:flex;position:absolute;bottom:8.4em;left:50%;transform:translate(-50%)}.shophint b{background:var(--ink);color:#fff;border-radius:.6em;padding:.15em .55em;font-size:.85em;font-style:normal}.hud.touch .shophint b{display:none}.modal.shop-modal{background:#0d13164d}.shop-box{width:34em}.shop-box .head .hic{overflow:hidden}.shop-box .head .hic img{width:100%;height:100%;image-rendering:pixelated}.shop-box .head .chip{align-items:center;gap:.3em;margin-left:auto;display:flex}.shop-box .head .chip .coin{width:1em;height:1em}.shop-box .head .x{margin-left:.6em}.shop-box .body{flex-direction:column;gap:.75em;padding:1.125em 1.375em 1.25em;display:flex}.shop-items{flex-direction:column;gap:.5em;display:flex}.sitem{background:var(--soft);animation:deal .35s var(--pop) backwards;border-radius:1em;align-items:center;gap:.875em;padding:.6em .75em .6em .6em;display:flex}.sitem:nth-child(2){animation-delay:50ms}.sitem:nth-child(3){animation-delay:.1s}.sitem .si{background:#fff;border-radius:.8em;flex:none;justify-content:center;align-items:center;width:3.25em;height:3.25em;display:flex;position:relative}.sitem .si img{width:2.25em;height:2.25em;image-rendering:pixelated}.sitem .si .k{background:var(--ink);color:#fff;border-radius:.45em;justify-content:center;align-items:center;width:1.4em;height:1.4em;font-size:.75em;font-weight:900;display:flex;position:absolute;top:-.35em;left:-.35em}.hud.touch .sitem .si .k{display:none}.sitem .st{flex:1;min-width:0}.sitem .st b{font-size:1.05em;font-weight:900;display:block}.sitem .st span{color:var(--ink-2);font-size:.8125em;font-weight:600;line-height:1.3;display:block}.sitem .btn{justify-content:center;align-items:center;gap:.35em;min-width:6.5em;display:flex}.sitem .btn .coin{width:.95em;height:.95em}.sitem .btn:disabled{background:var(--soft-2);color:var(--mute);box-shadow:none}.shop-empty{text-align:center;color:var(--ink-2);padding:1.25em 0;font-weight:800}.menu-box .body{flex-direction:column;gap:.6em;padding:1.125em 1.375em 1.375em;display:flex}.controls{color:var(--ink-2);grid-template-columns:1fr 1fr;gap:.35em .8em;font-size:.875em;font-weight:600;display:grid}.controls b{color:var(--ink);font-weight:900}.tips{color:var(--mute);font-size:.8em;font-weight:600;line-height:1.45}.menu-acts{align-items:center;gap:.5em;margin-top:.5em;display:flex}.menu-acts .blue{margin-left:auto}.res{align-items:center;gap:1.125em;padding:.625em 1.125em;display:flex;position:absolute;top:1.125em;left:1.25em}.res:empty{display:none}.res .r{align-items:center;gap:.375em;font-size:1em;font-weight:900;display:flex}.res .r svg{width:1.5em;height:1.5em}.tiles{pointer-events:auto;align-items:flex-start;gap:.75em;display:flex;position:absolute;top:1em;right:1.25em}.tile{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.3em;padding:0;display:flex;position:relative}.tile .ic{background:linear-gradient(180deg, #ffffff40, #fff0 50%), var(--c);width:3.875em;height:3.875em;box-shadow:0 .3125em 0 var(--d), 0 .5em 1em #0000004d;border-radius:1.25em;justify-content:center;align-items:center;transition:transform .12s;display:flex;position:relative}.tile .ic svg{width:2.6em;height:2.6em}.tile:hover .ic,.tile.on .ic{transform:translateY(-.25em)rotate(-3deg)}.tile.on .ic{box-shadow:0 .3125em 0 var(--d), 0 0 0 .25em #fff, 0 .5em 1em #0000004d}.tile .lb{color:#fff;text-shadow:0 .125em #0000008c,0 0 .4em #00000080;font-size:.75em;font-weight:900}.tile .k{background:var(--ink);color:#fff;border-radius:.7em;padding:.2em .6em;font-size:.625em;font-weight:900;position:absolute;top:-.4em;left:-.4em;box-shadow:0 0 0 .2em #fff}.tile .badge{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.375em;height:1.375em;font-size:.75em;font-weight:900;animation:1.2s ease-in-out infinite bob;display:flex;position:absolute;top:-.375em;right:-.375em;box-shadow:0 0 0 .2em #fff}.mute{cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.25em;height:2.25em;margin-top:.8em;padding:0;display:flex;box-shadow:0 .25em #1418284d}.mute svg{width:1.6em;height:1.6em}.mute.off .wave{display:none}.mute.off{opacity:.7}.bub{color:var(--ink);white-space:nowrap;background:#fff;border-radius:1em;align-items:center;gap:.2em;padding:.15em .55em .15em .3em;font-size:.875em;font-weight:900;animation:1.6s ease-in-out infinite bubbob;display:flex;position:absolute;transform:translate(-50%,calc(-100% - .25em));box-shadow:0 .2em #14182840}.bub svg{width:1.25em;height:1.25em}.bub.idle{color:#fff;box-shadow:none;background:#1d2230b8;padding:.1em .5em;font-size:.875em;font-style:italic;animation-duration:2.4s}.bub.idle small{font-size:.75em}@keyframes bubbob{50%{transform:translate(-50%,calc(-100% - .5em))}}.tprompt{pointer-events:auto;cursor:pointer;font-family:var(--font);background:var(--ink);color:#fff;white-space:nowrap;border:0;border-radius:1em;align-items:center;gap:.375em;padding:.25em .75em .25em .25em;font-size:.875em;font-weight:800;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 .25em #0000004d}.tprompt b{background:var(--yellow);width:1.4em;height:1.4em;color:var(--ink);border-radius:.45em;justify-content:center;align-items:center;font-weight:900;display:flex}.expbtn{font:900 italic 1.375em var(--font);color:#fff;box-shadow:0 .27em 0 var(--red-d), 0 .55em 1.1em #0000004d;cursor:pointer;pointer-events:auto;transform-origin:100% 100%;background:repeating-linear-gradient(135deg,#e8343a 0 .73em,#d22a30 .73em 1.46em);border:0;border-radius:.82em;align-items:center;gap:.55em;padding:.73em 1.2em;display:flex;position:absolute;bottom:1.5em;right:1.25em}.expbtn svg{width:1.27em;height:1.27em}.expbtn:hover{transform:translateY(-.1em)}.expbtn.group{height:4.375em;box-shadow:0 .375em 0 var(--red-d), 0 0 0 .25em var(--yellow), 0 .75em 1.875em #00000059;border-radius:1.25em;gap:.875em;padding:0 1.125em 0 1.375em;font-size:1em;font-style:normal}.expbtn .minis{padding-left:.5em;display:flex}.expbtn .mini{width:1.875em;height:1.875em;box-shadow:0 0 0 .1875em var(--red-2);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-left:-.5em;display:flex;overflow:hidden}.expbtn .mini img{width:100%;height:100%}.expbtn .mini.free{box-sizing:border-box;background:#ffffff40;border:.125em dashed #ffffffb3}.expbtn .gtxt{text-align:left;line-height:1.1}.expbtn .gtxt b{font-size:1.3em;font-style:italic;font-weight:900;display:block}.expbtn .gtxt span{align-items:center;gap:.25em;font-size:.8125em;font-weight:700;display:flex}.expbtn .dot{background:#fff;border-radius:50%;width:.45em;height:.45em;animation:1.2s ease-in-out infinite blink;display:inline-block}.expbtn.bump{animation:.6s bump}@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.12)rotate(-2deg)}60%{transform:scale(.97)}to{transform:scale(1)}}.ring-fx{border:.25em solid var(--yellow);opacity:0;pointer-events:none;border-radius:1.5em;position:absolute;bottom:1.5em;right:1.25em}.ring-fx.go-ring{animation:.6s ease-out ringfx}@keyframes ringfx{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.tmodal{pointer-events:auto;background:#0d13168c;justify-content:center;align-items:center;animation:.15s fadein;display:flex;position:absolute;inset:0}.tmodal>.win{flex-direction:column;max-height:92%;display:flex}.tmodal>.win>.body{overflow:auto}.tmodal.dark{background:#0d1316bf}.build{width:56.25em}.build .body{grid-template-columns:repeat(4,minmax(0,1fr));gap:1em;padding:1.375em;display:grid}.bcard{background:var(--soft);text-align:center;animation:rise .4s var(--pop) backwards;border-radius:1.25em;flex-direction:column;align-items:center;gap:.5em;padding:.875em;display:flex}.bcard:nth-child(2){animation-delay:50ms}.bcard:nth-child(3){animation-delay:.1s}.bcard:nth-child(4){animation-delay:.15s}.bcard .art{border-radius:1em;justify-content:center;align-items:flex-end;width:100%;height:8em;display:flex;overflow:hidden}.bcard .art img{height:88%}.bcard .nm{font-size:1.125em;font-weight:900}.bcard .ds{color:var(--ink-2);min-height:2.6em;font-size:.8125em;font-weight:600;line-height:1.3}.cost{flex-wrap:wrap;justify-content:center;gap:.625em;font-size:.9375em;font-weight:900;display:flex}.cost span{align-items:center;gap:.2em;display:flex}.cost svg{width:1.25em;height:1.25em}.cost .no{color:var(--red)}.bcard .btn{white-space:normal;width:100%;padding:.6em .5em;font-size:.875em;line-height:1.2}.residents{width:65em}.residents .body{grid-template-columns:1fr 18.125em;gap:1.25em;padding:1.125em 1.375em 1.375em;display:grid}.residents .left{flex-direction:column;gap:.875em;min-width:0;display:flex}.residents .filters{gap:.5em;display:flex}.residents .filters .field{flex:1}.rgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.625em;max-height:25em;margin:-.25em;padding:.25em;display:grid;overflow:auto}.rcell{background:var(--soft);cursor:pointer;color:var(--ink);font-family:var(--font);border:.1875em solid #0000;border-radius:1.25em;flex-direction:column;align-items:center;gap:.2em;padding:.625em .375em .5em;display:flex;position:relative}.rcell:hover{border-color:var(--yellow)}.rcell.sel{border-color:var(--blue);background:#eaf3fc}.rcell img{border-radius:50%;width:3.75em;height:3.75em}.rcell .n{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.875em;font-weight:900;overflow:hidden}.rcell .tt{gap:.25em;display:flex}.rcell .tt i{border-radius:50%;width:.5625em;height:.5625em;display:block}.job{border-radius:.5em;padding:.15em .45em;font-size:.625em;font-weight:800;position:absolute;top:.375em;right:.375em}.job.huerto{color:#2f7a2a;background:#dcf5d0}.job.taller{color:#a8521c;background:#ffe4cf}.job.generador{color:#1f5a92;background:#dceeff}.job.team{color:#8a6400;background:#fff2c0}.rdet{background:var(--soft);border-radius:1.375em;flex-direction:column;gap:.625em;padding:1.125em;display:flex}.rdet .big{background:#fff;border-radius:50%;flex:none;align-self:center;width:8.5em;height:8.5em;overflow:hidden}.rdet .big img{width:100%;height:100%;display:block}.rdet .nm{text-align:center}.rdet .nm b{font-size:1.5em;font-style:italic;font-weight:900;display:block}.rdet .types{flex-wrap:wrap;justify-content:center;gap:.375em;display:flex}.rdet .acts{flex-direction:column;gap:.5em;margin-top:auto;display:flex}.rdet .acts .btn{height:2.875em}.friends{width:32.5em}.friends .body{flex-direction:column;gap:.75em;max-height:34em;padding:1.125em 1.375em 1.375em;display:flex}.friends .add{gap:.5em;display:flex}.friends .add .field{flex:1}.friends .add .field b{color:var(--mute)}.frow{background:var(--soft);border-radius:1.125em;align-items:center;gap:.75em;padding:.5em .625em .5em .5em;display:flex}.frow .grow{flex:1;min-width:0}.frow .n{font-size:1em;font-weight:900;display:block}.frow .s{color:var(--mute);font-size:.75em;font-weight:700}.frow .s.on{color:var(--green-d)}.frow .dot{border:.1875em solid var(--soft);box-sizing:border-box;border-radius:50%;width:.875em;height:.875em;position:absolute;bottom:-.05em;right:-.05em}.frow .av{overflow:visible}.frow.req{background:#fff8d8;animation:2.6s ease-in-out infinite nudge}.frow.dim{opacity:.6}.frow .btn{padding:.5em .875em;font-size:.875em}@keyframes nudge{0%,86%,to{transform:none}90%{transform:translate(-.2em)}95%{transform:translate(.2em)}}.me-name{background:#fff8d8;border-radius:1em;align-items:center;gap:.5em;padding:.5em .875em;font-size:.875em;display:flex}.me-name b{font-size:1.15em;font-weight:900}.me-name .btn{margin-left:auto}.period{gap:.375em;display:flex}.period button{font:900 .875em var(--font);background:var(--soft-2);color:var(--ink);cursor:pointer;border:0;border-radius:1.25em;padding:.45em 1em}.period button.on{background:var(--ink);color:#fff}.podium{justify-content:center;align-items:flex-end;gap:.5em;margin-top:.5em;display:flex}.pod{flex-direction:column;align-items:center;gap:.3em;display:flex}.pod .av{width:3.25em;height:3.25em;box-shadow:0 0 0 .25em #fff,0 .25em .6em #00000026}.pod .who{text-overflow:ellipsis;white-space:nowrap;max-width:7em;font-size:.875em;font-weight:900;overflow:hidden}.pod .fl,.rk .fl{color:var(--red);font-weight:900}.pod .step{color:#fff;transform-origin:bottom;width:4.4em;animation:grow .5s var(--pop) backwards;box-sizing:border-box;border-radius:.55em .55em 0 0;justify-content:center;padding-top:.25em;font-size:1.6em;font-style:italic;font-weight:900;display:flex}@keyframes grow{0%{transform:scaleY(0)}}.rk{border-radius:.875em;grid-template-columns:2.25em 1fr auto;align-items:center;gap:.625em;padding:.5em .875em;font-weight:800;display:grid}.rk:nth-child(odd){background:var(--soft)}.rk b{color:var(--mute);font-style:italic;font-weight:900}.rk.me{box-shadow:0 0 0 .1875em var(--yellow);background:#fff2c0;margin-top:.5em}.hatchery{width:53.75em}.hatchery .body{grid-template-columns:18em 1fr;gap:1.875em;padding:1.375em 1.75em 1.625em;display:grid}.nest{background:radial-gradient(circle at 50% 45%,#fff4fb,#fbd6ea 70%,#f2b6d6);border-radius:1.5em;justify-content:center;align-items:center;height:18em;display:flex}.nest svg{width:14em;height:15.5em}.nest .egg{transform-origin:50% 90%;transform-box:fill-box;animation:2.4s ease-in-out infinite wob}.nest .spark{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite tw}@keyframes wob{0%,60%,to{transform:rotate(0)}68%{transform:rotate(-7deg)}76%{transform:rotate(7deg)}84%{transform:rotate(-4deg)}92%{transform:rotate(3deg)}}@keyframes tw{50%{opacity:.2;transform:scale(.6)}}.hatchery .right{flex-direction:column;gap:.75em;display:flex}.hatchery .cost{justify-content:flex-start;gap:.875em;font-size:1.125em}.odd{grid-template-columns:6em 1fr 2.75em;align-items:center;gap:.625em;font-size:.875em;font-weight:800;display:grid}.odd i{background:var(--soft-2);border-radius:.375em;height:.75em;display:block;overflow:hidden}.odd i b{border-radius:.375em;height:100%;display:block}.odd em{text-align:right;color:var(--ink-2);font-style:normal}.hatchery .go{background:repeating-linear-gradient(135deg,#ef6fb0 0 1em,#e05aa0 1em 2em);margin-top:.25em;font-size:1.5em;box-shadow:0 .23em #a83a76}.born-wrap{pointer-events:auto;justify-content:center;align-items:center;gap:4em;display:flex;position:absolute;inset:0}.born-wrap .rays{background:repeating-conic-gradient(var(--rc) 0 10deg, transparent 10deg 20deg);opacity:.45;border-radius:50%;width:32.5em;height:32.5em;margin:-16.25em 0 0 -16.25em;animation:10s linear infinite spin;position:absolute;top:50%;left:calc(50% - 12.5em);-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}@keyframes spin{to{transform:rotate(360deg)}}.born-mon{flex-direction:column;align-items:center;display:flex;position:relative}.born-mon .t1{color:#fff;text-shadow:0 .1em #0006;margin-bottom:.3em;font-size:2.375em;font-style:italic;font-weight:900;animation:.5s .6s backwards rise}.born-mon .disc{width:15.625em;height:15.625em;box-shadow:0 0 0 .5em #fff, 0 0 0 1em var(--rc), 0 0 3.75em var(--rc);animation:born .7s var(--pop);background:radial-gradient(circle,#fff,#f4f0ff 60%,#e2d8f5);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.born-mon .disc img{width:100%;height:100%}.born-mon .nm{align-items:baseline;gap:.625em;margin-top:1.375em;animation:.5s .8s backwards rise;display:flex}.born-mon .nm b{color:#fff;text-shadow:0 .1em #0006;font-size:2.125em;font-style:italic;font-weight:900}@keyframes born{0%{opacity:0;transform:scale(.2)rotate(-20deg)}70%{transform:scale(1.15)rotate(4deg)}to{transform:scale(1)}}.born-card{width:25em;animation:rise .5s 1s var(--pop) backwards}.born-card .body{flex-direction:column;gap:.75em;padding:1.25em 1.375em 1.375em;display:flex}.born-card .types{gap:.5em;display:flex}.born-card .acts{gap:.625em;margin-top:.5em;display:flex}.born-card .acts .btn{flex:1}.expedition{width:55em}.expedition .head .chip{opacity:.9;background:0 0;padding:0;font-weight:700}.expedition .body{grid-template-columns:1fr 18.75em;gap:1.75em;padding:1.375em 1.75em 1.625em;display:grid}.expedition .col{flex-direction:column;gap:.75em;min-width:0;display:flex}.slots4{gap:.625em;display:flex}.pslot{width:6.25em;font-family:var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.375em;padding:0;font-size:1em;font-weight:800;display:flex;position:relative}.pslot .med{background:var(--soft-2);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:4.5em;height:4.5em;display:flex;overflow:hidden}.pslot .med img{width:100%;height:100%}.pslot .med.plus{background:#fff;border:.1875em dashed #c3c8d4}.pslot .med.plus svg{stroke:#c3c8d4;stroke-width:3px;stroke-linecap:round;width:1.6em;height:1.6em}.pslot .lbl{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.875em;overflow:hidden}.pslot.free .lbl{color:var(--mute)}.pslot .crown{color:var(--yellow);text-shadow:0 .1em 0 var(--yellow-d);font-size:1.2em;position:absolute;top:-.6em}.invite-box{background:var(--soft);border-radius:1em;flex-direction:column;gap:.375em;max-height:9em;padding:.625em;display:flex;overflow:auto}.invite-box .row{align-items:center;gap:.5em;font-weight:800;display:flex}.invite-box .row .grow{flex:1}.invite-box .btn{padding:.35em .75em;font-size:.8125em}.mon{align-items:center;gap:1.125em;display:flex}.mon .pick{cursor:pointer;border:0;border-radius:1.75em;flex:none;justify-content:center;align-items:center;width:7em;height:7em;display:flex;position:relative}.mon .pick img{border-radius:1.25em;width:82%;height:82%}.mon .pick .chg{background:var(--ink);color:#fff;border-radius:.75em;padding:.2em .55em;font-size:.75em;font-weight:800;position:absolute;bottom:-.375em;right:-.375em}.mon .info{flex-direction:column;flex:1;gap:.375em;min-width:0;display:flex}.mon .info .top{flex-wrap:wrap;align-items:baseline;gap:.5em;display:flex}.mon .info .top b{font-size:1.5em;font-style:italic;font-weight:900}.mon .stat{grid-template-columns:4.6em 1fr}.picker{background:var(--soft);border-radius:1em;grid-template-columns:repeat(6,minmax(0,1fr));gap:.375em;max-height:9.5em;padding:.5em;display:grid;overflow:auto}.picker button{cursor:pointer;font:800 .6875em var(--font);color:var(--ink);background:#fff;border:.1875em solid #0000;border-radius:.875em;flex-direction:column;align-items:center;padding:.2em;display:flex}.picker button img{border-radius:50%;width:3.4em;height:3.4em}.picker button.on{border-color:var(--blue)}.mv{background:var(--soft);font:800 1em var(--font);color:var(--ink);cursor:pointer;box-sizing:border-box;text-align:left;border:.1875em solid #0000;border-radius:1em;align-items:center;gap:.625em;width:100%;padding:.5em .75em;display:flex}.mv:hover{border-color:var(--yellow)}.mv.on{border-color:var(--ink);background:#fff}.mv .mic{border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.125em;height:2.125em;display:flex}.mv .mic svg{width:60%;height:60%}.mv .grow{flex:1;min-width:0}.mv .mt{font-size:.75em;display:block}.mv-list{flex-direction:column;gap:.5em;display:flex}.mv-list.many{max-height:16.5em;overflow:auto}.expedition .foot{flex-direction:column;align-items:flex-end;gap:.5em;margin-top:auto;display:flex}.expedition .foot .wait{color:var(--ink-2);text-align:right;font-size:.875em;font-weight:800}.linkish{font:800 .8125em var(--font);color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.joinrow{gap:.5em;width:100%;display:flex}.joinrow .field{flex:1}.starter{width:40em}.starter .body,.summary .body{flex-direction:column;gap:.875em;padding:1.375em 1.625em 1.625em;display:flex}.starters{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75em;display:grid}.starters button{background:var(--soft);cursor:pointer;font:900 1em var(--font);color:var(--ink);border:.1875em solid #0000;border-radius:1.25em;flex-direction:column;align-items:center;gap:.25em;padding:.625em .375em;display:flex}.starters button img{border-radius:50%;width:5em;height:5em}.starters button.on{border-color:var(--blue);background:#eaf3fc}.summary{width:32em}.summary .big{color:var(--red);font-size:2.6em;font-style:italic;font-weight:900;line-height:1}.rescued{flex-wrap:wrap;gap:.5em;display:flex}.rescued .av{background:var(--soft);width:3.5em;height:3.5em;animation:rise .4s var(--pop) backwards}.bpop{width:20em;color:var(--ink);pointer-events:auto;animation:bpop .3s var(--pop);background:#fff;border-radius:1.375em;position:absolute;box-shadow:0 .375em #1418284d,0 1.125em 2.5em #00000073}@keyframes bpop{0%{opacity:0;transform:scale(.6)}}.bpop:before{content:"";left:-.75em;top:var(--arrow,3em);clip-path:polygon(100% 0,0 50%,100% 100%);background:#fff;width:.875em;height:1.375em;position:absolute}.bpop.flip:before{clip-path:polygon(0 0,100% 50%,0 100%);left:auto;right:-.75em}.bpop .bh{border-radius:1.375em 1.375em 0 0;align-items:flex-end;gap:.625em;height:7em;padding:0 .875em .375em .375em;display:flex;position:relative;overflow:hidden}.bpop .bh img{height:6.4em}.bpop .bh .t{padding-bottom:.875em}.bpop .bh .t b{font-size:1.5em;font-style:italic;font-weight:900;line-height:1;display:block}.bpop .bh .t span{opacity:.75;font-size:.8125em;font-weight:700}.bpop .bh .x{cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;padding:0;display:flex;position:absolute;top:.625em;right:.625em}.bpop .bh .x svg{width:.8em;height:.8em;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.bpop .bb{flex-direction:column;gap:.875em;padding:1em;display:flex}.bpop .stock{align-items:center;gap:.625em;display:flex}.bpop .stock svg{flex:none;width:1.75em;height:1.75em}.bpop .stock .bar{background:var(--soft-2);border-radius:.4375em;height:.875em;overflow:hidden}.bpop .stock .bar i{border-radius:.4375em;height:100%;display:block}.bpop .stock .mt{margin-top:.25em;display:block}.bpop .collect{font:900 1.1875em var(--font);color:#fff;background:var(--green);box-shadow:0 .3125em 0 var(--green-d);cursor:pointer;border:0;border-radius:1em;justify-content:center;align-items:center;gap:.5em;padding:.6em;display:flex}.bpop .collect span{background:#ffffff40;border-radius:.625em;padding:.05em .55em}.bpop .collect:disabled{cursor:default;background:#c3c8d4;box-shadow:0 .3125em #9aa0ad}.bpop .workers{flex-wrap:wrap;align-items:center;gap:.625em;display:flex}.bpop .w{background:var(--soft);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:3.375em;height:3.375em;padding:0;display:flex;position:relative;overflow:hidden}.bpop .w img{width:100%;height:100%}.bpop .w.half{box-shadow:inset 0 0 0 .1875em #f5a623}.bpop .w .xx{color:#fff;background:#e8343acc;justify-content:center;align-items:center;font-weight:900;display:none;position:absolute;inset:0}.bpop .w:not(.add):hover .xx{display:flex}.bpop .w.add{box-sizing:border-box;background:#fff;border:.1875em dashed #c3c8d4}.bpop .w.add svg{stroke:#a0a8b8;stroke-width:3px;stroke-linecap:round;width:1.3em;height:1.3em}.bpop .mvb{background:var(--soft-2);cursor:pointer;border:0;border-radius:.875em;justify-content:center;align-items:center;width:2.75em;height:2.75em;margin-left:auto;padding:0;display:flex}.bpop .mvb svg{width:1.4em;height:1.4em}.bpop .free{background:var(--soft);border-radius:.875em;flex-wrap:wrap;gap:.375em;padding:.5em;display:flex}.bpop .free button{font:800 .75em var(--font);color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:.7em;align-items:center;gap:.3em;padding:.2em .55em .2em .2em;display:flex}.bpop .free button img{border-radius:50%;width:2em;height:2em}.bpop .free button.half{color:#a8521c}.bpop .note{color:var(--mute);font-size:.8125em;font-weight:700}.invites{pointer-events:auto;gap:.5em;display:grid;position:absolute;top:1.125em;left:50%;transform:translate(-50%)}.invites .card{animation:slidein .3s var(--pop);align-items:center;gap:.625em;padding:.375em .375em .375em 1em;font-size:.9375em;display:flex}.invites .card b{color:var(--red)}.invites .btn{padding:.45em .875em;font-size:.875em}.toast{background:var(--ink);color:#fff;white-space:nowrap;box-shadow:0 .25em 0 #0000004d, 0 0 0 .1875em var(--red);animation:slidein .25s var(--pop);z-index:5;border-radius:1em;padding:.5em 1.125em;font-size:.9375em;font-weight:800;position:absolute;top:5.2em;left:50%;transform:translate(-50%)}.toast.ok{box-shadow:0 .25em 0 #0000004d, 0 0 0 .1875em var(--green)}.loading{color:#fff;background:#0d1316;place-items:center;font-size:1.3em;font-weight:900;display:grid;position:absolute;inset:0}.auth{-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:#0d131673;position:absolute;inset:0;overflow:hidden}.auth .slab{background:var(--red);width:32.5em;height:100%;box-shadow:.5em 0 0 var(--yellow);position:absolute;top:0;left:-3.75em;transform:skew(-12deg)}.auth .brand{color:#fff;position:absolute;top:50%;left:3.75em;transform:translateY(-58%)}.auth .brand .logo{align-items:center;gap:.9em;display:flex}.auth .brand .logo img{image-rendering:auto;filter:drop-shadow(0 .3em .6em #00000040);width:6em;height:auto;animation:4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-.25em)rotate(-2deg)}}.auth .brand h1{text-shadow:0 .08em 0 var(--red-d);margin:0;font-size:3.875em;font-style:italic;font-weight:900;line-height:.92}.auth .brand h1 em{font-style:inherit;color:var(--yellow);text-shadow:0 .08em #a86a00}.auth .brand p{opacity:.95;margin:.75em 0 0;font-size:1.0625em;font-weight:700}.auth .stage{width:23.75em;height:11.875em;margin:2.125em 0 0 -1.5em;position:relative}.auth .stage:before{content:"";background:radial-gradient(#ffffff59,#fff0 70%);border-radius:50%;height:2.875em;position:absolute;bottom:0;left:0;right:0}.auth .spr{image-rendering:pixelated;filter:drop-shadow(0 .375em #00000040);background-repeat:no-repeat;position:absolute;bottom:1em}.auth .win{width:26.25em;animation:authpop .45s var(--pop);position:absolute;top:50%;left:66%;transform:translate(-50%,-50%)}@keyframes authpop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.auth .box{flex-direction:column;gap:1em;padding:1.625em 1.75em 1.75em;display:flex}.auth label{color:var(--mute);margin:0 0 .375em .25em;font-size:.8125em;font-weight:800;display:block}.auth input{box-sizing:border-box;width:100%;font:700 1.0625em var(--font);color:var(--ink);background:var(--soft);border:.1875em solid var(--line);border-radius:.875em;padding:.7em .875em}.auth input:focus{border-color:var(--blue);outline:none}.auth .err{color:var(--red);min-height:1.2em;margin:-.3em 0;font-size:.875em;font-weight:800}.auth .go{width:100%;margin-top:.25em;padding:.7em;font-size:1.375em}.auth .legal{white-space:nowrap;color:#fff;background:#0a0e188c;border-radius:.75em;padding:.375em .875em;font-size:.8125em;font-weight:700;position:absolute;bottom:1.75em;left:50%;transform:translate(-50%)}:is(.hud:has(#authBox:not([hidden])) .tiles,.hud:has(#authBox:not([hidden])) .res,.hud:has(#authBox:not([hidden])) .expbtn){display:none}@keyframes idle{to{background-position-x:var(--end)}}.tpad{pointer-events:auto;align-items:center;gap:.9em;position:absolute;bottom:7.5em;right:1.25em}.tbtn{border:.3125em solid var(--yellow);width:5em;height:5em;font:900 italic 1.05em var(--font);color:var(--ink);touch-action:manipulation;background:#fff;border-radius:50%;box-shadow:0 .3125em #1418284d}.tbtn.dodge{border-color:#4fb0e8;justify-content:center;align-items:center;display:flex}.tbtn.dodge svg{width:55%;height:55%}.tmenu{width:3em;height:3em;box-shadow:var(--shadow);pointer-events:auto;background:#fff;border:0;border-radius:.8em;flex-direction:column;justify-content:center;align-items:center;gap:.25em;position:absolute;top:7.6em;left:1.25em}.tmenu i{background:var(--ink);border-radius:.1em;width:1.3em;height:.2em;display:block}.langbtn{font:900 .75em var(--font);color:var(--ink);letter-spacing:.02em;width:3em;height:3em;margin-top:1.07em}.head .hic img{width:100%;height:100%;image-rendering:pixelated;border-radius:.875em}.win .say{background:var(--soft);border-radius:1em;align-items:center;gap:.75em;margin:1em 1.375em 0;padding:.625em .875em;display:flex}.win .say img{width:2.75em;height:2.75em;image-rendering:pixelated;background:#fff;border-radius:.75em;flex:none}.win .say p{color:var(--ink-2);margin:0;font-size:.9375em;font-weight:600;line-height:1.4}.win .say b{color:var(--ink)}.site{flex-direction:column;width:40em;max-height:86vh;display:flex}.site-biblioteca,.site-guarderia{width:50em}.site .sbody{flex-direction:column;gap:.5em;min-height:0;padding:1em 1.375em;display:flex;overflow-y:auto}.site .sfoot{border-top:.125em solid var(--soft-2);justify-content:space-between;align-items:center;gap:.625em;padding:.875em 1.375em 1.125em;display:flex}.site .sfoot .btn.grey{align-items:center;gap:.4em;display:flex}.site .sfoot .btn.grey svg{width:1.1em;height:1.1em}.srow{border:.15em solid var(--soft-2);border-radius:1em;align-items:center;gap:.75em;padding:.5em .75em;display:flex}.srow.on{border-color:var(--yellow);background:#fffbe6}.srow.off{opacity:.55}.srow .sic{background:var(--soft);border-radius:.75em;flex:none;justify-content:center;align-items:center;width:2.75em;height:2.75em;display:flex}.srow .sic img{width:2.25em;height:2.25em;image-rendering:pixelated;border-radius:.5em}.srow .sic .mvic{border-radius:.75em;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.srow .sic .mvic svg{width:60%;height:60%}.srow .st{flex:1;min-width:0}.srow .st b{font-size:1em;font-weight:900;display:block}.srow .st b small{color:var(--ink-2);font-weight:800}.srow .st>span{color:var(--ink-2);font-size:.8125em;font-weight:600;line-height:1.35;display:block}.srow .btn{align-items:center;gap:.5em;font-size:.875em;display:flex}.srow .btn .cost{font-size:.9em}.srow .btn .cost .no,.upg .cost .no{color:#ffd0d0}.srow .tag,.lvmax{color:var(--ink-2);background:var(--soft-2);white-space:nowrap;border-radius:.75em;padding:.3em .7em;font-size:.75em;font-weight:800}.srow .tag.on{background:var(--yellow);color:var(--ink)}.pips{gap:.2em;margin-top:.3em;display:flex}.pips i{background:var(--soft-2);border-radius:.25em;width:.9em;height:.45em}.pips i.on{background:#ff7aa8}.site .mons{flex-wrap:wrap;gap:.4em;display:flex}.site .mons button{border:.15em solid var(--soft-2);background:var(--soft);cursor:pointer;border-radius:.75em;width:2.75em;height:2.75em;padding:0}.site .mons button.on{border-color:var(--yellow);background:#fffbe6}.site .mons img{width:100%;height:100%;image-rendering:pixelated;border-radius:.6em}.site .note{color:var(--mute);font-size:.8125em;font-weight:600}.books{grid-template-columns:repeat(auto-fill,minmax(7.5em,1fr));gap:.5em;display:grid}.book{background:var(--soft);text-align:center;border-radius:.875em;flex-direction:column;align-items:center;gap:.3em;padding:.5em;display:flex}.book img{width:2.5em;height:2.5em;image-rendering:pixelated}.book b{font-size:.75em;font-weight:800;line-height:1.2}.book.lock img{filter:grayscale()brightness(.35);opacity:.5}.book.lock b{color:var(--mute)}.book .btn{padding:.4em .6em;font-size:.75em}.hatchery-body{grid-template-columns:18em 1fr;gap:1.875em;display:grid}.hatchery-body .right{flex-direction:column;gap:.75em;display:flex}.hatchery-body .cost{justify-content:flex-start;gap:.875em;font-size:1.125em}.hatchery-body .go{background:repeating-linear-gradient(135deg,#ef6fb0 0 1em,#e05aa0 1em 2em);margin-top:.25em;font-size:1.5em;box-shadow:0 .23em #a83a76}.btn.upg{align-items:center;gap:.6em;display:flex}.btn.upg .cost{font-size:.9em}.bpop .upgrow{justify-content:center;margin-top:.5em;display:flex}.bpop .bh .t b small{opacity:.7;white-space:nowrap;font-size:.55em;font-style:normal;display:inline-block}.bcard .art{position:relative}.bcard .art img.own{width:2.75em;height:2.75em;image-rendering:pixelated;background:#fff;border-radius:.75em;position:absolute;bottom:.3em;right:.4em;box-shadow:0 .15em #00000026}.build .say{margin-bottom:0}.mv.locked{opacity:.5;cursor:default}.lvls{background:var(--soft);border-radius:1em;flex-direction:column;gap:.3em;margin-top:.5em;padding:.625em .75em;display:flex}.lvls .lv{color:var(--mute);align-items:center;gap:.6em;font-size:.8125em;font-weight:700;display:flex}.lvls .lv i{background:var(--soft-2);color:var(--mute);border-radius:.5em;flex:none;padding:.15em .5em;font-size:.85em;font-style:normal;font-weight:900}.lvls .lv span{flex:1;min-width:0}.lvls .lv em{color:var(--mute);white-space:nowrap;font-size:.85em;font-style:normal;font-weight:800}.lvls .lv.have{color:var(--ink-2)}.lvls .lv.have i{background:var(--ink);color:#fff}.lvls .lv.cur span{color:var(--ink);font-weight:800}.bpop .lvls{font-size:.9em}.bpop .bb{max-height:calc(100vh - 13em);overflow-y:auto}.chal{background:#f1ecff;border-radius:1.125em;align-items:center;gap:.75em;padding:.625em .875em .625em .625em;display:flex}.chal .cic{background:#fff;border-radius:.875em;flex:none;justify-content:center;align-items:center;width:2.5em;height:2.5em;display:flex}.chal .cic svg{width:1.8em;height:1.8em}.chal .grow{flex-direction:column;flex:1;min-width:0;display:flex}.chal .left{color:var(--ink-2);text-align:right;font-size:.75em;font-weight:700;line-height:1.4}.modes{flex-direction:column;gap:.375em;display:flex}.modes button{text-align:left;background:var(--soft);font:800 .9375em var(--font);color:var(--ink);cursor:pointer;border:.1875em solid #0000;border-radius:1em;flex-direction:column;align-items:flex-start;gap:.1em;padding:.45em .75em;display:flex}.modes button.on{border-color:var(--ink);background:#fff}.modes button.chal-on{background:#f1ecff;border-color:#8a68dc}.modes button:disabled{cursor:default;opacity:.75}.modes button:disabled.on{opacity:1}.achievements{width:40em}.achievements .body{flex-direction:column;gap:.5em;max-height:34em;padding:1.125em 1.375em 1.375em;display:flex}.ach{background:var(--soft);border-radius:1.125em;align-items:center;gap:.75em;padding:.5em .75em .5em .5em;display:flex}.ach .medal{filter:grayscale();opacity:.5;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.5em;height:2.5em;display:flex}.ach .medal svg{width:1.9em;height:1.9em}.ach.got .medal{filter:none;opacity:1}.ach.new{box-shadow:0 0 0 .1875em var(--yellow);background:#fff8d8}.ach .grow{flex-direction:column;flex:1;min-width:0;display:flex}.ach .cost{flex:none;font-size:.8125em}.ach .btn{padding:.45em .875em;font-size:.875em}.ach .done{color:var(--green-d);white-space:nowrap;font-size:.8125em;font-weight:800}.ach .prog{flex:none;align-items:center;gap:.4em;width:6.5em;display:flex}.ach .prog i{background:var(--line);border-radius:.25em;flex:1;height:.5em;display:block;overflow:hidden}.ach .prog i b{background:var(--blue);height:100%;display:block}.ach .prog em{color:var(--ink-2);font-size:.75em;font-style:normal;font-weight:800}.pokedex{width:62em}.pokedex .body{grid-template-columns:1fr 15em;gap:1.25em;padding:1.125em 1.375em 1.375em;display:grid}.pokedex .left{flex-direction:column;gap:.75em;min-width:0;display:flex}.dtabs{flex-wrap:wrap;gap:.25em;display:flex}.dtabs button{font:900 .8125em var(--font);background:var(--soft-2);color:var(--ink);cursor:pointer;border:0;border-radius:1em;align-items:baseline;gap:.35em;padding:.35em .75em;display:flex}.dtabs button small{opacity:.7;font-size:.8em;font-weight:700}.dtabs button.on{background:var(--red);color:#fff}.dgrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5em;max-height:26em;margin:-.25em;padding:.25em;display:grid;overflow:auto}.dcell{background:var(--soft);font-family:var(--font);color:var(--ink);cursor:pointer;box-sizing:border-box;border:.1875em solid #0000;border-radius:1em;flex-direction:column;align-items:center;gap:.2em;min-height:5.6em;padding:1em .25em .375em;display:flex;position:relative}.dcell .no{color:var(--mute);font-size:.5625em;font-weight:800;position:absolute;top:.3em;left:.5em}.dcell img{border-radius:50%;width:3em;height:3em}.dcell .n{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6875em;font-weight:800;overflow:hidden}.dcell.seen img{filter:brightness(0);opacity:.45}.dcell.seen .n{color:var(--mute)}.dcell.own{box-shadow:inset 0 0 0 .125em var(--line);background:#fff}.dcell.sel{border-color:var(--blue)}.dcell.none{cursor:default;justify-content:center}.dcell .q{color:#c3c8d4;font-size:1.5em;font-weight:900}.ddet{background:var(--soft);text-align:center;border-radius:1.375em;flex-direction:column;align-items:center;gap:.5em;padding:1.125em;display:flex}.ddet .big{background:#fff;border-radius:50%;width:8em;height:8em;overflow:hidden}.ddet .big img{width:100%;height:100%}.ddet b{font-size:1.375em;font-style:italic;font-weight:900}.ddet .types{flex-wrap:wrap;justify-content:center;gap:.375em;display:flex}.ddet .state{color:var(--ink-2);background:#fff;border-radius:.875em;padding:.4em .7em;font-size:.8125em;font-weight:700}.ddet .state.own{color:var(--green-d)}.touch-only{display:none}.hud.touch .touch-only{display:revert}.hud.touch .k-only,.hud.touch .skill .key,.hud.touch .tile .k{display:none}.hud.touch .controls.touch-only{display:grid}.hud.touch .tpad,.hud.touch .tmenu{display:flex}.hud.touch .tprompt b{display:none}.hud.touch .tprompt{padding:.5em 1em;font-size:1em}.stick-zone{pointer-events:auto;touch-action:none;width:45%;display:none;position:absolute;top:7.5em;bottom:0;left:0}.hud.touch .stick-zone{display:block}.hud[data-mode=town] .stick-zone{width:38%;height:55%;top:auto}:is(.hud:has(.tmodal:not([hidden])) .stick-zone,.hud:has(#authBox:not([hidden])) .stick-zone,.hud:has(.modal:not([hidden])) .stick-zone){display:none}.stick{opacity:.55;background:#ffffff24;border-radius:50%;width:7em;height:7em;margin:-3.5em 0 0 -3.5em;transition:opacity .15s;position:absolute;top:calc(100% - 5em);left:7em;box-shadow:inset 0 0 0 .25em #ffffff59}.stick:not(.on){top:calc(100% - 5em)!important;left:7em!important}.stick.on{opacity:1}.stick i{background:#fff;border-radius:50%;width:3em;height:3em;margin:-1.5em 0 0 -1.5em;position:absolute;top:50%;left:50%;box-shadow:0 .25em #14182859}.hud.touch .slots{gap:1.5em;bottom:2.25em;left:auto;right:2.5em;transform:none}.hud.touch .skill{touch-action:none;width:6.25em;height:6.25em}.hud.touch .skill.dodge{width:4.75em;height:4.75em}.hud.touch .slots #s2{margin-bottom:4.5em}.hud.touch .skill.aiming{box-shadow:0 0 0 .3em #fff,0 .3125em #1418284d}.rotate{z-index:10;color:#fff;pointer-events:auto;background:#0d1316;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:20px;font-weight:900;display:none;position:fixed;inset:0}.rotate svg{width:72px;height:72px}@media (orientation:portrait){.hud.touch .rotate{display:flex}}.placecancel{pointer-events:auto;position:absolute;bottom:1.5em;left:50%;transform:translate(-50%);box-shadow:0 .25em #1418284d}.learn{width:25em;box-shadow:var(--shadow);pointer-events:auto;animation:rise .3s var(--pop);background:#fff;border-radius:1.25em;padding:.75em .875em .875em;position:absolute;bottom:7.2em;left:50%;overflow:hidden;transform:translate(-50%)}.learn .lt{align-items:center;gap:.625em;display:flex}.learn .lt .por{background:var(--soft);border-radius:50%;flex:none;width:2.5em;height:2.5em;overflow:hidden}.learn .lt .por img{width:100%;height:100%;image-rendering:pixelated}.learn .lt b{font-size:.9375em;font-weight:900;line-height:1.2}.learn .lt b em{color:var(--lc,var(--red));font-style:normal}.learn .lmv{background:var(--soft);color:var(--ink-2);border-radius:.875em;align-items:center;gap:.5em;margin:.5em 0 .625em;padding:.375em .625em;font-size:.8125em;font-weight:700;display:flex}.learn .lmv .ic{background:var(--lc,var(--yellow));border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.75em;height:1.75em;display:flex}.learn .lmv .ic svg{width:64%;height:64%}.learn .lacts{grid-template-columns:1fr 1fr auto;gap:.5em;display:grid}.learn button{font:800 .8125em var(--font);cursor:pointer;background:var(--soft-2);color:var(--ink);text-align:left;touch-action:manipulation;border:0;border-radius:.75em;align-items:center;gap:.4em;padding:.5em .625em;line-height:1.15;display:flex}.learn button:hover{background:#fff1c6}.learn button .k{background:var(--ink);color:#fff;border-radius:.45em;flex:none;padding:.1em .4em;font-size:.875em;font-weight:900}.learn button.no{color:var(--mute)}.learn .ltime{background:var(--lc,var(--yellow));transform-origin:0;width:100%;height:.25em;animation:linear forwards learntime;position:absolute;bottom:0;left:0}@keyframes learntime{to{transform:scaleX(0)}}.hud.touch .learn{top:6.5em;bottom:auto}.hud.touch .learn .k{display:none}.guide{z-index:6;pointer-events:none;align-items:flex-end;gap:.625em;max-width:26em;display:flex;position:absolute;bottom:1.5em;left:1.25em}.guide.pop{animation:rise .35s var(--pop)}.guide .lamp{background:radial-gradient(circle at 50% 45%,#ffe7a3 0,#f7b84a 38%,#6b3fa0 72%,#2d1b4e 100%);border-radius:50%;flex:none;justify-content:center;align-items:center;width:4.25em;height:4.25em;animation:2.6s ease-in-out infinite lampglow;display:flex;overflow:hidden;box-shadow:0 0 0 .1875em #fff,0 .3125em #14182859,0 0 1.5em .25em #ffbe5a8c}.guide .lamp img{width:88%;height:88%;image-rendering:pixelated}.guide .say{box-shadow:var(--shadow);color:var(--ink);pointer-events:auto;background:#fff;border-radius:1.125em 1.125em 1.125em .25em;padding:.625em .875em .75em}.guide .who{letter-spacing:.08em;text-transform:uppercase;color:#6b3fa0;font-size:.6875em;font-weight:900}.guide p{margin:.2em 0 0;font-size:.875em;font-weight:700;line-height:1.35}.guide p b{color:var(--ink);background:#fff1c6;border-radius:.35em;padding:0 .3em}.guide .acts{justify-content:flex-end;align-items:center;gap:.625em;margin-top:.5em;display:flex}.guide .acts .btn{font-size:.875em}.guide .skip{font:800 .75em var(--font);color:var(--mute);cursor:pointer;background:0 0;border:0;margin-right:auto;padding:.25em;text-decoration:underline}@keyframes lampglow{50%{box-shadow:0 0 0 .1875em #fff,0 .3125em #14182859,0 0 2.2em .5em #ffbe5abf}}.tile.guide-on .ic,.expbtn.guide-on,.hud[data-guide=assign] #bPop .w.add,.hud[data-guide=assign] #bPop .free button{animation:1.4s ease-in-out infinite guidering}@keyframes guidering{0%,to{outline-offset:.15em;outline:.25em solid #ffcb5af2}50%{outline-offset:.7em;outline:.25em solid #ffcb5a00}}.hud[data-mode=dungeon] .guide{max-width:22em;bottom:6.5em}.hud.touch[data-mode=dungeon] .guide{top:6.5em;bottom:auto;left:50%;transform:translate(-50%)}.hud.touch[data-mode=dungeon] .guide.pop{animation:.35s fadein}.hud:has(#authBox:not([hidden])) .guide{display:none}.devfloors{flex-wrap:wrap;gap:.375em;margin-bottom:.25em;display:flex}.devfloors button{font:800 .8125em var(--font);background:var(--soft-2);min-width:2.4em;color:var(--ink);cursor:pointer;border:0;border-radius:.625em;padding:.35em .5em}.devfloors button.on{background:var(--ink);color:#fff}