#ui>.ax{pointer-events:none;z-index:10;--u:clamp(12px, calc(.95vmin + 5.5px), 26px);--gap:calc(var(--u) * .9);--panel:#0a141e8c;--panel-strong:#0a141eb8;--edge:#ffffff1a;--muted:#ffffffb8;--green:#4ade5a;--red:#ff4f4f;--gold:#ffd23f;--blue:#40b8ff;--lava:#ff7a1f;--ts:0 .08em 0 #0000004d, 0 0 .4em #00000047;--side-w:calc(var(--u) * 16);--kf-w:min(calc(var(--u) * 20), 26vw);--lb-w:calc(var(--u) * 15.5);--top-side:max(var(--kf-w), var(--lb-w));font-family:Fredoka,ui-rounded,Segoe UI Rounded,Segoe UI,system-ui,sans-serif;font-size:var(--u);color:#fff;text-shadow:var(--ts);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.2;position:fixed;inset:0;overflow:hidden}#ui>.ax.lb-compact{--lb-w:calc(var(--u) * 13)}.ax *,.ax :before,.ax :after{box-sizing:border-box}.ax button,.ax input,.ax .es-tier{pointer-events:auto}.ax:not(.st-menu) .menu button,.ax:not(.st-menu) .menu input,.ax:not(.st-menu) .menu .es-tier,.ax.picking .menu button,.ax.picking .menu input,.ax.picking .menu .es-tier,.ax .death:not(.on) button,.ax .evo-wrap:not(.open) .evo-card,.ax .spk:not(.open) button{pointer-events:none}.ax-panel{background:var(--panel);-webkit-backdrop-filter:blur(8px)saturate(1.25);backdrop-filter:blur(8px)saturate(1.25);border:1px solid var(--edge);border-radius:calc(var(--u) * .9);box-shadow:0 .35em 1.4em #0000002e,inset 0 1px #ffffff14}.ax kbd.k{color:#fff;text-align:center;min-width:1.7em;text-shadow:none;background:#ffffff29;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:.4em;padding:.08em .4em .05em;font-family:inherit;font-size:.92em;font-weight:700;line-height:1.25;display:inline-block}.ax .hud-bottom,.ax .hud-actions,.ax .leaderboard,.ax .minimap,.ax .killfeed,.ax .top-center{opacity:0;visibility:hidden;transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.25,1),visibility 0s linear .5s}.ax .hud-bottom,.ax .hud-actions{transform:translateY(calc(var(--u) * 2))}.ax .leaderboard{transform:translateX(calc(var(--u) * 2))}.ax .minimap,.ax .killfeed{transform:translateX(calc(var(--u) * -2))}.ax.st-playing .hud-bottom,.ax.st-playing .hud-actions,.ax.st-playing .top-center,.ax.st-playing .leaderboard,.ax.st-playing .minimap,.ax.st-playing .killfeed,.ax.st-dead .leaderboard,.ax.st-dead .minimap,.ax.st-dead .killfeed{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ax.st-dead .leaderboard,.ax.st-dead .minimap{opacity:.85}.ax.picking .leaderboard,.ax.picking .minimap,.ax.picking .killfeed{opacity:0;visibility:hidden;transition-delay:0s,0s,.5s}.ax.picking .leaderboard{transform:translateX(calc(var(--u) * 2))}.ax.picking .minimap,.ax.picking .killfeed{transform:translateX(calc(var(--u) * -2))}.ax.st-playing.hide-lb .leaderboard,.ax.st-playing.hide-kf .killfeed{opacity:0;visibility:hidden;transition-delay:0s,0s,.4s}.ax.st-playing.hide-lb .leaderboard{transform:translateX(calc(var(--u) * 2))}.ax.st-playing.hide-kf .killfeed{transform:translateX(calc(var(--u) * -2))}.corner{top:var(--gap);left:var(--gap);z-index:20;align-items:center;gap:.5em;display:flex;position:absolute}.icon-btn{width:calc(var(--u) * 2.3);height:calc(var(--u) * 2.3);border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:inherit;font-size:calc(var(--u) * 1.05);cursor:pointer;border-radius:.7em;outline:none;place-items:center;padding:0;line-height:1;transition:transform .14s,background .2s;display:grid}.icon-btn:hover{background:#0a141eb8;transform:scale(1.08)}.icon-btn:active{transform:scale(.94)}.icon-btn.muted{opacity:.8}.fps{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72em;font-weight:600;display:none}.fps.on{display:block}.menu{z-index:15;isolation:isolate;padding-bottom:calc(var(--u) * 6.5);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.25,1),visibility 0s linear .6s;display:flex;position:absolute;inset:0;transform:scale(1.03)}.ax.st-menu .menu{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ax.st-menu.picking .menu{opacity:0;visibility:hidden;transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.25,1),visibility 0s linear .5s;transform:scale(.97)}.menu-shade{z-index:-1;background:radial-gradient(60% 55% at 50% 42%,#08162447,#08162400 70%),radial-gradient(120% 90%,#08162400 45%,#0816248c 100%);position:absolute;inset:0}.menu-main{align-items:center;gap:calc(var(--u) * .85);flex-direction:column;display:flex}.logo{font-size:calc(var(--u) * 5.4);letter-spacing:.01em;text-shadow:none;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .28em;font-weight:700;line-height:1.02;animation:.9s cubic-bezier(.2,1.4,.35,1) both logoIn;display:flex}.logo-word{filter:drop-shadow(0 .055em #16344af2)drop-shadow(0 .12em .08em #0000004d);display:flex}.logo-word span{color:#0000;background:linear-gradient(#fff9c4 0%,#ffd23f 48%,#ff9a2e 100%);text-shadow:none;animation:2.8s ease-in-out infinite letterBob;animation-delay:calc(var(--i) * -.14s);-webkit-background-clip:text;background-clip:text;display:inline-block}.logo-island span{background:linear-gradient(#e4ffc2 0%,#74e46c 48%,#1fb58a 100%);-webkit-background-clip:text;background-clip:text}.logo-parade{font-size:calc(var(--u) * 1.7);margin-top:calc(var(--u) * -.2);text-shadow:none;filter:drop-shadow(0 .08em .06em #0000004d);gap:.35em;line-height:1;display:flex}.logo-parade span{animation:1.8s ease-in-out infinite paradeHop;animation-delay:calc(var(--i) * .12s);display:inline-block}.tagline{font-size:calc(var(--u) * 1.45);letter-spacing:.02em;font-weight:600}.tg-eat{color:#9dff8a}.tg-evolve{color:#ffe066}.tg-rule{color:#fff}.play-card{z-index:2;border-radius:calc(var(--u) * 1.2);max-width:96vw;margin-top:calc(var(--u) * .3);flex-direction:column;align-items:stretch;padding:.6em;display:flex;position:relative}.server-pick{justify-content:center;margin-top:.5em;display:flex;position:relative}.server-btn,.server-row{color:#fff;font-family:inherit;font-size:calc(var(--u) * .92);cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;align-items:center;gap:.5em;padding:.35em .8em;font-weight:600;transition:background .15s;display:flex}.server-btn:hover,.server-row:hover{background:#fff3}.server-dot{background:#5be36a;border-radius:50%;width:.55em;height:.55em;animation:1.8s ease-in-out infinite onlineDot;box-shadow:0 0 .5em #5be36ae6}@keyframes onlineDot{50%{opacity:.45}}.server-status{color:#ffffffb3;font-weight:500}.server-caret{opacity:.7;transition:transform .2s}.server-pick.open .server-caret{transform:rotate(180deg)}.server-list{border-radius:calc(var(--u) * .9);z-index:5;flex-direction:column;gap:.3em;min-width:100%;padding:.5em;display:none;position:absolute;top:calc(100% + .4em);left:50%;transform:translate(-50%)}.server-pick.open .server-list{display:flex}.server-row{border-radius:calc(var(--u) * .6);white-space:nowrap;justify-content:space-between}.server-row.current{outline:2px solid #ffd23fb3}.play-row{align-items:stretch;gap:.6em;display:flex}.name-input{min-width:0;width:calc(var(--u) * 15);height:calc(var(--u) * 3.4);border-radius:calc(var(--u) * .9);color:#1f2d3a;font-family:inherit;font-size:calc(var(--u) * 1.15);text-shadow:none;-webkit-user-select:text;user-select:text;background:#ffffffed;border:2px solid #ffffff59;outline:none;flex:0 auto;padding:0 1em;font-weight:600;transition:border-color .2s,box-shadow .2s}.name-input::placeholder{color:#1f2d3a73}.name-input:focus{border-color:var(--gold);box-shadow:0 0 0 .22em #ffd23f59}.play-btn{height:calc(var(--u) * 3.4);border-radius:calc(var(--u) * .9);font-family:inherit;font-size:calc(var(--u) * 1.5);letter-spacing:.04em;color:#fff;text-shadow:0 .07em #005a148c;cursor:pointer;background:linear-gradient(#7cef72 0%,#3fcf52 55%,#2bb446 100%);border:none;outline:none;justify-content:center;align-items:center;gap:.45em;padding:0 1.3em;font-weight:700;transition:transform .12s,box-shadow .12s,filter .15s;animation:2.4s ease-in-out infinite playPulse;display:inline-flex;box-shadow:0 .2em #1d8a33,0 .45em 1.1em #00000040,inset 0 .08em #ffffff73}.play-btn:hover{filter:brightness(1.07);transform:translateY(-.06em)scale(1.04)}.play-btn:active{animation:none;transform:translateY(.14em)scale(.99);box-shadow:0 .06em #1d8a33,0 .2em .6em #00000040,inset 0 .08em #ffffff73}.play-arrow{font-size:.7em;transform:translateY(-.04em)}.howto{width:min(calc(var(--u) * 36), 94vw);padding:.75em 1.1em .85em}.howto-title{letter-spacing:.12em;text-transform:uppercase;color:#ffe27a;margin-bottom:.5em;font-size:.78em;font-weight:700}.howto-list{grid-template-columns:1fr 1fr;gap:.45em 1.3em;margin:0;padding:0;font-size:.88em;list-style:none;display:grid}.howto-list li{align-items:center;gap:.5em;min-width:0;display:flex}.howto-list .hi{text-align:center;width:1.5em;text-shadow:none;flex:none}.howto-list b{color:#ffe27a;font-weight:700}.howto-list li.wide{grid-column:1/-1}.tailspot{vertical-align:-.1em;background:#ffd23f73;border:.14em solid #ffd23f;border-radius:50%;width:.85em;height:.85em;margin-left:.35em;animation:1.2s ease-in-out infinite tailPulse;display:inline-block;box-shadow:0 0 .5em #ffd23fe6}.evo-strip{left:50%;bottom:calc(var(--u) * 2.1);flex-direction:column;align-items:center;gap:.2em;max-width:96vw;padding:.35em .9em .4em;display:flex;position:absolute;transform:translate(-50%)}.es-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.62em;font-weight:700}.es-row{align-items:flex-end;gap:.28em;display:flex}.es-tier{cursor:default;flex-direction:column;align-items:center;gap:.1em;display:flex}.es-animals{min-height:calc(var(--u) * 2.8);font-size:calc(var(--u) * 1.25);text-shadow:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;place-items:center;column-gap:.1em;line-height:1.12;display:grid}.es-animal:only-child{grid-row:span 2}.es-animal{transition:transform .18s cubic-bezier(.2,1.6,.4,1);display:inline-block}.es-tier:hover .es-animal{transform:scale(1.3)translateY(-.08em)}.es-num{color:var(--muted);font-size:.6em;font-weight:700}.es-tier.apex .es-animals{filter:drop-shadow(0 0 .3em #ff963c99)}.es-tier.king .es-animals{font-size:calc(var(--u) * 1.6);filter:drop-shadow(0 0 .35em #ffd23ff2)}.es-tier.king .es-num{font-size:.8em}.es-arrow{color:#ffffff59;align-self:center;margin-bottom:.7em;font-size:.8em}.menu-foot{left:0;right:0;bottom:calc(var(--u) * .6);text-align:center;color:#fff9;font-size:.68em;position:absolute}@media (max-height:640px){.evo-strip,.menu-foot{display:none}.menu{padding-bottom:0}}.hud-bottom{left:0;right:0;bottom:var(--gap);width:min(calc(var(--u) * 31), calc(100% - 2 * (var(--side-w) + var(--gap) * 2)));align-items:stretch;gap:calc(var(--u) * .42);flex-direction:column;margin:0 auto;display:flex;position:absolute}.hud-status{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.35em;min-height:1.7em;display:flex}.chip{background:var(--panel-strong);white-space:nowrap;border:1.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35em;padding:.18em .7em .18em .55em;font-size:.8em;font-weight:600;animation:.3s cubic-bezier(.2,1.5,.4,1) both chipIn;display:inline-flex}.chip-i{text-shadow:none}.chip-bad{background:#781414b8;border-color:#ff6e6ed9}.chip-warn{background:#6e4808b8;border-color:#ffc850d9}.chip-good{background:#145a28b3;border-color:#78f08ccc}.chip-info{background:#10325ab3;border-color:#8cc8ffb3}.chip-gold{color:#fff3c4;background:#6e4c00c7;border-color:#ffd65ae6}.hud-row{gap:calc(var(--u) * .5);display:flex}.hud-row .bar{flex:1 1 0;min-width:0}.bar{height:calc(var(--u) * 1.65);background:#0810189e;border:2px solid #ffffff29;border-radius:999px;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 .25em .8em #00000038,inset 0 .15em .3em #00000059}.bar-track{border-radius:999px;position:absolute;inset:2px;overflow:hidden}.bar-fill,.bar-chip{will-change:transform;border-radius:999px;position:absolute;inset:0;transform:translate(-100%)}.bar-chip{background:#fff4d6d9}.bar-gloss{pointer-events:none;background:linear-gradient(#ffffff6b,#fff0);border-radius:999px;height:34%;position:absolute;top:10%;left:.5em;right:.5em}.bar-label{letter-spacing:.02em;white-space:nowrap;text-shadow:0 .08em #00000073,0 0 .35em #00000073;justify-content:space-between;align-items:center;gap:.5em;padding:0 .75em;font-size:.8em;font-weight:600;display:flex;position:absolute;inset:0}.bar-l,.bar-r{text-overflow:ellipsis;overflow:hidden}.bar-r{font-variant-numeric:tabular-nums}.bar-hp .bar-fill{background:linear-gradient(90deg,#36c54d,#74ec6c)}.bar-hp.mid .bar-fill{background:linear-gradient(90deg,#e7a21a,#ffd84f)}.bar-hp.low .bar-fill{background:linear-gradient(90deg,#d8262b,#ff6a5a)}.bar-hp.low{border-color:#ff5a5acc;animation:.9s ease-in-out infinite barAlarm}.bar-meter .bar-fill{background:linear-gradient(90deg,#1f86e0,#6fd3ff)}.bar-meter.lava .bar-fill{background:linear-gradient(90deg,#e2401a,#ffb24a)}.bar-meter.low{animation:.9s ease-in-out infinite barAlarm}.bar-meter.empty .bar-label{color:#ffb4b4}.bar-xp{height:calc(var(--u) * 2.15)}.bar-xp .bar-fill{background:linear-gradient(90deg,#6a5cff,#b18bff 60%,#e0a6ff)}.bar-xp .bar-label{padding:0 .95em;font-size:.9em}.bar-xp.ready{border-color:#ffe26ef2;animation:1.1s ease-in-out infinite xpReady}.bar-xp.ready .bar-fill{background:linear-gradient(90deg,#ffb52e,#ffe46b)}.bar-xp.max .bar-fill{background:linear-gradient(90deg,#e8a200,#ffd23f 40%,#fff3a6 55%,#ffd23f 70%,#e8a200) 0 0/200% 100%;animation:3s linear infinite goldShine}.bar-xp.max{border-color:#ffd23fbf;box-shadow:0 0 1em #ffc82859,inset 0 .15em .3em #00000059}.bar-xp.max .bar-label{color:#fffbe6}.bar-xp.heir{border-color:#ffd65ae6;box-shadow:0 0 .9em #ffc8284d,inset 0 .15em .3em #00000059}.bar-xp.heir .bar-fill{background:linear-gradient(90deg,#ff9a2e,#ffc94a 60%,#ffe27a)}.bar-xp.heir .bar-r{color:#fff3c4;font-weight:700}.hud-actions{right:var(--gap);bottom:var(--gap);width:var(--side-w);align-items:flex-end;gap:calc(var(--u) * .6);flex-direction:column;display:flex;position:absolute}.act{justify-content:flex-end;align-items:center;gap:.65em;max-width:100%;display:flex}.act-text{text-align:right;flex-direction:column;flex:0 auto;align-items:flex-end;gap:.18em;min-width:0;display:flex}.act-name{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.1em;font-weight:700;overflow:hidden}.act-boost .act-name{font-size:.9em}.act-desc{max-height:3.8em;color:var(--muted);font-size:.74em;line-height:1.25;transition:opacity .6s,max-height .6s;overflow:hidden}.act-desc.hide{opacity:0;max-height:0}.act-keys{color:var(--muted);align-items:center;gap:.25em;font-size:.7em;display:flex}.act-cost{color:#9fdcff;margin-left:.3em;font-weight:700}.act-circle{isolation:isolate;width:calc(var(--u) * 5.4);height:calc(var(--u) * 5.4);border:calc(var(--u) * .22) solid #ffffff38;background:radial-gradient(circle at 35% 28%,#43627c 0%,#1a2835 68%);border-radius:50%;flex:none;place-items:center;transition:border-color .25s,box-shadow .3s;display:grid;position:relative;box-shadow:0 .35em 1em #0000004d,inset 0 -.3em .6em #00000059}.act-circle.act-small{width:calc(var(--u) * 3.1);height:calc(var(--u) * 3.1);border-width:calc(var(--u) * .16);margin-right:calc(var(--u) * 1.15)}.act-icon{z-index:1;font-size:calc(var(--u) * 2.6);text-shadow:none;filter:drop-shadow(0 .06em #00000059);line-height:1;transition:filter .3s,transform .3s cubic-bezier(.2,1.5,.4,1),opacity .3s;position:relative}.act-small .act-icon{font-size:calc(var(--u) * 1.45)}.act-cd{z-index:2;background:conic-gradient(transparent calc((1 - var(--p,0)) * 360deg), #040a10b8 0deg);pointer-events:none;border-radius:50%;position:absolute;inset:0}.act-secs{z-index:3;font-size:calc(var(--u) * 1.65);font-variant-numeric:tabular-nums;text-shadow:0 .08em #0009,0 0 .4em #0009;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.act-burst{opacity:0;pointer-events:none;border:.2em solid #ffe066;border-radius:50%;position:absolute;inset:-.2em}.act:not(.ready) .act-icon{filter:grayscale(.55)brightness(.8);transform:scale(.9)}.act-ability.ready .act-circle{border-color:#ffe26ef2;animation:1.8s ease-in-out infinite abGlow}.act-ability.active .act-circle{border-color:#7df9ff;animation:none;box-shadow:0 0 0 .15em #7df9ff59,0 0 1.6em #7df9ffbf,inset 0 -.3em .6em #00000059}.act-ability.active .act-icon{filter:none;transform:scale(1.08)}.act-ability.blocked .act-icon{opacity:.55}.act-ability2{display:none}.act-ability2.shown{display:flex}.act-ability2.alt{opacity:.45;filter:grayscale(.6)}.act-ability2.ready .act-circle{box-shadow:0 0 0 2px #ffaa3cd9,0 0 18px #ff8c2873}.act-boost.ready .act-circle{border-color:#a0e1ffd9}.act-boost.active .act-circle{border-color:#fff;box-shadow:0 0 1.1em #a0e1ffcc,inset 0 -.3em .6em #00000059}.act-boost.active .act-icon{filter:none;transform:scale(1.12)translate(.08em)}.act-boost.empty .act-circle{border-color:#ff6e6e99}.act-boost.empty .act-cost{color:#ff9a9a}.act-dive{display:none}.act-dive.shown{display:flex}.act-dive .act-name{font-size:.9em}.act-dive:not(.ready):not(.active) .act-icon{opacity:.5}.act-dive.ready .act-circle{border-color:#a0e1ffd9}.act-dive.active .act-circle{background:#1e6ec88c;border-color:#fff;box-shadow:0 0 1.1em #78c8ffcc}.leaderboard{top:var(--gap);right:var(--gap);width:var(--lb-w);padding:.55em .45em .45em;position:absolute}.lb-title{justify-content:space-between;align-items:baseline;padding:0 .4em .35em;font-size:.92em;font-weight:700;display:flex}.lb-count{color:var(--muted);font-size:.72em;font-weight:500}.lb-list{flex-direction:column;gap:.08em;display:flex}.lb-row{border-radius:.5em;grid-template-columns:1.6em 1.45em minmax(0,1fr) auto;align-items:center;gap:.28em;height:1.62em;padding:0 .4em;font-size:.84em;transition:background .3s;display:grid}.lb-row.off{display:none}.lb-rank{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.lb-row.r1 .lb-rank{color:#ffd23f}.lb-row.r2 .lb-rank{color:#dfe8f0}.lb-row.r3 .lb-rank{color:#f2ad72}.lb-row.r1 .lb-name{font-weight:700}.lb-icon{text-align:center;text-shadow:none}.lb-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-xp{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.lb-row.king{background:linear-gradient(90deg,#ffb41e4d,#ffb41e0d)}.lb-row.king .lb-name{color:#ffe27a;font-weight:700}.lb-row.king .lb-name:before{content:"👑";text-shadow:none;margin-right:.2em}.lb-row.me{background:linear-gradient(90deg,#ffd23f61,#ffd23f1a);box-shadow:inset 0 0 0 1px #ffd23f73}.lb-row.me .lb-name,.lb-row.me .lb-xp{color:#fff1b0;font-weight:700}.lb-sep{text-align:center;letter-spacing:.25em;color:var(--muted);font-size:.6em;line-height:1.2}.lb-sep.off{display:none}.ax.lb-compact .leaderboard{padding:.45em .35em .35em}.ax.lb-compact .lb-title{padding-bottom:.25em;font-size:.84em}.ax.lb-compact .lb-row{height:1.55em;font-size:.78em}.minimap{left:var(--gap);bottom:var(--gap);padding:calc(var(--u) * .32);border-radius:calc(var(--u) * 1.1);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a141e9e;position:absolute}.mm-canvas{width:calc(var(--u) * 11.5);height:calc(var(--u) * 11.5);border-radius:calc(var(--u) * .8);display:block}.mm-north{top:calc(var(--u) * .45);color:#ffffffd9;font-size:.62em;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.killfeed{top:calc(var(--gap) + var(--u) * 2.9);left:var(--gap);width:var(--kf-w);flex-direction:column;align-items:flex-start;gap:.28em;display:flex;position:absolute}.kf{background:var(--panel);border:1px solid var(--edge);white-space:nowrap;text-overflow:ellipsis;border-radius:.7em;max-width:100%;padding:.26em .7em;font-size:.8em;animation:.4s cubic-bezier(.2,1.4,.4,1) both kfIn;overflow:hidden}.kf.out{animation:.6s forwards kfOut}.kf-who{font-weight:700}.kf-verb{color:var(--muted)}.kf-you{color:#ffe066}.kf.kf-mine{background:#186e30ad;border-color:#78f08c8c}.kf.kf-dead{background:#821a1ab3;border-color:#ff78788c}.kf.kf-king{background:linear-gradient(90deg,#966600d9,#604000bf);border-color:#ffd65ad9;box-shadow:0 0 .8em #ffc8284d}.kf.kf-king.kf-mine{border-color:#8cff96e6}.kf.kf-king.kf-dead{border-color:#ff7878e6}.kf-crown{color:#ffe27a}.top-center{top:var(--gap);z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;left:0;right:0}.toasts{width:min(calc(var(--u) * 44), calc(100vw - 2 * (var(--top-side) + var(--gap) * 2)));margin-top:calc(var(--u) * 2.6);flex-direction:column;align-items:center;gap:.4em;transition:margin-top .45s cubic-bezier(.2,.9,.25,1);display:flex}.top-center.evo-open .toasts,.top-center .kb-wrap.on+.toasts{margin-top:0}.kb-wrap{width:min(calc(var(--u) * 44), calc(100vw - 2 * (var(--top-side) + var(--gap) * 2)));grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.9,.25,1);display:grid}.kb-wrap.on{grid-template-rows:1fr}.kb-inner{justify-content:center;min-height:0;padding:0 .8em;display:flex;overflow:hidden}.kb{border-radius:calc(var(--u) * 1.3);opacity:0;background:linear-gradient(#4a3200db,#1e1400db);border:2px solid #ffd65ad9;align-items:center;gap:.5em;min-width:0;max-width:100%;margin:.3em 0 .7em;padding:.4em 1.2em .45em .8em;transition:opacity .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 .3em .8em #0000004d,0 0 .7em #ffbe2873,inset 0 1px #ffffff2e}.kb-wrap.on .kb{opacity:1}.kb-icon{text-shadow:none;filter:drop-shadow(0 .06em #5a3200cc)drop-shadow(0 0 .25em #ffd23fcc);flex:none;font-size:2.1em;line-height:1;animation:1.6s ease-in-out infinite crownBob}.kb-text{flex-direction:column;gap:.05em;min-width:0;display:flex}.kb-title{letter-spacing:.01em;text-wrap:balance;color:#0000;background:linear-gradient(#fffbd0,#ffd23f 55%,#ffa92e);text-shadow:none;filter:drop-shadow(0 .07em #6e3c00d9);-webkit-background-clip:text;background-clip:text;font-size:1.4em;font-weight:700;line-height:1.1}.kb-sub{color:#fff3c4;white-space:nowrap;text-overflow:ellipsis;font-size:.8em;font-weight:600;overflow:hidden}.kb-fell{background:linear-gradient(#541a08e0,#220a04e0);border-color:#ff9650d9;box-shadow:0 .3em .8em #0000004d,0 0 .7em #ff6e2866,inset 0 1px #ffffff24}.kb-fell .kb-icon{animation:.9s cubic-bezier(.3,1.4,.5,1) both crownFall}.kb-mine{border-color:#fff3a6;box-shadow:0 .3em .8em #0000004d,0 0 1.4em #ffd23fcc,inset 0 1px #ffffff40}.kb-crowned.kb-mine:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0 30%,#fff8d280 50%,#fff0 70%);animation:1.3s ease-in-out .35s 2 kbShine;position:absolute;inset:0;transform:translate(-100%)}.toast{background:var(--panel-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;border:2px solid #ffffff29;border-radius:999px;max-width:100%;padding:.42em 1.15em;font-size:1em;font-weight:600;animation:.45s cubic-bezier(.2,1.5,.4,1) both toastIn;box-shadow:0 .35em 1em #0003}.top-center.evo-open .toast{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast.leave{animation:.35s forwards toastOut}.toast-good{background:#16642cc7;border-color:#78f08cbf}.toast-warn{background:#785008c7;border-color:#ffcd5ad9}.toast-bad{background:#821a1acc;border-color:#ff6e6ed9}.evo-wrap{width:min(calc(var(--u) * 50), calc(100vw - 2 * (var(--u) * 2.3 + var(--gap) * 2)));grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.9,.25,1);display:grid}.evo-wrap.open{grid-template-rows:1fr}.evo-wrap{container:evo/inline-size}.evo-wrap.many{width:min(calc(var(--u) * 78), calc(100vw - 2 * (var(--u) * 2.3 + var(--gap) * 2)))}.evo-wrap.many .evo-cards{flex-wrap:wrap;gap:.4em}.evo-wrap.many .evo-card{flex:1 1 calc(var(--u) * 9.5);max-width:calc(var(--u) * 16);gap:.45em;padding:.4em .5em .4em .4em}.evo-wrap.many .evo-icon{width:calc(var(--u) * 2.5);height:calc(var(--u) * 2.5)}.evo-wrap.many .evo-icon span{font-size:calc(var(--u) * 1.5)}.evo-wrap.many .evo-top{flex-wrap:wrap;row-gap:.15em}.evo-wrap.many .evo-name{font-size:.98em}.evo-wrap.many .evo-ab-desc{display:none}@container evo (width>=74em){.evo-wrap.many .evo-card{gap:.55em;padding:.45em .6em .45em .5em}.evo-wrap.many .evo-icon{width:calc(var(--u) * 3);height:calc(var(--u) * 3)}.evo-wrap.many .evo-icon span{font-size:calc(var(--u) * 1.8)}.evo-wrap.many .evo-name{font-size:1.05em}.evo-wrap.many .evo-ab-desc{display:-webkit-box}}.evo-inner{justify-content:center;min-height:0;padding:0 .6em;display:flex;overflow:hidden}.evo-panel{border-radius:calc(var(--u) * 1.1);opacity:0;background:#0a141e9e;flex-direction:column;gap:.4em;min-width:0;max-width:100%;margin:0 0 .5em;padding:.45em .6em .7em;transition:opacity .3s,transform .45s cubic-bezier(.2,1.3,.35,1);display:flex;position:relative;transform:translateY(-1em)scale(.97)}.evo-wrap.open .evo-panel{opacity:1;transform:none}.evo-head{white-space:nowrap;align-items:baseline;gap:.55em;padding:0 .25em;display:flex}.evo-title{letter-spacing:.02em;color:#0000;background:linear-gradient(#fffbd0,#ffd23f 55%,#ffa92e);text-shadow:none;filter:drop-shadow(0 .07em #6e3c00bf);-webkit-background-clip:text;background-clip:text;font-size:1.15em;font-weight:700}.evo-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.7em;font-weight:600}.evo-hint{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.7em}.evo-cards{justify-content:center;gap:.45em;display:flex}.evo-card{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;min-width:0;max-width:calc(var(--u) * 17);border-radius:calc(var(--u) * .85);text-align:left;color:#fff;text-shadow:var(--ts);animation:.5s cubic-bezier(.2,1.4,.35,1) backwards cardIn;animation-delay:calc(var(--i) * 70ms + 60ms);background:linear-gradient(#ffffff24,#ffffff08),#0c1824c7;border:2px solid #ffffff29;flex:1 1 0;align-items:center;gap:.55em;padding:.45em .6em .45em .5em;font-family:inherit;line-height:1.2;transition:transform .18s cubic-bezier(.2,1.5,.4,1),border-color .18s,box-shadow .18s,opacity .3s;display:flex;position:relative;box-shadow:0 .3em .9em #00000042}.evo-card:hover{border-color:var(--c);box-shadow:0 0 0 .1em var(--cg), 0 .45em 1.2em #0000004d, 0 0 1.1em var(--cg);transform:translateY(-.12em)scale(1.03)}.evo-card:active{transform:scale(.98)}.evo-card.picked{box-shadow:0 0 0 .12em #fff, 0 0 1.6em var(--cg);border-color:#fff;transform:scale(1.04)}.evo-card.unpicked{opacity:.35;transform:scale(.96)}.evo-key{z-index:1;background:#14202cd9;border:1px solid #ffffff59;border-bottom-width:2px;border-radius:.4em;place-items:center;min-width:1.45em;height:1.45em;font-size:.66em;font-weight:700;line-height:1;display:grid;position:absolute;top:.3em;left:.3em}.evo-icon{width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:radial-gradient(circle at 34% 28%, #ffffff8c, #fff0 58%), var(--ic,#6a8);text-shadow:none;border:.12em solid #ffffffa6;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 -.25em .4em #00000040,0 .2em .5em #0000004d}.evo-icon span{font-size:calc(var(--u) * 1.8);filter:drop-shadow(0 .06em #0000004d);animation:2.2s ease-in-out infinite iconBob;animation-delay:calc(var(--i) * -.4s);line-height:1;display:block}.evo-body{flex-direction:column;flex:auto;gap:.12em;min-width:0;display:flex}.evo-top{align-items:center;gap:.4em;min-width:0;display:flex}.evo-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.05em;font-weight:700;line-height:1.15;overflow:hidden}.evo-hab{white-space:nowrap;background:#ffffff24;border:1px solid #fff3;border-radius:999px;flex:none;padding:.08em .5em;font-size:.6em;font-weight:600}.hab-land{background:#5aaa4666;border-color:#96e6788c}.hab-ocean{background:#1e6ec873;border-color:#6ebeff99}.hab-air{background:#96b4e659;border-color:#d2e1ff99}.hab-lava{background:#d2461480;border-color:#ff9650b3}.evo-lead{white-space:nowrap;text-overflow:ellipsis;font-size:.74em;font-weight:700;overflow:hidden}.lead-land{color:#9dff8a}.lead-ocean{color:#86d9ff}.evo-blurb{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:.68em;line-height:1.22;display:-webkit-box;overflow:hidden}.evo-ab-name{color:#ffe27a;white-space:nowrap;text-overflow:ellipsis;font-size:.74em;font-weight:700;overflow:hidden}.evo-ab-desc{-webkit-line-clamp:2;line-clamp:2;color:#dfe9f2;-webkit-box-orient:vertical;min-height:2.44em;font-size:.68em;line-height:1.22;display:-webkit-box;overflow:hidden}.evo-timer{background:#ffffff1f;border-radius:999px;height:.22em;position:absolute;bottom:.25em;left:.9em;right:.9em;overflow:hidden}.evo-timer i{transform-origin:0;background:linear-gradient(90deg,#ffd23f,#ff9a2e);border-radius:999px;width:100%;height:100%;display:block}.spk{z-index:16;isolation:isolate;justify-content:center;align-items:center;gap:calc(var(--u) * .6);padding:var(--gap) var(--gap) calc(var(--u) * 3.5);opacity:0;visibility:hidden;flex-direction:column;transition:opacity .3s,visibility 0s linear .35s;display:flex;position:absolute;inset:0}.spk.open{opacity:1;visibility:visible;transition:opacity .35s .12s,visibility linear}.spk-shade{z-index:-1;background:radial-gradient(60% 50% at 50% 46%,#0816244d,#08162400 72%),radial-gradient(120% 90%,#08162400 45%,#08162480 100%);position:absolute;inset:0}.spk .evo-panel{gap:.65em;margin:0;padding:.6em .75em .75em;font-size:1.06em;transform:translateY(.8em)scale(.95)}.spk.open .evo-panel{opacity:1;transition-delay:.12s;transform:none}.spk .evo-head{flex-wrap:wrap;row-gap:.15em}.spk .evo-title{font-size:1.3em}.spk .evo-cards{gap:.6em}.spk .evo-card{max-width:calc(var(--u) * 18.5);gap:.65em;padding:.6em .75em .6em .6em}.spk .evo-card.sel{outline-offset:3px;outline:2px solid #ffe27a8c}.spk .evo-icon{width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6)}.spk .evo-icon span{font-size:calc(var(--u) * 2.15)}.spk .evo-ab-name{margin-top:.3em}.spk-last{z-index:1;letter-spacing:.1em;text-transform:uppercase;color:#ffe27a;text-shadow:none;white-space:nowrap;background:#14202ceb;border:1px solid #ffe27a99;border-radius:999px;padding:.14em .6em .1em;font-size:.56em;font-weight:700;line-height:1.2;position:absolute;top:-.8em;right:1em}.spk-back{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;color:var(--muted);text-shadow:var(--ts);border-radius:999px;align-items:center;gap:.5em;padding:.3em .8em;font-family:inherit;font-size:.8em;font-weight:600;transition:color .15s,background .2s;display:inline-flex}.spk-back:hover{color:#fff;background:#0a141e73}.spk-back .k{font-size:.85em}@media (max-width:560px){.spk .evo-cards{flex-direction:column}.spk .evo-card{flex:none;max-width:none}}.death{z-index:12;opacity:0;visibility:hidden;background:radial-gradient(#0a121c40 0%,#0a121cb8 100%);place-items:center;transition:opacity .5s,visibility 0s linear .5s;display:grid;position:absolute;inset:0}.death.on{opacity:1;visibility:visible;transition-delay:0s}.death-panel{width:min(calc(var(--u) * 30), 92vw);text-align:center;border-radius:calc(var(--u) * 1.4);opacity:0;background:#0a141eb3;flex-direction:column;align-items:center;padding:1.1em 1.5em;transition:opacity .35s,transform .6s cubic-bezier(.2,1.5,.35,1);display:flex;transform:scale(.85)translateY(1em)}.death.on .death-panel{opacity:1;transition-delay:80ms;transform:none}.death-icon{font-size:calc(var(--u) * 3.6);text-shadow:none;filter:drop-shadow(0 .08em .08em #00000059);line-height:1;animation:2.2s ease-in-out infinite deathBob}.death-title{color:#ff8080;text-shadow:0 .07em #5a000099,0 0 .5em #00000059;margin-top:.15em;font-size:2.1em;font-weight:700}.death.on .death-title{animation:.5s .35s both titleShake}.death-sub{margin-top:.15em;font-size:1.1em;font-weight:600}.death-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;width:100%;margin:1em 0 .55em;display:grid}.stat{background:#00000040;border:1px solid #ffffff14;border-radius:.8em;padding:.55em .3em .5em;animation:.5s cubic-bezier(.2,1.4,.35,1) both statIn}.death:not(.on) .stat{animation:none}.stat:first-child{animation-delay:.25s}.stat:nth-child(2){animation-delay:.32s}.stat:nth-child(3){animation-delay:.39s}.stat:nth-child(4){animation-delay:.46s}.stat-v{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:700;overflow:hidden}.stat-l{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.1em;font-size:.66em;font-weight:600}.death-best{color:var(--muted);margin-bottom:.8em;font-size:.8em}.death-best.new{color:#5a3a00;text-shadow:none;background:linear-gradient(#fff0a0,#ffc93c);border-radius:999px;padding:.2em .8em;font-weight:700;animation:.6s cubic-bezier(.2,1.6,.4,1) .6s both bestPop}.death:not(.on) .death-best.new{animation:none}.death-go{justify-content:center;max-width:100%;display:flex}.play-again{animation:none}.death.on .play-again{animation:2.4s ease-in-out 1s infinite playPulse}.death-keys{color:var(--muted);margin-top:.55em;font-size:.75em}.death-note{color:#cfe8ff;margin-top:.7em;font-size:.8em}.death-tip{color:var(--muted);max-width:90%;margin-top:.4em;font-size:.72em}.death.back .death-title,.death.back .stat,.death.back .death-best.new{animation:none}.nameplates{position:absolute;inset:0;overflow:hidden}.np{will-change:transform;position:absolute;top:0;left:0}.np-in{white-space:nowrap;flex-direction:column;align-items:center;gap:.14em;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)}.np-name{color:#fff;text-shadow:0 1px #000000b3,0 0 .25em #000000bf,0 0 .6em #00000059;font-size:.86em;font-weight:600}.np-xp{color:#ffffffd1;text-shadow:0 1px #000000b3,0 0 .3em #000c;font-size:.66em;font-weight:600;line-height:1}.np-self .np-name{color:#ffe066;font-weight:700}.np-prey .np-name{color:#9dff9a}.np-threat .np-name{color:#ff8f8f}.np-apex .np-name{color:#ffb866}.np-hp{background:#00000080;border-radius:999px;width:3.4em;height:.32em;display:none;overflow:hidden;box-shadow:0 0 0 1px #00000040}.np-hp.on{display:block}.np-hp i{transform-origin:0;background:#e8f0f6;border-radius:999px;width:100%;height:100%;display:block}.np-self .np-hp i{background:#ffd23f}.np-prey .np-hp i{background:#5fe36a}.np-threat .np-hp i{background:#ff5a5a}.np-apex .np-hp i{background:#ff9a3a}.np-king .np-in:before{content:"👑";text-shadow:none;filter:drop-shadow(0 .06em .06em #00000073)drop-shadow(0 0 .3em #ffd23fd9);font-size:1.35em;line-height:1;animation:2s ease-in-out infinite crownBob}.np-king .np-name{color:#ffd84a;text-shadow:0 1px #502800e6,0 0 .25em #000000bf,0 0 .7em #ffbe2899;align-items:center;gap:.3em;font-size:1em;font-weight:700;display:flex}.np-king.np-threat .np-name:before,.np-king.np-prey .np-name:before,.np-king.np-apex .np-name:before{content:"";border-radius:50%;flex:none;width:.55em;height:.55em;box-shadow:0 0 0 .12em #00000080}.np-king.np-threat .np-name:before{background:#ff4f4f}.np-king.np-prey .np-name:before{background:#4ade5a}.np-king.np-apex .np-name:before{background:#ff9a3a}.np-king .np-hp i{background:#ffd23f}.vignettes{position:absolute;inset:0}.vig{opacity:0;will-change:opacity;position:absolute;inset:0}.vig-dmg{background:radial-gradient(78% 72%,#ff141400 52%,#ff18188c 100%)}.vig-hp{background:radial-gradient(72% 66%,#c8001400 48%,#be00189e 100%);transition:opacity .4s}.vig-hp.on{animation:1.15s ease-in-out infinite heartbeat}.vig-hp.crit{animation-duration:.78s}.vig-water{background:radial-gradient(78% 72%,#0078ff00 56%,#288cff80 100%);transition:opacity .5s}.vig-water.lava{background:radial-gradient(78% 72%,#ff6e0000 56%,#ff6e1480 100%)}.vig-water.on{animation:2s ease-in-out infinite meterPulse}.vig-gold{background:radial-gradient(80% 75%,#ffd23f00 42%,#ffc42880 82%,#ffec96d9 100%)}@keyframes logoIn{0%{opacity:0;transform:scale(.6)translateY(-.3em)}to{opacity:1;transform:none}}@keyframes letterBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.07em)rotate(-2deg)}}@keyframes paradeHop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.28em)rotate(-6deg)}}@keyframes playPulse{0%,to{box-shadow:0 .2em #1d8a33,0 .45em 1.1em #00000040,inset 0 .08em #ffffff73}50%{box-shadow:0 .2em #1d8a33,0 .45em 1.1em #00000040,0 0 1.2em #78ff828c,inset 0 .08em #ffffff73}}@keyframes tailPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes chipIn{0%{opacity:0;transform:translateY(.4em)scale(.8)}to{opacity:1;transform:none}}@keyframes barAlarm{0%,to{border-color:#ffffff29;box-shadow:0 .25em .8em #00000038,inset 0 .15em .3em #00000059}50%{border-color:#ff5050f2;box-shadow:0 0 1em #ff3c3ca6,inset 0 .15em .3em #00000059}}@keyframes xpReady{0%,to{box-shadow:0 .25em .8em #00000038,0 0 .4em #ffd23f4d}50%{box-shadow:0 .25em .8em #00000038,0 0 1.3em #ffd23fd9}}@keyframes goldShine{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes abGlow{0%,to{box-shadow:0 .35em 1em #0000004d,0 0 .5em #ffd23f59,inset 0 -.3em .6em #00000059}50%{box-shadow:0 .35em 1em #0000004d,0 0 1.5em #ffd23fbf,inset 0 -.3em .6em #00000059}}@keyframes kfIn{0%{opacity:0;transform:translate(-1.2em)scale(.92)}to{opacity:1;transform:none}}@keyframes kfOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-.8em)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-.6em)scale(.75)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.6em)scale(.94)}}@keyframes cardIn{0%{opacity:0;transform:translateY(-.8em)scale(.86)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes iconBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.08em)rotate(4deg)}}@keyframes deathBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-.12em)rotate(4deg)}}@keyframes titleShake{0%,to{transform:none}20%{transform:translate(-.12em)rotate(-1.5deg)}40%{transform:translate(.12em)rotate(1.5deg)}60%{transform:translate(-.07em)}80%{transform:translate(.05em)}}@keyframes statIn{0%{opacity:0;transform:translateY(.6em)scale(.9)}to{opacity:1;transform:none}}@keyframes bestPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes heartbeat{0%{opacity:.3}12%{opacity:.95}24%{opacity:.4}36%{opacity:.85}60%,to{opacity:.3}}@keyframes crownBob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-.1em)rotate(6deg)}}@keyframes crownFall{0%{transform:translateY(-.4em)rotate(0)}60%{transform:translateY(.12em)rotate(32deg)}to{transform:translateY(.06em)rotate(24deg)}}@keyframes kbShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes meterPulse{0%,to{opacity:.25}50%{opacity:.85}}@media (prefers-reduced-motion:reduce){.logo-word span,.logo-parade span,.evo-icon span,.death-icon,.play-btn,.tailspot,.kb-icon,.kb-crowned.kb-mine:after,.np-king .np-in:before{animation:none!important}}.np-chats{flex-direction:column;align-items:center;gap:.25em;margin-bottom:.3em;display:flex}.np-chat{color:#1d2733;white-space:normal;overflow-wrap:anywhere;text-align:center;background:#fffffff0;border-radius:.9em;width:max-content;max-width:16em;padding:.3em .65em;font-size:.82em;font-weight:600;line-height:1.25;display:none;position:relative;box-shadow:0 2px 8px #00000040}.np-chat:not(:has(~.np-chat.on)):after{content:"";background:inherit;width:.6em;height:.6em;position:absolute;bottom:-.35em;left:50%;transform:translate(-50%)rotate(45deg)}.np-chat.on{animation:.18s ease-out chatPop;display:block}@keyframes chatPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.chat-box{pointer-events:none;will-change:transform;display:none;position:absolute;top:0;left:0}.chat-box.on{display:block}.chat-panel{pointer-events:none;flex-direction:column;gap:.3em;width:clamp(14em,24vw,22em);display:flex;position:absolute;bottom:.4em;left:0;transform:translate(-50%)}.chat-input{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:auto;background:#0a141eb8;border:2px solid #ffe066e6;border-radius:.9em;outline:none;width:100%;padding:.45em .8em;font:600 clamp(12px,1.1vw,15px) Fredoka,system-ui,sans-serif;box-shadow:0 4px 14px #00000059}.chat-hints{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0a141ecc;border-radius:.8em;flex-direction:column;gap:1px;padding:.25em;font:500 clamp(11px,.95vw,13px) Fredoka,system-ui,sans-serif;display:none;box-shadow:0 4px 14px #00000059}.chat-hints.on{display:flex}.chat-hint{color:#fff;cursor:pointer;border-radius:.55em;justify-content:space-between;align-items:baseline;gap:.8em;padding:.3em .55em;display:flex}.chat-hint.info{cursor:default;opacity:.7}.chat-hint.sel{background:#ffe0662e;box-shadow:inset 0 0 0 1px #ffe0668c}.chat-hint-label{white-space:nowrap;font-weight:600}.chat-hint-desc{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}.chat-input::placeholder{color:#ffffff80}