@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Fredoka Variable", "Fredoka", system-ui, sans-serif;--ink:#0f1222;--navy:#161a33;--navy-2:#1f2547;--navy-3:#2b3365;--line:#3a4480;--text:#fff;--muted:#aab2dd;--yellow:#ffcb05;--yellow-dark:#c79a00;--blue:#2a75bb;--blue-dark:#1b4f80;--red:#e3350d;--red-dark:#9c2208;--green:#3fd16b;--hp-high:#3ee06a;--hp-mid:#ffc928;--hp-low:#ff4b3a;--xp:#49b6ff;--radius:16px;--shadow:0 10px 30px #00000073;--ui-ink:#262b4d;--ui-muted:#7b82a6;--ui-card:#fff;--ui-card-2:#f2f4fb;--ui-line:#e2e6f3;--ui-navy:#2d3366;--ui-red:#ff5d5d;--ui-red-edge:#c8304a;--ui-orange:#ffab2e;--ui-orange-edge:#d97a0c;--ui-blue:#3a8bff;--ui-blue-edge:#1d5ed8;--ui-purple:#7d5cff;--ui-purple-edge:#5233d1;--ui-green:#39c86a;--ui-green-edge:#22924a;--ui-gold:#ffcf3a;--ui-silver:#c9d1e6;--ui-bronze:#f0a46a;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--shadow-card:0 3px 0 #1c225024, 0 10px 26px #0a0e2c47;--shadow-pop:0 6px 0 #1c225029, 0 16px 34px #0a0e2c57;--stripes:repeating-linear-gradient(135deg, #ffffff29 0 14px, transparent 14px 28px);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font)}.btn{--face:var(--navy-3);--edge:#161b3b;--fg:var(--text);font:600 17px/1.1 var(--font);color:var(--fg);background:var(--face);box-shadow:0 5px 0 var(--edge), 0 8px 18px #00000059;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;transition:transform 80ms,box-shadow 80ms,filter .1s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge), 0 3px 8px #0000004d;transform:translateY(4px)}.btn:disabled{filter:grayscale(.7)brightness(.6);cursor:not-allowed}.btn.yellow{--face:var(--yellow);--edge:var(--yellow-dark);--fg:#2a1d00}.btn.red{--face:var(--red);--edge:var(--red-dark)}.btn.blue{--face:var(--blue);--edge:var(--blue-dark)}.btn.big{border-radius:18px;padding:16px 34px;font-size:22px}.btn small{opacity:.85;font-size:12px;font-weight:500;display:block}.panel{background:linear-gradient(180deg, var(--navy-2), var(--navy));border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14}.dialog{color:#2b2b3a;box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 6px #9fb0e8, var(--shadow);background:#fdfdfd;border:4px solid #3c4a8c;border-radius:18px;padding:22px 28px;font-size:22px;font-weight:500;line-height:1.45}.dialog .next{color:var(--red);margin-left:6px;animation:.8s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(4px)}}.choices{flex-direction:column;gap:4px;display:flex}.choice{text-align:left;font:500 19px/1.3 var(--font);color:#2b2b3a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px 10px 34px;display:flex;position:relative}.choice:before{content:"▶";color:var(--red);opacity:0;transition:all .1s;position:absolute;left:12px;transform:translate(-4px)}.choice:hover,.choice.active{background:#eef2ff}.choice:hover:before,.choice.active:before{opacity:1;transform:none}.px-icon{width:68px;height:56px;image-rendering:pixelated}.px-ball{width:32px;height:32px;image-rendering:pixelated}.px-item{width:30px;height:30px;image-rendering:pixelated}.type-icon{background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--c) 50%, #fff) 0, var(--c) 52%, color-mix(in srgb, var(--c) 70%, #000) 100%);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px #fff6, 0 0 0 1.5px color-mix(in srgb, var(--c) 45%, #000), 0 2px 3px #00000073;border-radius:50%;flex:none;display:inline-block;position:relative}.type-icon:before{content:"";background:var(--glyph) center / contain no-repeat;filter:drop-shadow(0 1px #00000059);position:absolute;inset:4%}.type-pill{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 78%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 80%, #000));border:1.5px solid color-mix(in srgb, var(--c) 50%, #000);color:#fff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 1px #0000008c;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 3px;font-size:13px;font-weight:800;display:inline-flex}.type-pill .type-icon{box-shadow:inset 0 0 0 1.5px #ffffff80}.types{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ticket{color:#4a2a00;background:linear-gradient(135deg,#ffe16b,#ffb800);border-radius:4px;place-items:center;width:34px;height:22px;font-size:11px;font-weight:800;display:inline-grid;-webkit-mask:radial-gradient(4px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(4px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(4px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(4px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.ticket.multi{color:#fff;background:linear-gradient(135deg,#ff6bd0,#7b3fbf)}.chip{background:#00000059;border:2px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-weight:600;display:inline-flex}.muted{color:var(--muted)}.kbd{background:#ffffff1f;border-bottom:3px solid #0006;border-radius:6px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:700;display:inline-grid}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.icon-btn{width:44px;height:44px;padding:0;font-size:20px}.px{image-rendering:pixelated}.stripes{background-image:var(--stripes)}.logo-xl{transform-origin:0 100%;width:clamp(240px,30vw,480px);margin:0;line-height:0;display:block;position:relative;rotate:-2deg}.logo-xl img{width:100%;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 3px #141826)drop-shadow(0 0 2px #141826)drop-shadow(0 8px 14px #0006);display:block}.card:is(button,a,.is-action),.btn-play,.tile-accent,.pill,.pill-icon,.btn-wide,.tabs button{cursor:pointer;transition:transform .22s var(--ease-bounce), box-shadow .18s, filter .15s}.card:is(button,a,.is-action):hover,.btn-play:hover,.tile-accent:hover,.pill:hover,.pill-icon:hover,.btn-wide:hover{transform:translateY(-3px)scale(1.015)}.card:is(button,a,.is-action):active,.btn-play:active,.tile-accent:active,.pill:active,.pill-icon:active,.btn-wide:active{transition-duration:60ms;transform:translateY(1px)scale(.97)}:is(.card,.btn-play,.tile-accent,.pill,.pill-icon,.btn-wide,.tabs button):focus-visible{outline:3px solid var(--ui-blue);outline-offset:3px}.card{--accent:var(--ui-blue);text-align:left;min-width:0;font:inherit;color:var(--ui-ink);background:var(--ui-card);border-radius:var(--r-lg);--accent-edge:color-mix(in srgb, var(--accent) 82%, #000);box-shadow:0 6px 0 var(--accent-edge), var(--shadow-card);border:0;align-items:center;gap:14px;padding:12px 18px;display:flex;position:relative}.card:is(button,a,.is-action):hover{box-shadow:0 6px 0 var(--accent-edge), var(--shadow-pop)}.card:is(button,a,.is-action):active{box-shadow:0 2px 0 var(--accent-edge), var(--shadow-card)}.card-icon{background:color-mix(in srgb, var(--accent) 14%, #fff);width:54px;height:54px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 22%, #fff);border-radius:15px;flex:none;place-items:center;display:grid;overflow:hidden}.card-icon,.avatar{position:relative}.card-icon>img,.card-icon>canvas{image-rendering:pixelated;position:absolute;top:50%;left:50%;translate:-50% -50%}.card-icon>img{width:64px;height:64px}.card-icon>.px-icon{width:104px;height:86px;translate:-50% -64%}.card-icon svg{width:30px;height:30px}.card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-title{color:var(--ui-ink);font-size:23px;font-weight:700;line-height:1.05}.card-sub{color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.card-sub b{color:var(--ui-ink);font-weight:700}.card-end{flex:none;align-items:center;gap:6px;display:flex}.card-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.card-grid{grid-template-columns:1fr}}.btn-play{text-align:left;min-width:0;font:inherit;color:#fff;border-radius:var(--r-xl);background:var(--stripes), linear-gradient(160deg, #ff7a6e, var(--ui-red) 45%, #ee3e4f);box-shadow:0 6px 0 var(--ui-red-edge), var(--shadow-pop);border:4px solid #fff;align-items:center;gap:18px;padding:18px 28px 18px 18px;display:flex;position:relative}.btn-play:hover{filter:brightness(1.05)}.btn-play .play-ball{background:#ffffff47;border-radius:50%;flex:none;place-items:center;width:84px;height:84px;display:grid;box-shadow:inset 0 0 0 4px #ffffff73}.btn-play .play-ball img{width:96px;height:96px;image-rendering:pixelated;transition:transform .4s var(--ease-bounce);margin:-8px}.btn-play:hover .play-ball img{transform:rotate(-20deg)scale(1.1)}.btn-play b{text-shadow:0 3px #96142873;font-size:clamp(32px,3.4vw,46px);font-weight:700;line-height:.95;display:block}.btn-play small{opacity:.95;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:15px;font-weight:600;display:block;overflow:hidden}.tile-accent{--accent:var(--ui-purple);--accent-edge:var(--ui-purple-edge);min-width:0;font:inherit;color:#fff;text-align:center;border-radius:var(--r-xl);background:var(--stripes), linear-gradient(160deg, color-mix(in srgb, var(--accent) 75%, #fff), var(--accent));box-shadow:0 6px 0 var(--accent-edge), var(--shadow-pop);border:4px solid #fff;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:10px 12px 12px;display:flex;position:relative}.tile-accent b{text-shadow:0 2px #0003;font-size:20px;line-height:1.1}.tile-accent small{opacity:.9;font-size:12.5px;font-weight:600}.pill{height:46px;font:700 17px var(--font);color:var(--ui-ink);white-space:nowrap;background:var(--ui-card);border-radius:var(--r-pill);box-shadow:var(--shadow-card);border:0;align-items:center;gap:8px;padding:0 20px 0 10px;display:inline-flex}.pill img,.pill svg{flex:none;width:28px;height:28px}.pill img{width:44px;height:44px;image-rendering:pixelated;margin:-8px}.pill.blue,.pill.purple,.pill.red,.pill.orange,.pill.green{color:#fff;text-shadow:0 1px #0003;padding:0 20px}.pill.blue{background:linear-gradient(180deg, #5aa2ff, var(--ui-blue));box-shadow:0 4px 0 var(--ui-blue-edge), var(--shadow-card)}.pill.purple{background:linear-gradient(180deg, #9a80ff, var(--ui-purple));box-shadow:0 4px 0 var(--ui-purple-edge), var(--shadow-card)}.pill.red{background:linear-gradient(180deg, #ff7b7b, var(--ui-red));box-shadow:0 4px 0 var(--ui-red-edge), var(--shadow-card)}.pill.orange{background:linear-gradient(180deg, #ffc35e, var(--ui-orange));box-shadow:0 4px 0 var(--ui-orange-edge), var(--shadow-card)}.pill.green{background:linear-gradient(180deg, #5ddc88, var(--ui-green));box-shadow:0 4px 0 var(--ui-green-edge), var(--shadow-card)}.pill-icon{width:46px;height:46px;color:var(--ui-ink);background:var(--ui-card);box-shadow:inset 0 0 0 2px var(--ui-line), 0 2px 0 #1c22501a;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.pill-icon img{width:44px;height:44px;image-rendering:pixelated}.pill-icon svg{width:24px;height:24px}.pill-bar{color:var(--ui-ink);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);background:#fffffff5;align-items:center;gap:10px;padding:7px 8px 7px 7px;display:flex}.bar-sep{background:var(--ui-line);border-radius:1px;flex:none;align-self:stretch;width:2px;margin:6px 2px}.counter{border-radius:var(--r-pill);background:var(--ui-card-2);height:40px;color:var(--ui-ink);white-space:nowrap;align-items:center;gap:6px;padding:0 14px 0 8px;font-size:17px;font-weight:700;display:inline-flex}.counter img{width:40px;height:40px;image-rendering:pixelated;margin:-7px -6px}.counter .ticket{width:30px;height:20px;font-size:10px}.avatar{background:radial-gradient(circle at 50% 35%,#fff,#ffe9c7);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #ffd89a}.pfp{position:relative;overflow:hidden}.pfp>img.px-fit{max-width:none;image-rendering:pixelated;margin:0;position:absolute}.panel-light{min-height:0;color:var(--ui-ink);background:var(--ui-card);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;overflow:hidden}.panel-header{--accent:var(--ui-orange);--accent-edge:var(--ui-orange-edge);color:#fff;background:var(--stripes), linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent));box-shadow:inset 0 -4px 0 var(--accent-edge);flex:none;align-items:center;gap:12px;padding:14px 20px;display:flex}.panel-header b{text-shadow:0 2px #0000002e;font-size:27px;line-height:1;display:block}.panel-header small{opacity:.95;font-size:13px;font-weight:600;display:block}.ph-icon{background:#ffffff4d;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.ph-icon svg{width:30px;height:30px}.ph-icon{position:relative;overflow:hidden}.ph-icon>img{width:52px;height:52px;image-rendering:pixelated;position:absolute;top:50%;left:50%;translate:-50% -50%}.ph-icon>.px-icon{width:80px;height:66px;translate:-50% -62%}.tabs{border-radius:var(--r-pill);background:var(--ui-card-2);gap:4px;padding:4px;display:flex}.tabs button{height:38px;font:700 15px var(--font);color:var(--ui-muted);border-radius:var(--r-pill);background:0 0;border:0;flex:1;padding:0 12px}.tabs button:hover{color:var(--ui-ink)}.tabs button.on{color:var(--ui-ink);background:#fff;box-shadow:0 2px #1c225014,0 3px 10px #1c22501f}.rank-num{background:var(--ui-navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:inline-grid}.btn-wide{--face:var(--ui-blue);--edge:var(--ui-blue-edge);width:100%;height:44px;font:700 17px var(--font);color:#fff;letter-spacing:.02em;border-radius:var(--r-md);background:linear-gradient(180deg, color-mix(in srgb, var(--face) 80%, #fff), var(--face));box-shadow:0 4px 0 var(--edge);text-shadow:0 1px #0003;border:0;justify-content:center;align-items:center;gap:8px;display:flex}.btn-wide.red{--face:var(--ui-red);--edge:var(--ui-red-edge)}.btn-wide.orange{--face:var(--ui-orange);--edge:var(--ui-orange-edge)}.btn-wide.btn-wide:hover{transform:translateY(-2px)}.empty-state{text-align:center;color:var(--ui-muted);flex-direction:column;align-items:center;gap:6px;padding:22px 12px;display:flex}.empty-state b{color:var(--ui-ink);font-size:19px}.empty-state p{max-width:26ch;margin:0;font-size:14px}.empty-state img{width:136px;height:112px;image-rendering:pixelated;margin:-20px 0 -14px;animation:2.4s ease-in-out infinite idle-bob}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg, var(--ui-card-2) 0%, #fff 50%, var(--ui-card-2) 100%) 0 0 / 200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@keyframes idle-bob{50%{transform:translateY(-8px)}}.btn-play .play-text{flex:1;min-width:0}.screen-top{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.pill.back{padding:0 20px 0 14px}.pill.back svg{width:22px;height:22px}.screen-title{min-width:0;height:58px;color:var(--ui-ink);background:var(--ui-card);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);align-items:center;gap:10px;padding:0 22px 0 8px;display:flex}.screen-title .st-icon{background:var(--ui-card-2);border-radius:50%;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.screen-title .st-icon img{width:52px;height:52px;image-rendering:pixelated;position:absolute;top:50%;left:50%;translate:-50% -50%}.screen-title b{white-space:nowrap;font-size:25px;line-height:1;display:block}.screen-title small{color:var(--ui-muted);white-space:nowrap;font-size:12.5px;font-weight:600;display:block}.screen-top .pill-bar{gap:6px}@media (width<=640px){.screen-top{justify-content:center;gap:8px}.screen-title{flex:100%;order:-1;justify-content:center;height:52px}.screen-title b{font-size:22px}.screen-top .counter{height:36px;padding:0 10px 0 6px;font-size:15px}.pill.back{height:46px}}.modal-wrap{z-index:200;-webkit-backdrop-filter:blur(6px);background:#0e12308c;place-items:center;padding:16px;animation:.18s ease-out modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}}.modal{width:min(560px,100%);max-height:min(88dvh,820px);animation:modal-pop .28s var(--ease-bounce)}.modal.wide{width:min(780px,100%)}@keyframes modal-pop{0%{opacity:0;transform:scale(.88)translateY(12px)}}.modal .panel-header>span:not(.ph-icon){flex:1;min-width:0}.modal .panel-header b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ph-close{width:40px;height:40px;color:var(--accent-edge);cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb, var(--accent-edge) 70%, #000);transition:transform .22s var(--ease-bounce);background:#fff;border:0;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.ph-close svg{width:18px;height:18px}.ph-close:hover{transform:rotate(90deg)scale(1.08)}.ph-close:active{transform:scale(.9)}.ph-close:focus-visible{outline-offset:2px;outline:3px solid #fff}.modal-body{scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;flex:1;min-height:0;padding:18px 20px 20px;font-size:15.5px;line-height:1.45;overflow-y:auto}.modal-body>:first-child{margin-top:0}.modal-body p{margin:0 0 12px}.modal-body ul{margin:0 0 12px;padding-left:20px}.modal-body li{margin:0 0 8px}.modal-body a{color:var(--ui-blue);font-weight:600}.modal-body .muted,.panel-light .muted{color:var(--ui-muted)}.modal-foot{border-top:2px solid var(--ui-line);flex:none;gap:10px;padding:12px 20px 18px;display:flex}.modal-foot>*{flex:1}@media (height<=520px){.modal-wrap{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.modal{max-height:calc(100dvh - 16px)}.modal .panel-header{gap:10px;padding:8px 14px}.modal .panel-header b{font-size:21px}.modal .panel-header small{font-size:12px}.modal .ph-icon{width:36px;height:36px}.modal-body{overscroll-behavior:contain;padding:12px 16px}.modal-foot{padding:8px 16px 10px}}@media (width<=520px){.modal-wrap{padding:10px}.modal .panel-header{padding:12px 14px}.modal .panel-header b{font-size:23px}.modal-body{padding:14px}}.field{min-width:0;height:44px;font:600 15px var(--font);color:var(--ui-ink);background:var(--ui-card-2);border:2px solid var(--ui-line);border-radius:var(--r-md);outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.field::placeholder{color:var(--ui-muted);opacity:.8}.field:focus{border-color:var(--ui-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-blue) 25%, transparent);background:#fff}select.field{cursor:pointer;appearance:none;background:var(--ui-card-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237b82a6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center / 12px 8px no-repeat;padding-right:34px}.tabs.mini{flex:none;display:inline-flex}.tabs.mini button{flex:none;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:14px;display:inline-flex}.tabs button:disabled{opacity:.5;cursor:not-allowed}.switch{background:var(--ui-line);cursor:pointer;border:none;border-radius:15px;flex:none;width:54px;height:30px;padding:0;transition:background .15s;position:relative;box-shadow:inset 0 2px #1c225014}.switch i{width:24px;height:24px;transition:transform .25s var(--ease-bounce);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px #1c22502e}.switch.on{background:var(--ui-green)}.switch.on i{transform:translate(24px)}.switch:focus-visible{outline:3px solid var(--ui-blue);outline-offset:2px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);margin:18px 0 6px;font-size:12.5px;font-weight:700}.section-label:first-child{margin-top:0}.set-row{border-radius:var(--r-md);background:var(--ui-card-2);grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:48px;margin-bottom:6px;padding:6px 12px;display:grid}.set-row>span:first-child{font-weight:600}.set-row output{text-align:right;min-width:46px;color:var(--ui-blue);font-weight:700}.set-row input[type=range]{cursor:pointer;appearance:none;background:0 0;width:160px;height:24px;margin:0}.set-row input[type=range]::-webkit-slider-runnable-track{background:var(--ui-line);border-radius:5px;height:10px}.set-row input[type=range]::-moz-range-track{background:var(--ui-line);border-radius:5px;height:10px}.set-row input[type=range]::-moz-range-progress{background:var(--ui-blue);border-radius:5px;height:10px}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;box-shadow:inset 0 0 0 5px var(--ui-blue), 0 2px 0 var(--ui-blue-edge);background:#fff;border:0;border-radius:50%;margin-top:-6px}.set-row input[type=range]::-moz-range-thumb{width:22px;height:22px;box-shadow:inset 0 0 0 5px var(--ui-blue), 0 2px 0 var(--ui-blue-edge);background:#fff;border:0;border-radius:50%}.set-row input[type=range]:focus-visible{outline:3px solid var(--ui-blue);outline-offset:2px;border-radius:6px}.set-row>:is(.switch,.tabs,.pill):last-child:nth-child(2){grid-column:2/4;justify-self:end}.set-row .pill{height:36px;box-shadow:inset 0 0 0 2px var(--ui-line);padding:0 14px;font-size:15px}.set-row .kbd{background:var(--ui-card-2);color:var(--ui-ink);border-bottom-color:var(--ui-line)}@media (width<=520px){.set-row{grid-template-columns:1fr auto}.set-row input[type=range]{grid-column:1/2;width:100%}.set-row>:is(.switch,.tabs,.pill):last-child:nth-child(2){grid-column:1/3;justify-self:start}.set-row .tabs.mini{max-width:100%;overflow-x:auto}}.badge{border-radius:var(--r-pill);background:var(--ui-navy);color:#fff;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.red{background:var(--ui-red)}.badge.gold{background:var(--ui-gold);color:#5a3d00}.badge.green{background:var(--ui-green)}.badge.blue{background:var(--ui-blue)}.sparkle{vertical-align:-.12em;flex:none;width:1em;height:1em;display:inline-block}.speech{color:var(--ui-ink);background:var(--ui-card);border-radius:var(--r-xl);box-shadow:inset 0 0 0 4px var(--ui-line), var(--shadow-pop);padding:24px 28px 22px;font-size:21px;font-weight:600;line-height:1.45;position:relative}.speech-name{color:#fff;border-radius:var(--r-pill);background:var(--stripes), linear-gradient(180deg, #ffc35e, var(--ui-orange));height:32px;box-shadow:0 3px 0 var(--ui-orange-edge);align-items:center;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex;position:absolute;top:-16px;left:22px}.speech .next{color:var(--ui-red);margin-left:8px;animation:.8s ease-in-out infinite bob;display:inline-block}.speech.choices{font-size:inherit;padding:10px}.speech .choice{width:100%;color:var(--ui-ink);border-radius:var(--r-md);font-weight:600}.speech .choice:before{color:var(--ui-red)}.speech .choice:hover,.speech .choice.active{background:color-mix(in srgb, var(--ui-blue) 12%, #fff)}@media (width<=520px){.speech{padding:22px 18px 16px;font-size:17px}.speech .choice{font-size:16px}}.stat-bars{flex-direction:column;gap:5px;width:100%;font-size:14px;display:flex}.stat-bars .stat{grid-template-columns:82px 1fr 34px;align-items:center;gap:8px;display:grid}.stat-bars .stat>span{color:var(--ui-muted);white-space:nowrap;font-weight:700}.stat-bars .stat>b{text-align:right}.stat-bars .bar{background:var(--ui-card-2);height:10px;box-shadow:inset 0 0 0 1px var(--ui-line);border-radius:5px;overflow:hidden}.stat-bars .bar>div{border-radius:5px;height:100%}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse) and (width<=900px){#rotate{z-index:10000;text-align:center;color:#fff;font-family:var(--font);background:var(--stripes), radial-gradient(circle at 50% 40%, #3a4fb8, #1b2160 75%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}#rotate b{-webkit-text-stroke:6px var(--ui-navy);paint-order:stroke fill;text-shadow:0 3px #1b1f4a;font-size:30px;line-height:1.1}#rotate p{opacity:.9;margin:0;font-size:17px;font-weight:600}.rot-icon{width:150px;height:150px;margin-bottom:8px;position:relative}.rot-icon svg{width:100%;height:100%;position:absolute;inset:0}.rot-phone{fill:var(--ui-red);stroke:#fff;stroke-width:3px}.rot-icon svg:first-child{animation:rot-turn 2.4s var(--ease-bounce) infinite;filter:drop-shadow(0 6px #00000040)}.rot-arrow{animation:2.4s ease-in-out infinite rot-arrow}}@keyframes rot-turn{0%,15%{transform:rotate(0)}45%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes rot-arrow{0%,10%{opacity:0;transform:rotate(-30deg)}30%,55%{opacity:1;transform:none}75%,to{opacity:0}}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#9fd3ff;margin:0;overflow:hidden}#canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hud-el{pointer-events:none;position:fixed}body.in-menu .hud-el,body.in-menu #lock-hint,body.in-menu #gym-mark{display:none!important}:root{--hud-fs:clamp(12px, calc(.35vw + .45vh + 4px), 16px);--hud-shadow:0 2px 0 #1c225024, 0 6px 16px #0a0e2c42;--hud-bg:#fffffff5}:is(.hud-el,#hud-top,#prompt,#lock-hint,#levelup,#overlay,#gameover,#chest,#bigmap) .kbd{min-width:1.7em;height:1.7em;color:var(--ui-ink);background:var(--ui-card-2);box-shadow:inset 0 0 0 1.5px var(--ui-line), 0 2px 0 #cfd5ea;border:0;border-radius:.45em;padding:0 .4em;font-size:.8em;line-height:1}:is(#prompt,#levelup,#overlay,#gameover,#chest,#bigmap) .muted{color:var(--ui-muted)}.hud-chip{white-space:nowrap;background:var(--hud-bg);box-shadow:var(--hud-shadow);color:var(--ui-muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.35em;padding:.28em .85em;font-size:.85em;font-weight:600;display:inline-flex}.hud-chip b{color:var(--ui-ink);font-weight:700}.hud-chip .type-icon{width:1.35em;height:1.35em;margin-left:-.45em}#plate{font-size:var(--hud-fs);left:calc(14px + env(safe-area-inset-left));top:calc(14px + env(safe-area-inset-top));width:21em;color:var(--ui-ink);background:var(--hud-bg);box-shadow:var(--hud-shadow);border-radius:1.25em;align-items:stretch;gap:.7em;padding:.55em .85em .6em .55em;display:flex}.face{flex:none;display:block;position:relative;overflow:hidden}.face>img{image-rendering:pixelated}.plate-portrait{flex:none;align-self:center;margin:0 .25em .25em 0;position:relative}.plate-portrait .face{background:radial-gradient(circle at 50% 38%,#fff,#ffe9c7);border-radius:1em;width:4.6em;height:4.6em;box-shadow:inset 0 0 0 .18em #ffd89a}#plate-icon{filter:drop-shadow(0 2px #1c22502e)}#level{white-space:nowrap;background:var(--ui-navy);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 .5em;font-size:.8em;font-weight:700;line-height:1.55;position:absolute;bottom:-.4em;right:-.5em;box-shadow:0 0 0 .16em #fff,0 2px #1c225033}.plate-body{flex-direction:column;flex:1;justify-content:center;gap:.3em;min-width:0;display:flex}.plate-head{align-items:center;gap:.5em;min-width:0;display:flex}.plate-head b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.2em;font-weight:700;line-height:1.1;overflow:hidden}#plate-types{margin-left:auto;display:flex}#plate-types .type-icon{width:1.35em;height:1.35em}#plate-types .type-icon+.type-icon{margin-left:-.35em}.plate-bar{grid-template-columns:2.3em minmax(0,1fr) auto;align-items:center;gap:.45em;display:grid}.plate-bar .lbl{letter-spacing:.06em;color:var(--ui-orange-edge);font-size:.68em;font-weight:700}.plate-bar.xp .lbl{color:var(--ui-blue-edge)}#hp,#xp{background:#e9ecf6;border:.14em solid #cdd3e8;border-radius:999px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #1c22502e}#hp{height:1em}#xp{height:.68em}#hp-fill{--hp:var(--hp-high);background:linear-gradient(180deg, color-mix(in srgb, var(--hp) 55%, #fff) 0 35%, var(--hp) 36%, color-mix(in srgb, var(--hp) 82%, #000));border-radius:999px;height:100%;transition:width .2s,background .3s}#hp-fill[data-level=mid]{--hp:var(--hp-mid)}#hp-fill[data-level=low]{--hp:var(--hp-low);animation:.6s step-end infinite blink}@keyframes blink{50%{opacity:.55}}#xp-fill{background:linear-gradient(180deg, #8cc4ff 0 35%, var(--ui-blue) 36%, var(--ui-blue-edge));border-radius:999px;height:100%;transition:width .12s}#hp-text,#xp-text{text-align:right;font-variant-numeric:tabular-nums;min-width:4.6em;font-size:.85em;font-weight:700}#xp-text{color:var(--ui-blue-edge);font-size:.74em}#plate-status{flex-wrap:wrap;gap:.25em;margin-top:.1em;display:flex}#plate-status[hidden]{display:none}#plate-status .st{--k:var(--ui-muted);letter-spacing:.03em;white-space:nowrap;color:color-mix(in srgb, var(--k) 70%, var(--ui-ink));background:color-mix(in srgb, var(--k) 16%, #fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--k) 45%, #fff);border-radius:999px;padding:.08em .6em;font-size:.7em;font-weight:700}#plate-status .st.up{--k:var(--ui-green)}#plate-status .st.shield{--k:#2fb85a}#plate-status .st.rage{--k:var(--ui-red)}#plate-status .st.revive{--k:#ff5f9a}#plate-status .st.bond{--k:#e04fc0}#plate-status .st.medal{--k:var(--ui-orange)}#hud-top{z-index:5;pointer-events:none;font-size:var(--hud-fs);flex-direction:column;align-items:center;gap:.5em;width:min(36em,100vw - 46em - 40px);min-width:min(27em,100vw - 24px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}#hud-top>*{position:static;transform:none}#top{flex-direction:column;align-items:center;gap:.4em;display:flex}.top-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5em;display:grid}.top-row .stage{color:var(--ui-blue-edge);justify-self:end;font-weight:700}.top-row .stage i{color:var(--ui-muted);font-style:normal;font-weight:700}.top-row .coins{color:var(--ui-ink);justify-self:start;padding-left:.3em;font-weight:700}.top-row .coins .px-item{width:1.6em;height:1.6em;margin:-.3em 0}#top .timer{font-variant-numeric:tabular-nums;color:var(--ui-ink);background:var(--hud-bg);border-radius:999px;padding:.08em .7em;font-size:2em;font-weight:700;line-height:1.15;box-shadow:0 3px #1c225029,0 8px 20px #0a0e2c47}#top .timer.record{color:#fff;background:var(--stripes), linear-gradient(180deg, #ffd96b, var(--ui-orange));box-shadow:0 3px 0 var(--ui-orange-edge), 0 8px 20px #0a0e2c47;text-shadow:0 2px #96500059}#top .timer.low{color:var(--ui-red-edge);animation:1s step-end infinite blink}.top-sub{flex-wrap:wrap;justify-content:center;gap:.3em;display:flex}.top-sub .hud-chip{font-size:.78em}.top-sub .next{color:var(--ui-ink)}.top-sub .next.final{color:#fff;background:linear-gradient(180deg, #ff7b7b, var(--ui-red));box-shadow:0 2px 0 var(--ui-red-edge), var(--hud-shadow)}.top-sub .gym-status{color:var(--ui-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--gym,#fff) 70%, #fff), var(--hud-shadow)}.top-sub .gym-status .type-icon{margin-left:-.55em}.top-sub .gym-status.won{color:#8a5a00;background:linear-gradient(#fff6d0,#ffe9a0)}#boss{gap:.5em;width:min(30em,100%);display:flex}#boss[hidden]{display:none}#boss.duo{width:min(36em,100%)}.boss-card{min-width:0;color:var(--ui-ink);background:var(--hud-bg);box-shadow:inset 0 0 0 .16em var(--ui-red), var(--hud-shadow);border-radius:999px;flex:1 1 0;align-items:center;gap:.55em;padding:.35em .9em .35em .35em;display:flex}.boss-card .face{background:radial-gradient(circle at 50% 40%,#fff,#ffd9d4);border-radius:50%;width:2.9em;height:2.9em;box-shadow:inset 0 0 0 .14em #ffb3a8}.boss-card .name{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:40%;font-size:1em;font-weight:700;overflow:hidden}.boss-card .bar{background:#e9ecf6;border:.14em solid #cdd3e8;border-radius:999px;flex:1;min-width:2em;height:1em;overflow:hidden}.boss-card .fill{background:linear-gradient(180deg, #ff9d8f 0 35%, var(--ui-red) 36%, var(--ui-red-edge));border-radius:999px;height:100%;transition:width .1s}#boss.duo .boss-card{grid-template-columns:auto minmax(0,1fr);gap:.12em .45em;padding:.3em .85em .3em .3em;display:grid}#boss.duo .face{grid-row:1/span 2;width:2.5em;height:2.5em}#boss.duo .name{align-self:end;max-width:none;font-size:.85em;line-height:1.1}#boss.duo .bar{align-self:start;height:.85em}.boss-card.final{box-shadow:inset 0 0 0 .16em var(--ui-orange), 0 0 0 .2em #ffcf3a73, var(--hud-shadow)}.boss-card.final .face{background:radial-gradient(circle at 50% 40%,#fff,#ffe6a6);box-shadow:inset 0 0 0 .14em #ffcf3a}.boss-card.final .fill{background:linear-gradient(180deg, #ffe58a 0 35%, var(--ui-orange) 36%, var(--ui-orange-edge))}#moves{bottom:calc(16px + env(safe-area-inset-bottom));gap:8px;display:flex;left:50%;transform:translate(-50%)}.move{--c:var(--ui-blue);min-width:150px;color:var(--ui-ink);background:var(--hud-bg);box-shadow:inset 5px 0 0 var(--c), var(--hud-shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 7px;display:flex;position:relative;overflow:hidden}.move:before{content:"";background:color-mix(in srgb, var(--c) 26%, #fff);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.move.ready{box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 2px var(--c), var(--hud-shadow)}.move>*{position:relative}.move b{white-space:nowrap;font-size:15px;font-weight:700}.move .lv{white-space:nowrap;color:var(--ui-orange-edge);margin-left:auto;font-size:12px;font-weight:700}.move .type-icon{width:24px;height:24px}.move.final{box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 2px var(--ui-gold), 0 0 12px #ffcf3ab3, var(--hud-shadow)}.move.zmove{box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 3px var(--ui-gold), 0 0 18px #ffcf3af2, var(--hud-shadow)}.move.evolved{box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 2px color-mix(in srgb, var(--c) 70%, var(--ui-gold)), 0 0 14px color-mix(in srgb, var(--c) 70%, transparent), var(--hud-shadow)}.move.evolved b{color:color-mix(in srgb, var(--c) 55%, var(--ui-ink))}.move.fusion{background:linear-gradient(90deg, #ffe3f6, var(--hud-bg) 70%);min-width:170px;box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 2px #e04fc0, var(--hud-shadow)}.move.fusion:before{display:none}.move.fusion .lv{color:#c0399f}.fuse-icons{flex:none;display:flex}.fuse-icons .type-icon+.type-icon{margin-left:-10px}.move .half{background:var(--c);transform-origin:0;width:50%;height:4px;transform:scaleX(var(--p,0));position:absolute;bottom:0}.move .half.a{left:0}.move .half.b{background:var(--c2);left:50%}.slots-chip{background:var(--hud-bg);color:var(--ui-ink);box-shadow:var(--hud-shadow);white-space:nowrap;border-radius:999px;align-self:center;padding:4px 10px;font-size:12px;font-weight:700}.o-move.fusion{box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 2px #e04fc0;background:linear-gradient(90deg,#ffe3f6,#fff 70%)}.o-move.fusion b{color:#c0399f}.synergies{align-items:center;gap:4px;padding:0 4px;display:flex}.syn-chip{color:var(--ui-ink);background:var(--hud-bg);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 60%, #fff), var(--hud-shadow);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 4px;font-size:12px;font-weight:700;display:inline-flex}.syn-chip .type-icon{width:18px;height:18px}.syn-chip i{color:var(--ui-orange-edge);font-size:10px;font-style:normal}.passives{align-items:center;gap:4px;padding:0 4px;display:flex}.passive-pip{background:var(--hud-bg);width:34px;height:34px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, #fff), var(--hud-shadow);border-radius:12px;place-items:center;display:grid;position:relative}.passive-pip .type-icon{width:22px;height:22px}.passive-pip b{background:var(--ui-navy);color:#fff;border-radius:999px;padding:0 5px;font-size:11px;line-height:1.4;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #fff}#debug{color:#fff;text-shadow:0 1px 2px #000;font-size:12px;bottom:16px;right:16px}#damage-numbers{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dmg{color:#fff;text-shadow:0 0 3px #000,0 2px #000;white-space:nowrap;font-size:16px;font-weight:700;animation:.7s ease-out forwards dmg;position:absolute}.dmg.super{color:#ffd84a;font-size:24px}.dmg.weak{color:#9aa3c7;font-size:13px}.dmg.immune{color:#8a8fa8;font-size:14px}.dmg small{opacity:.9;margin-left:2px;font-size:.6em}.dmg em{color:#fff;text-align:center;font-size:13px;font-style:normal;display:block}.dmg.super em{color:#ffe680}.dmg.player{color:#ff5a4a;font-size:22px}.dmg.crit{color:#ff9a3c;font-size:26px}.dmg.crit:after{content:"!"}.dmg.float{color:#8fe3ff;font-size:16px;animation-duration:.9s}.dmg.float.heal{color:#7dff8a}@keyframes dmg{0%{opacity:1;transform:translate(-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-46px)scale(.9)}}#hurt{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 140px 40px #ff1e1ebf}#hurt.on{animation:.45s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}#toasts{flex-direction:column;align-items:center;gap:.4em;width:100%;display:flex}.toast{--k:var(--ui-blue);min-width:min(17em,100%);max-width:100%;max-height:9em;color:var(--ui-ink);background:var(--hud-bg);box-shadow:inset .38em 0 0 var(--k), var(--hud-shadow);border-radius:1.1em;align-items:center;gap:.7em;padding:.4em 1.1em .4em .55em;transition:opacity .3s,transform .3s,max-height .35s,padding .35s,margin .35s,border-width .35s;animation:.32s cubic-bezier(.2,.9,.3,1.25) both toast-in;display:flex;overflow:hidden}.toast.out{opacity:0;border-width:0;margin-bottom:-.4em;padding-top:0;padding-bottom:0;transform:translateY(-.4em)scale(.96);max-height:0!important}@keyframes toast-in{0%{opacity:0;transform:translateY(-.7em)scale(.94)}}.toast>span{min-width:0;font-size:1em;font-weight:700;line-height:1.2;display:block}.toast small{color:var(--ui-muted);margin-top:.1em;font-size:.8em;font-weight:500;display:block}.toast>:first-child{flex:none}.toast>.face,#banner>.face{background:radial-gradient(circle at 50% 40%, #fff, color-mix(in srgb, var(--k) 28%, #fff) 75%);width:2.9em;height:2.9em;box-shadow:inset 0 0 0 .14em color-mix(in srgb, var(--k) 45%, #fff);border-radius:50%}.toast>.face.shiny,#banner>.face.shiny{box-shadow:inset 0 0 0 .16em var(--ui-gold), 0 0 10px #ffcf3ab3}.toast>.type-icon{width:2.2em;height:2.2em;margin:.2em .1em .2em .25em}.toast>.px-item{width:2.4em;height:2.4em;margin:0 .1em}.toast>.ticket{margin:0 .15em 0 .35em}.t-ico{color:#fff;text-shadow:0 1px 1px #00000059;background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--k) 55%, #fff) 0, var(--k) 55%, color-mix(in srgb, var(--k) 75%, #000) 100%);border-radius:50%;place-items:center;width:2.2em;height:2.2em;margin:.15em .05em .15em .25em;font-size:1em;font-style:normal;font-weight:700;display:grid;box-shadow:inset 0 0 0 1.5px #fff6,0 2px #1c22502e}.toast.boss{--k:var(--ui-red);box-shadow:inset .38em 0 0 var(--k), inset 0 0 0 2px #ffc2b9, var(--hud-shadow);background:linear-gradient(90deg,#ffe7e4,#fff 60%)}.toast.boss>span{font-size:1.08em}.toast.evo{--k:var(--ui-gold);box-shadow:inset .38em 0 0 var(--k), inset 0 0 0 2px #ffe08a, 0 0 16px #ffcf3a80, var(--hud-shadow);background:linear-gradient(90deg,#fff1bd,#fff 65%)}.toast.evo>span{font-size:1.08em}.toast.evo .t-ico,.toast.reward .t-ico{color:#5a3c00;text-shadow:none}.toast.rift{--k:var(--ui-orange);box-shadow:inset .38em 0 0 var(--k), inset 0 0 0 2px #ffd29a, var(--hud-shadow);background:linear-gradient(90deg,#ffead0,#fff 60%)}.toast.reward{--k:var(--ui-gold)}.toast.music{--k:#38c3ee;padding-top:.25em;padding-bottom:.25em}.toast.music>span{font-size:.9em;font-weight:600}.toast.music .t-ico{width:1.8em;height:1.8em}#banner{--k:var(--ui-orange);pointer-events:none;max-width:100%;color:var(--ui-ink);background:linear-gradient(90deg, color-mix(in srgb, var(--k) 22%, #fff), #fff 70%);box-shadow:inset 0 0 0 .18em var(--k), 0 3px 0 #1c225029, 0 10px 24px #0a0e2c4d, 0 0 20px color-mix(in srgb, var(--k) 45%, transparent);border-radius:1.3em;align-items:center;gap:.75em;padding:.45em 1.4em .45em .5em;font-size:1.15em;font-weight:600;line-height:1.2;display:flex}#banner[hidden]{display:none}#banner>span{min-width:0;display:block}#banner b{color:color-mix(in srgb, var(--k) 55%, var(--ui-ink));font-weight:700}#banner small{color:var(--ui-muted);margin-top:.1em;font-size:.7em;font-weight:500;display:block}#banner>.face{width:2.6em;height:2.6em}#banner>.px-item{width:2.2em;height:2.2em;margin-left:.2em}#banner.show{animation:.35s cubic-bezier(.2,.9,.3,1.3) both banner-in}#banner.out{animation:.3s ease-in forwards banner-out}@keyframes banner-in{0%{opacity:0;transform:scale(.7)}}@keyframes banner-out{to{opacity:0;transform:translateY(-.5em)scale(.95)}}#banner.event{--k:var(--ui-green)}#banner.rain{--k:#38c3ee}#lock-hint{background:var(--hud-bg);color:var(--ui-ink);box-shadow:var(--hud-shadow);pointer-events:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;position:fixed;bottom:82px;left:50%;transform:translate(-50%)}#lock-hint[hidden],#lock-hint:empty{display:none}#prompt{z-index:4;color:var(--ui-ink);background:var(--hud-bg);box-shadow:inset 0 0 0 3px var(--ui-gold), var(--hud-shadow);border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-weight:600;display:flex;position:fixed;top:62%;left:50%;transform:translate(-50%)}#prompt[hidden]{display:none}#prompt .price{color:var(--ui-ink);align-items:center;font-weight:700;display:inline-flex}#prompt.poor{box-shadow:inset 0 0 0 3px var(--ui-red), var(--hud-shadow)}#prompt.poor .price{color:var(--ui-red-edge)}#prompt .prompt-icon{width:54px;height:45px;margin:-10px -6px -10px -8px}#compass{pointer-events:none;z-index:3;position:fixed;inset:0}#compass[hidden]{display:none}#compass .cmp{--k:var(--ui-red);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}#compass .who{background:radial-gradient(circle at 50% 40%, #fff, color-mix(in srgb, var(--k) 22%, #fff) 75%);width:50px;height:50px;box-shadow:inset 0 0 0 3px var(--k), 0 0 0 3px #fff, var(--hud-shadow);border-radius:50%;place-items:center;display:grid;overflow:hidden}#compass .who .face{border-radius:50%;width:44px;height:44px}#compass .dist{background:var(--hud-bg);color:var(--ui-ink);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--hud-shadow);border-radius:999px;margin-top:5px;padding:1px 9px;font-size:12px;font-weight:700}#compass .arrow{display:none}#compass .edge .arrow{border:10px solid #0000;border-left:16px solid var(--k);filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff);width:0;height:0;transform:rotate(var(--angle)) translateX(40px);display:block;position:absolute;top:15px}#compass .rift{--k:var(--ui-orange)}#compass .shiny{--k:var(--ui-gold)}#compass .shiny .who{box-shadow:inset 0 0 0 3px var(--k), 0 0 0 3px #fff, 0 0 14px #ffcf3acc}#compass .runner{--k:var(--ui-green)}#compass .runner .who{box-shadow:inset 0 0 0 3px var(--k), 0 0 0 3px #fff, 0 0 14px #39c86ab3}#compass .boss .who{width:42px;height:42px}#compass .boss .who .face{width:36px;height:36px}#gym-mark{pointer-events:none;z-index:2;flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%,-50%)}#gym-mark[hidden]{display:none}#gym-mark .gm-badge{color:var(--ui-ink);background:var(--hud-bg);box-shadow:inset 0 0 0 2px var(--gym,var(--ui-line)), var(--hud-shadow);border-radius:999px;align-items:center;gap:5px;padding:2px 11px 2px 3px;font-size:12px;font-weight:700;display:inline-flex}#gym-mark .gm-badge .type-icon{width:18px;height:18px}#gym-mark .dist{background:var(--hud-bg);color:var(--ui-muted);box-shadow:var(--hud-shadow);border-radius:999px;margin-top:3px;padding:0 8px;font-size:11px;font-weight:700}#gym-mark .arrow{display:none}#gym-mark.edge .arrow{border:8px solid #0000;border-left:13px solid var(--gym,#fff);filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff);width:0;height:0;transform:rotate(var(--angle)) translateX(46px);display:block;position:absolute}.portal-ico{border:5px solid #8fe3ff;border-radius:50%;width:30px;height:30px;box-shadow:0 0 10px #8fe3ff}.rift-ico{background:radial-gradient(at 50% 100%,#0b0806 0 38%,#6b5a49 40% 70%,#4a3d31 72%);border-radius:50% 50% 6px 6px;width:30px;height:30px;box-shadow:0 0 10px #ffb02099}#minimap{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:14px;right:14px}#minimap canvas{width:176px;height:176px;box-shadow:0 0 0 4px #fff, var(--hud-shadow);border-radius:50%}#minimap .mm-key{color:var(--ui-ink);background:var(--hud-bg);box-shadow:var(--hud-shadow);border-radius:999px;padding:2px 10px 2px 4px;font-size:12px;font-weight:600}@media (width<=720px){#minimap canvas{width:120px;height:120px;box-shadow:0 0 0 3px #fff, var(--hud-shadow)}}@media (pointer:coarse){#minimap .mm-key{display:none}}#minimap .mm-btn,#bigmap .bm-close,#bigmap .bm-tap{display:none}.touch-ui #minimap{top:calc(8px + env(safe-area-inset-top));right:calc(66px + env(safe-area-inset-right));gap:0}.touch-ui #minimap .mm-key{display:none}.touch-ui #minimap canvas{--mm:150px;width:var(--mm);height:var(--mm);pointer-events:auto;cursor:pointer;box-shadow:0 0 0 3px #fff, var(--hud-shadow)}.touch-ui #minimap[data-mode=large] canvas{--mm:220px}.touch-ui #minimap[data-mode=off] canvas{display:none}.touch-ui #minimap .mm-btn{top:calc(64px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));pointer-events:auto;touch-action:manipulation;width:48px;height:48px;color:var(--ui-ink);background:#ffffffeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;box-shadow:0 3px #1c22502e,0 6px 16px #0a0e2c40}.touch-ui #minimap .mm-btn svg{fill:currentColor;width:24px;height:24px}.touch-ui #minimap .mm-btn:active{background:#fff3c4;transform:scale(.9)}.touch-ui #minimap[data-mode=off] .mm-btn{color:var(--ui-muted)}.touch-ui #minimap[data-mode=off] .mm-btn:after{content:"";background:var(--ui-red);border-radius:2px;width:30px;height:3px;position:absolute;transform:rotate(-45deg);box-shadow:0 0 0 1.5px #fff}.touch-ui #minimap[data-mode=large] .mm-btn{color:var(--ui-blue-edge);box-shadow:inset 0 0 0 2.5px var(--ui-blue), 0 3px 0 #1c22502e, 0 6px 16px #0a0e2c40}@media (height<=520px){.touch-ui #minimap canvas{--mm:96px}.touch-ui #minimap[data-mode=large] canvas{--mm:min(148px, 40vh)}}#bigmap{z-index:30;pointer-events:none;background:#141a3c59;place-items:center;display:grid;position:fixed;inset:0}#bigmap[hidden]{display:none}#bigmap .bm-frame{flex-direction:column;align-items:center;gap:12px;display:flex}#bigmap canvas{width:min(84vh,92vw);height:min(84vh,92vw);box-shadow:0 0 0 6px #fff, var(--shadow-pop);border-radius:50%}#bigmap .bm-legend{background:var(--hud-bg);box-shadow:var(--hud-shadow);color:var(--ui-ink);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:7px 16px;font-size:13px;font-weight:600;display:flex}#bigmap .bm-legend i{background:var(--c);width:11px;height:11px;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--ui-line);vertical-align:-1px;border-radius:50%;margin-right:5px;display:inline-block}#bigmap .bm-legend i.dot{vertical-align:1px;background:#ff6b5e;border-radius:1px;width:5px;height:5px;margin:0 8px 0 3px;box-shadow:0 0 0 2px #0f1222bf}#bigmap .bm-legend i.dia{border-radius:2px;transform:rotate(45deg)scale(.85)}.touch-ui #bigmap .bm-close{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));pointer-events:auto;touch-action:manipulation;width:52px;height:52px;font:700 22px var(--font,system-ui);color:var(--ui-ink);box-shadow:0 3px 0 #1c22502e, var(--shadow-pop);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.touch-ui #bigmap .bm-close:active{transform:scale(.9)}.touch-ui #bigmap .bm-tab{display:none}.touch-ui #bigmap .bm-tap{display:inline}@media (height<=520px){#bigmap .bm-frame{padding:0 calc(70px + env(safe-area-inset-right)) 0 env(safe-area-inset-left);flex-direction:row;gap:14px}#bigmap canvas{width:min(86vh,58vw);height:min(86vh,58vw);box-shadow:0 0 0 4px #fff, var(--shadow-pop)}#bigmap .bm-legend{border-radius:16px;flex-flow:column;align-items:flex-start;gap:3px;max-height:86vh;padding:8px 12px;font-size:12px;overflow:hidden}}#bigmap .bm-legend i.star{width:14px;height:14px;box-shadow:none;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);vertical-align:-2px}#levelup,#overlay,#gameover,#chest{color:var(--ui-ink)}.dlg-pop{animation:pop .25s var(--ease-bounce)}:is(#overlay,#gameover,#chest) .panel-header>:is(b,h1){text-shadow:0 2px #0000002e;margin:0;font-size:28px;font-weight:700;line-height:1}:is(#overlay,#gameover,#chest) .ph-icon img{width:52px;height:52px;image-rendering:pixelated}#levelup{z-index:8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#2834784d,#0c102cb8);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;inset:0}#levelup[hidden]{display:none}#levelup{overscroll-behavior:contain;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:flex-start;overflow-y:auto}#levelup>:first-child{flex:none;margin-top:auto}#levelup>:last-child{margin-bottom:auto}#levelup>*{flex:none}#levelup .title{text-align:center;max-width:100%;color:var(--ui-gold);-webkit-text-stroke:.15em var(--ui-navy);paint-order:stroke fill;text-shadow:0 .08em #1b1f4a,0 .14em .3em #00000059;animation:pop .4s var(--ease-bounce);font-size:46px;font-weight:700;line-height:1.05}#levelup .title small{color:#fff;-webkit-text-stroke:0;text-shadow:0 1px 2px #00000080;font-size:16px;font-weight:500;display:block}#levelup .options{grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:16px;width:min(840px,100%);display:grid}#levelup .option.card{--accent:var(--c);text-align:center;border-radius:var(--r-xl);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 35%, #fff), var(--shadow-card);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:12px 12px 14px;animation:.25s ease-out both fade-up}#levelup .option.card:hover{box-shadow:inset 0 0 0 3px var(--accent), var(--shadow-pop)}.option:nth-child(2){animation-delay:50ms}.option:nth-child(3){animation-delay:.1s}.option>.kbd{z-index:1;color:#fff;background:var(--ui-navy);border-radius:50%;min-width:26px;height:26px;font-size:14px;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 0 0 2px #fff}.option .fx,.option .opt-art{aspect-ratio:16/9;border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 70%, #fff, color-mix(in srgb, var(--accent) 22%, #fff));width:100%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 28%, #fff)}.option .fx{object-fit:cover;image-rendering:pixelated}.option .opt-art{place-items:center;display:grid;overflow:hidden}.option .opt-art .type-icon{width:56px;height:56px}.option .opt-art .px-item{width:96px;height:96px;image-rendering:pixelated}.option .opt-art .px-icon{width:120px;height:99px;margin-bottom:14px}.option .tag{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--accent) 50%, var(--ui-ink));background:color-mix(in srgb, var(--accent) 16%, #fff);border-radius:999px;align-items:center;gap:5px;margin-top:2px;padding:2px 10px 2px 6px;font-size:12px;font-weight:700;display:inline-flex}.option .tag .type-icon{width:18px;height:18px}.option strong{color:var(--ui-ink);font-size:21px;font-weight:700;line-height:1.1;display:block}.option .desc{color:#555c80;font-size:14px;font-weight:500}.option .syn{color:var(--ui-orange-edge);font-size:12px;font-weight:700}.option .recipe{color:var(--ui-green-edge);font-size:12px;font-weight:700}.option .lv{align-items:center;gap:3px;margin-top:2px;display:flex}.option .lv i{background:#dde2f0;border-radius:4px;width:16px;height:7px}.option .lv i.on{background:var(--ui-orange)}.option .lv i.new{background:var(--ui-green);animation:.8s step-end infinite blink}.lv i.ms{border-radius:2px;width:9px;height:9px;margin:0 2px;transform:rotate(45deg)translateY(-1px)}.lv i.final{width:11px;height:11px}.option .stars{gap:2px;margin-top:2px;font-size:13px;line-height:1;display:flex}.option .stars i{color:#dde2f0;font-style:normal}.option .stars i.on{color:var(--ui-orange)}.option .stars i.new{color:var(--ui-green);animation:.8s step-end infinite blink}#levelup .option.gold{box-shadow:inset 0 0 0 3px var(--ui-gold), 0 0 26px #ffcf3a8c, var(--shadow-card);background:linear-gradient(#fff3c4,#fff 55%)}#levelup .option.evocard{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, #fff), #fff 55%);box-shadow:inset 0 0 0 3px var(--ui-gold), 0 0 26px color-mix(in srgb, var(--accent) 60%, transparent), var(--shadow-card)}#levelup .option.bond{--accent:#e04fc0;box-shadow:inset 0 0 0 3px #ff9ae0, 0 0 22px #ff7ad973, var(--shadow-card);background:linear-gradient(#ffe3f6,#fff 55%)}#levelup .option.boon{--accent:var(--ui-purple);background:linear-gradient(#ece6ff,#fff 55%)}.bond-badge{display:flex}.bond-badge .type-icon{width:46px!important;height:46px!important}.bond-badge .type-icon+.type-icon{margin-left:-16px}#levelup .card-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}#levelup .card-tools:empty{display:none}#levelup .reroll,#levelup .skip{height:44px;padding:0 18px 0 14px;font-size:16px}#levelup .reroll small,#levelup .skip small{color:var(--ui-muted);font-size:14px}#levelup .banish-left{color:var(--ui-muted);font-size:14px;font-weight:700}#levelup .option{position:relative}#levelup .option .banish{z-index:1;width:26px;height:26px;color:var(--ui-muted);box-shadow:inset 0 0 0 2px var(--ui-line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:8px;right:8px}#levelup .option .banish:hover{color:#fff;box-shadow:none;background:#e5484d}#levelup .option.golden{box-shadow:inset 0 0 0 3px var(--ui-gold), 0 0 30px #ffcf3abf, var(--shadow-card);background:linear-gradient(#fff1b8,#fff 60%)}#overlay,#gameover{z-index:7;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c102c8c;place-items:center;display:grid;position:fixed;inset:0}#overlay[hidden],#gameover[hidden]{display:none}#overlay:has(>.pause){-webkit-backdrop-filter:blur(8px)saturate(.8);backdrop-filter:blur(8px)saturate(.8);background:#0c102c9e}#overlay .pause{--fs:clamp(13px, calc(.45vw + .5vh + 4px), 19px);font-size:var(--fs);text-align:left;width:90dvw;max-width:1760px;height:90dvh;animation:pop .25s var(--ease-bounce);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.pause-head{flex-wrap:wrap;gap:.6em 1em;padding:.7em 1.2em}.pause-head .ph-icon{width:2.4em;height:2.4em}.pause-head .ph-icon svg{fill:#fff;width:1.3em;height:1.3em}#overlay .pause-head>b{font-size:1.9em}.pause-chips{flex-wrap:wrap;gap:.4em;margin-left:auto;display:flex}.pause-chips span{color:var(--ui-muted);font-variant-numeric:tabular-nums;text-shadow:none;background:#fffffff2;border-radius:999px;padding:.3em .85em;font-size:.95em;font-weight:600;box-shadow:0 2px #0000001f}#overlay .pause-chips b{font-size:inherit;line-height:inherit;color:var(--ui-ink);text-shadow:none;display:inline}.pause-chips .stage{color:var(--ui-blue-edge);font-weight:700}.pause-chips .coin{color:var(--ui-orange-edge);font-weight:700}.pause-body{grid-template-columns:minmax(330px,1fr) minmax(0,2fr);gap:1em;min-height:0;padding:1em 1.2em 0;display:grid}.pause-build,.pause-statcard{border-radius:var(--r-lg);background:var(--ui-card-2);min-height:0;padding:.9em 1em;overflow-y:auto}.pause-body h2{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);margin:0 0 .7em;font-size:.78em;font-weight:700}.pb-moves{flex-direction:column;gap:.45em;display:flex}.pb-move{min-height:3.2em;box-shadow:inset .3em 0 0 var(--c), 0 2px 0 #1c225014;background:#fff;border-radius:1em;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;column-gap:.75em;padding:.4em .85em .4em .7em;display:grid}.pb-move .type-icon{width:1.9em;height:1.9em}.pb-move.free{--c:var(--ui-line);box-shadow:inset 0 0 0 2px var(--ui-line);opacity:.8;background:0 0;border:0}.pb-move.free .type-icon{box-shadow:inset 0 0 0 1.5px var(--ui-line);background:#fff}.pb-move.free b{color:var(--ui-muted)}.pb-move.free small{color:var(--ui-muted);font-weight:500}.pb-name{min-width:0;line-height:1.2}.pb-name b,.pb-name small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pb-name b{font-size:1em;font-weight:700}.pb-name small{color:color-mix(in srgb, var(--c) 55%, var(--ui-ink));font-size:.72em;font-weight:600}.pb-lvl{align-items:center;gap:.35em;display:flex}.pb-lvl em{color:var(--ui-orange-edge);font-size:.85em;font-style:normal;font-weight:700}.pb-lvl em.z{background:var(--ui-gold);color:#5a3c00;border-radius:999px;padding:0 .4em;font-size:.72em}.pb-lvl .pips{gap:.2em;display:flex}.pb-lvl .pips i{width:.5em;height:.5em;box-shadow:none;background:#dde2f0;border-radius:50%;transform:none}.pb-lvl .pips i.on{background:var(--ui-orange)}.pb-key{flex-direction:column;align-items:flex-end;min-width:3em;line-height:1.15;display:flex}.pb-key b{font-variant-numeric:tabular-nums;font-size:1em}.pb-key small{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.62em;font-weight:600}.pb-rows{flex-direction:column;gap:.55em;margin-top:1em;display:flex}.pb-row{grid-template-columns:6.2em minmax(0,1fr);align-items:center;gap:.7em;display:grid}.pb-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-muted);font-size:.7em;font-weight:700}.pb-chips{flex-wrap:wrap;gap:.35em;display:flex}.pb-chip{white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.3em;min-height:2em;padding:0 .45em;font-size:.85em;font-weight:600;display:inline-flex;box-shadow:0 2px #1c225014}.pb-chip.text{padding:0 .75em 0 .35em}.pb-chip.free{box-shadow:inset 0 0 0 1.5px var(--ui-line);color:var(--ui-muted);background:0 0;padding:0 .8em;font-weight:500}.pb-chip.rare{box-shadow:inset 0 0 0 2px #7fb0ff}.pb-chip.epic{box-shadow:inset 0 0 0 2px #c58cff}.pb-chip.legendary{box-shadow:inset 0 0 0 2px #ffb94a}.pb-chip .px-item{width:1.8em;height:1.8em}.pb-chip.evo{padding-left:.1em}.pb-chip .px-icon{object-fit:none;object-position:50% 55%;width:40px;height:36px;image-rendering:pixelated;margin:-.2em 0}.pb-chip .type-icon{width:1.35em;height:1.35em}.pb-chip .type-icon+.type-icon{margin-left:-.5em}.pb-chip b{color:var(--ui-orange-edge);font-size:.8em}.pb-chip i{color:var(--ui-orange);font-size:.7em;font-style:normal}.pb-chip.done{color:var(--ui-green-edge)}.pb-ability{align-items:baseline;gap:.5em;min-width:0;font-size:.9em;display:flex}.pb-ability b{color:var(--ui-blue-edge);flex:none}.pb-ability span{min-width:0;color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}.pb-move.evolved{box-shadow:inset .3em 0 0 var(--c), inset 0 0 0 2px color-mix(in srgb, var(--c) 60%, var(--ui-gold)), 0 2px 0 #1c225014}.pb-move.evolved .pb-name b{color:color-mix(in srgb, var(--c) 55%, var(--ui-ink))}.pb-slots{color:var(--ui-muted);margin:0 0 6px;font-size:13px;font-weight:600}.pb-move.fused{--c:#e04fc0;background:linear-gradient(90deg,#ffe3f6,#fff 70%)}.pb-fuse{display:inline-flex}.pb-fuse .type-icon+.type-icon{margin-left:-.5em}.rs-grid{columns:3 13em;column-gap:1.4em}.rs-sec{break-inside:avoid;margin-bottom:.8em}.rs-sec h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-orange-edge);margin:0 0 .35em;font-size:.72em;font-weight:700}.rs-row{border-radius:.6em;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;column-gap:.4em;padding:clamp(2px,.6vh - 1.5px,7px) .55em;font-size:.92em;display:grid}.rs-row:nth-child(2n){background:#fff}.rs-row span{color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.rs-row i{color:var(--ui-muted);opacity:.8;font-size:.82em;font-style:normal}.rs-row i u{color:var(--ui-green-edge);opacity:1;text-decoration:none}.rs-row b{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.rs-row.buffed b{color:var(--ui-green-edge)}.rs-row em{vertical-align:.1em;margin-left:.25em;font-size:.65em;font-style:normal}.rs-row em.up{color:var(--ui-red-edge)}.rs-row em.down{color:var(--ui-blue-edge)}.pause-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75em;padding:.9em 1.2em 1em;display:flex}.mini-player{background:var(--ui-card-2);min-width:0;height:44px;box-shadow:inset 0 0 0 2px var(--ui-line);color:var(--ui-ink);border-radius:999px;flex:0 320px;align-items:center;gap:2px;padding:0 5px;font-size:14px;display:flex}.mp-btn{width:34px;height:34px;color:var(--ui-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .1s;display:grid}.mp-btn:hover{background:#fff}.mp-btn:active{transform:scale(.92)}.mp-btn svg{fill:currentColor;width:16px;height:16px}.mini-player .track{flex:1;align-items:center;gap:6px;min-width:0;padding:0 4px;display:flex}.mini-player .track svg{width:14px;height:14px;fill:var(--ui-orange);flex:none}.mini-player .track b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.mini-player .track.empty b{color:var(--ui-muted);font-style:italic;font-weight:500}.mini-player .track.empty svg{fill:var(--ui-muted);opacity:.6}.pause-actions{align-items:center;gap:10px;display:flex}.pause-actions .pill-icon{font:700 20px var(--font)}.pause-actions .pill-icon.quit{color:var(--ui-red-edge);box-shadow:inset 0 0 0 2px #ffc2b9,0 2px #1c22501a}.pause-actions .resume{height:50px;padding:0 28px;font-size:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){#overlay .pause{grid-template-rows:none;width:94dvw;height:auto;max-height:94dvh;overflow-y:auto}.pause-body{grid-template-columns:minmax(0,1fr);padding:12px 12px 0}.pause-build,.pause-statcard{overflow:visible}.pause-chips{margin-left:0}.pause-foot{padding:12px}.rs-grid{columns:2 12em}}@media (width<=560px){.pause-chips span{padding:4px 9px;font-size:13px}.pb-move{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:.6em}.pb-move .type-icon{grid-row:1/span 2}.pb-name{grid-area:1/2}.pb-name small{display:none}.pb-move.free .pb-name small{display:block}.pb-lvl{grid-area:2/2}.pb-key{grid-row:1/span 2;min-width:2.6em}.pb-key:nth-last-child(2){grid-column:3}.pb-key:last-child{grid-column:4}.pb-row{grid-template-columns:minmax(0,1fr);gap:4px}.mini-player{flex:100%;max-width:none}.pause-actions{justify-content:flex-end;width:100%}.pause-actions .resume{flex:1;justify-content:center}}#chest{z-index:8;cursor:pointer;background:#0c102c80;place-items:center;padding:12px;display:grid;position:fixed;inset:0}#chest[hidden]{display:none}.chest-spin{text-align:center;width:min(560px,100%);animation:pop .25s var(--ease-bounce)}.chest-spin .panel-header{justify-content:center;transition:background .2s}.chest-spin.landed .panel-header{--accent:var(--c);--accent-edge:color-mix(in srgb, var(--c) 70%, #000)}.cs-body{padding:16px 20px 18px}.cs-window{border-radius:var(--r-md);height:92px;box-shadow:inset 0 0 0 2px var(--ui-line), inset 0 2px 6px #1c22501f;background:linear-gradient(90deg,#dfe3f1,#f7f8fd 30% 70%,#dfe3f1);position:relative;overflow:hidden}.cs-strip{will-change:transform;height:100%;display:flex}.cs-cell{border-right:1px solid var(--ui-line);box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--r) 75%, transparent);flex:0 0 76px;place-items:center;display:grid}.cs-cell .px-item{width:52px;height:52px}.cs-marker{border:4px solid var(--ui-orange);pointer-events:none;border-radius:14px;width:80px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ffab2e99}.chest-spin.landed{box-shadow:0 0 40px color-mix(in srgb, var(--c) 60%, transparent), var(--shadow-pop)}.chest-spin.landed .cs-marker{border-color:var(--c);box-shadow:0 0 22px var(--c)}.cs-result{animation:pop .3s var(--ease-bounce);margin-top:14px}.cs-result b{font-size:24px}.cs-result .cs-rarity{color:#fff;background:var(--c);vertical-align:3px;text-shadow:0 1px #00000040;border-radius:999px;margin-left:6px;padding:1px 10px;font-size:13px;font-weight:700;display:inline-block}.cs-result small{color:var(--ui-muted);margin-top:4px;font-size:15px;display:block}.mart{width:min(560px,100%);max-height:calc(100dvh - 24px);animation:pop .25s var(--ease-bounce);cursor:default}.mart .panel-header{--accent:var(--ui-blue);--accent-edge:var(--ui-blue-edge)}.mart .panel-header>div{flex:1;min-width:0}.mart-coins{flex:none}.mart-items{flex-direction:column;gap:10px;padding:16px 16px 10px;display:flex;overflow-y:auto}.mart-item.card{--accent:var(--ui-blue);padding:10px 16px 10px 14px}.mart-item .card-icon{width:50px;height:50px}.mart-item .card-icon>img{width:44px;height:44px}.mart-item .card-title{font-size:19px}.mart-item .card-sub{white-space:normal}.mart-price{background:var(--ui-card-2);height:34px;color:var(--ui-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:0 12px 0 6px;font-size:16px;font-weight:700;display:inline-flex}.mart-price .px-item{width:30px;height:30px;margin:-4px 0}.mart .mart-item.card:disabled{cursor:not-allowed;transform:none}.mart-item.sold{opacity:.45}.mart-item.sold .mart-price{color:var(--ui-muted);padding:0 12px}.mart-item.poor{--accent:var(--ui-red)}.mart-item.poor .mart-price{color:var(--ui-red-edge);background:#ffe7e4}.mart-foot{justify-content:flex-end;padding:10px 16px 16px;display:flex}#gameover .go-panel{text-align:center;width:min(1080px,100%);max-height:calc(100dvh - 24px);animation:pop .3s var(--ease-bounce)}#gameover .panel-header{--accent:var(--ui-red);--accent-edge:var(--ui-red-edge);text-align:left}#gameover.won .panel-header{--accent:var(--ui-orange);--accent-edge:var(--ui-orange-edge)}#gameover .panel-header h1{flex:1;min-width:0}.go-body{padding:14px 18px 18px;overflow-y:auto}#gameover .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}#gameover .row .pill{height:52px;padding:0 22px;font-size:19px}#gameover .row .pill.green{padding:0 26px}#gameover .row .pill .kbd{color:#fff;box-shadow:none;background:#ffffff40}#gameover .row .pill:not(.green) .kbd{color:var(--ui-ink);background:var(--ui-card-2);box-shadow:inset 0 0 0 1.5px var(--ui-line)}.record-banner{color:#fff;background:var(--stripes), linear-gradient(180deg, #ffd96b, var(--ui-orange));box-shadow:0 3px 0 var(--ui-orange-edge);text-shadow:0 1px #96500059;border-radius:999px;margin:0 0 10px;padding:4px 16px;font-weight:700;display:inline-block}.o-nums{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px;display:grid}@media (width<=760px){.o-nums{grid-template-columns:repeat(3,1fr)}}.o-num{border-radius:var(--r-md);background:var(--ui-card-2);flex-direction:column;align-items:center;padding:10px 6px;display:flex}.o-num b{align-items:center;gap:4px;font-size:26px;line-height:1.1;display:flex}.o-num b .px-item{width:26px;height:26px}.o-num span{color:var(--ui-muted);font-size:12px;font-weight:600}.o-cols{text-align:left;grid-template-columns:1fr 260px;gap:14px;display:grid}@media (width<=760px){.o-cols{grid-template-columns:1fr}}.o-moves{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=760px){.o-moves{grid-template-columns:repeat(2,1fr)}}.o-move{border-radius:var(--r-md);min-width:0;box-shadow:inset 5px 0 0 var(--c), inset 0 0 0 2px var(--ui-line);background:#fff;align-items:center;gap:6px;padding:8px 12px;display:flex}.o-move .type-icon{width:28px;height:28px}.o-move-txt{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.o-move-txt span,.o-move-txt small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.o-move-txt span{font-size:14px;font-weight:700}.o-move-txt small{color:color-mix(in srgb, var(--c) 55%, var(--ui-ink));font-size:11px;font-weight:600}.o-move b{color:var(--ui-orange-edge);font-size:14px}.o-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.o-chip{background:var(--ui-card-2);border-radius:999px;align-items:center;gap:3px;padding:3px 9px 3px 4px;font-size:13px;font-weight:700;display:inline-flex}.o-chip .type-icon{width:20px;height:20px}.o-chip .px-item{width:24px;height:24px}.o-chip.ability{color:var(--ui-blue-edge);padding:4px 11px}.o-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.o-stats div{border-radius:var(--r-sm);background:var(--ui-card-2);justify-content:space-between;padding:6px 10px;font-size:14px;display:flex}.o-stats span{color:var(--ui-muted);font-weight:600}.o-loots{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.o-loot{border-radius:var(--r-md);background:var(--ui-card-2);align-items:center;padding-right:6px;display:inline-flex}.o-loot .px-icon{width:56px;height:46px}.o-loot.shiny{box-shadow:inset 0 0 0 2px var(--ui-gold)}#gameover .ranking-line{color:var(--ui-muted)}@keyframes shine{to{filter:brightness(1.25)}}#touch{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#touch[hidden]{display:none}#touch .t-look{pointer-events:auto;touch-action:none;position:absolute;inset:0}#touch .t-stick{left:calc(118px + env(safe-area-inset-left));top:calc(100% - 104px - env(safe-area-inset-bottom));pointer-events:none;opacity:.32;background:#ffffff38;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;transition:opacity .15s;position:absolute;box-shadow:inset 0 0 0 3px #ffffffbf,0 4px 14px #0a0e2c33}#touch .t-stick.on{opacity:1;transition:none}#touch .t-knob{width:48px;height:48px;box-shadow:var(--hud-shadow);background:#fff;border-radius:50%;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}#touch .t-btn{pointer-events:auto;touch-action:none;width:64px;height:64px;color:var(--ui-ink);font:700 24px/1 var(--font,system-ui);-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;transition:transform 80ms;display:flex;position:absolute;box-shadow:0 3px #1c22502e,0 6px 16px #0a0e2c40}#touch .t-btn svg{fill:currentColor;width:26px;height:26px}#touch .t-btn small{letter-spacing:.02em;color:var(--ui-muted);margin-top:2px;font-size:9.5px;font-weight:700}#touch .t-btn.on{color:#fff;background:linear-gradient(180deg, #ffc35e, var(--ui-orange));box-shadow:0 1px 0 var(--ui-orange-edge), 0 3px 10px #0a0e2c40;transform:translateY(2px)scale(.94)}#touch .t-btn.on small{color:#fff}#touch .t-jump{right:calc(20px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:84px;height:84px}#touch .t-jump svg{width:32px;height:32px}#touch .t-slide{right:calc(118px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}#touch .t-act{right:calc(30px + env(safe-area-inset-right));bottom:calc(122px + env(safe-area-inset-bottom));font-size:22px}#touch .t-act.ready{color:#5a3c00;background:linear-gradient(180deg, #ffe58a, var(--ui-gold));box-shadow:0 3px 0 var(--ui-orange-edge), 0 0 0 4px #ffcf3a73, 0 6px 16px #0a0e2c40;animation:1.1s ease-in-out infinite act-pulse}#touch .t-act.ready small{color:#5a3c00}@keyframes act-pulse{50%{box-shadow:0 3px 0 var(--ui-orange-edge), 0 0 0 9px #ffcf3a33, 0 6px 16px #0a0e2c40}}#touch .t-pause{right:calc(8px + env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));touch-action:manipulation;width:48px;height:48px}#touch .t-pause svg{width:22px;height:22px}#touch .t-pause:active{background:#fff3c4;transform:scale(.9)}canvas{touch-action:none}@media (height<=420px){#touch .t-jump{width:76px;height:76px;bottom:calc(18px + env(safe-area-inset-bottom))}#touch .t-slide{width:58px;height:58px;right:calc(108px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}#touch .t-act{width:58px;height:58px;bottom:calc(108px + env(safe-area-inset-bottom))}}:where(.touch-ui) *{touch-action:manipulation}.touch-ui,.touch-ui body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.touch-ui :is(.hud-el,#hud-top,#prompt,#levelup,#chest,#bigmap){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-ui #prompt{z-index:5;pointer-events:auto;cursor:pointer;min-height:48px}.touch-ui #prompt:active{transform:translate(-50%)scale(.95)}.touch-ui #prompt .kbd{color:#5a3c00;background:var(--ui-gold);min-width:1.9em;height:1.9em;box-shadow:0 2px 0 var(--ui-orange-edge);border-radius:50%}.touch-ui #levelup .option .banish{width:40px;height:40px;font-size:16px;top:4px;right:4px}.touch-ui .mp-btn{width:42px;height:42px}.touch-ui .panel-header .ph-close{width:44px;height:44px}.touch-ui :is(.pill,.pill-icon,.btn-wide,.card,.mp-btn,.ph-close,.tabs button):active{filter:brightness(.94)}@media (height<=520px),(width<=700px){#debug{display:none}:root{--hud-fs:10px}#plate{left:calc(8px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));width:19em}#hud-top{top:calc(6px + env(safe-area-inset-top));width:min(30em, calc(100vw - 2 * 21em - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:0}.top-row .stage,.top-sub .kos{display:none}#moves{bottom:calc(8px + env(safe-area-inset-bottom));transform-origin:bottom;transform:translate(-50%)scale(.8)}.touch-ui #moves{max-width:calc((100vw - 400px - env(safe-area-inset-left) - env(safe-area-inset-right)) / .8);flex-wrap:wrap-reverse;justify-content:center;align-items:center}.touch-ui .move{min-width:0}.touch-ui .move b{text-overflow:ellipsis;max-width:8em;overflow:hidden}#levelup{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:8px}#levelup .title{font-size:26px}#levelup .options{gap:8px}#levelup .option.card{border-radius:var(--r-lg);gap:3px;padding:6px 6px 8px}.option .fx,.option .opt-art{aspect-ratio:16/7}.option .opt-art .px-icon{width:90px;height:74px;margin-bottom:10px}.option .opt-art .px-item{width:54px;height:54px}.option .opt-art .type-icon{width:40px;height:40px}.option strong{font-size:15px}.option .desc{font-size:11px}.option .tag,.option .recipe,.option .syn{font-size:10px}.option>.kbd{display:none}:is(#overlay,#gameover,#chest) .panel-header>:is(b,h1){font-size:22px}.go-body{padding:10px 12px 12px}.o-nums{gap:6px;margin-bottom:10px}.o-num{padding:6px 4px}.o-num b{font-size:20px}}@media (height<=420px){#levelup .title{font-size:22px}#levelup .title small{font-size:13px}.option .fx,.option .opt-art{aspect-ratio:16/5}.option .opt-art .px-icon{width:72px;height:60px;margin-bottom:6px}#levelup .reroll,#levelup .skip{height:44px;font-size:15px}.cs-window{height:76px}.cs-body{padding:10px 14px 12px}}@media (width<=560px){#hud-top{width:calc(100vw - 16px);top:84px}#minimap{top:8px;right:8px}#minimap canvas{width:92px;height:92px}.mart .panel-header small{display:none}#levelup .options{grid-template-columns:minmax(0,1fr);max-width:440px}#levelup .option.card{text-align:left;grid-template-columns:104px minmax(0,1fr);place-items:center start;gap:2px 10px;padding:8px 12px 8px 8px;display:grid}#levelup .option .fx,#levelup .option .opt-art{aspect-ratio:4/3;grid-row:1/span 6;align-self:center}#levelup .option .tag{margin-top:0}.option strong{font-size:16px}.option .desc{font-size:12px}#gameover .row .pill{flex:1;justify-content:center}}body.sim>:not(#canvas){display:none!important}body.sim #canvas{width:480px!important;height:270px!important}#menu{z-index:10;-webkit-backdrop-filter:blur(6px);background:linear-gradient(#3a5abe73,#0e12309e);position:fixed;inset:0;overflow:hidden auto}#menu.demo.veil{-webkit-backdrop-filter:blur(5px);background:linear-gradient(#283c9638,#0e12306b)}#menu[hidden]{display:none}#menu{padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:contain}#menu .screen{flex-direction:column;align-items:center;gap:18px;max-width:1180px;min-height:100%;margin:0 auto;padding:22px 20px 40px;display:flex}#menu h1,#menu h2{margin:0;font-weight:700}#menu .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}#menu .small{font-size:14px}.wallet .counter{height:38px}.btn-wide:disabled,.pill:disabled{filter:grayscale(.85);opacity:.55;cursor:not-allowed;transform:none!important}.quiz{justify-content:center;gap:26px;min-height:100dvh}.quiz .logo-xl{width:clamp(240px,42vw,520px);margin-bottom:4px;animation:.5s ease-out fade-up}.quiz-login{position:absolute;top:16px;right:16px}.quiz .progress{gap:6px;padding:9px 12px}.quiz .progress i{background:var(--ui-line);border-radius:5px;width:30px;height:10px;transition:background .2s}.quiz .progress i.on{background:var(--ui-orange)}.quiz .progress i.now{background:var(--ui-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-blue) 25%, transparent)}.starters{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.starter{width:84px;height:84px;box-shadow:inset 0 0 0 3px #fff, var(--shadow-card);background:radial-gradient(circle at 50% 35%,#fff,#e9edfb);border-radius:50%;transition:all .4s;position:relative;overflow:hidden}.starter img{width:136px;height:112px;transition:all .4s;position:absolute;top:50%;left:50%;translate:-50% -62%}.starter.unknown img{filter:brightness(0)opacity(.55)}.starter.unknown{animation:2.4s ease-in-out infinite hover}.starter.unknown:nth-child(2){animation-delay:-.5s}.starter.unknown:nth-child(3){animation-delay:-1s}.starter.unknown:nth-child(4){animation-delay:-1.5s}.starter.unknown:nth-child(5){animation-delay:-2s}.starter.dim{opacity:.6}.starter.dim img{filter:brightness(0)opacity(.25)}.starter.chosen{box-shadow:inset 0 0 0 3px var(--ui-gold), var(--shadow-pop);background:radial-gradient(circle at 50% 35%,#fff,#ffe9c7);transform:scale(1.18)}@keyframes hover{50%{transform:translateY(-6px)}}.dialog-wrap{align-items:flex-end;gap:16px;width:min(860px,100%);display:flex}.dialog-wrap .speech{cursor:pointer;flex:1;min-height:112px;animation:.3s ease-out fade-up}.dialog-wrap .speech.question{cursor:default}.dialog-wrap .speech.choices{cursor:default;flex:none;width:min(380px,48%);min-height:0}@media (width<=760px){.dialog-wrap{flex-direction:column;align-items:stretch;gap:24px}.dialog-wrap .speech.choices{width:100%}}@media (width<=520px){.quiz{gap:18px;padding-top:70px!important}.quiz-login{justify-content:center;left:16px;right:16px}.starters{flex-wrap:nowrap;gap:8px}.starter{width:56px;height:56px}.starter img{width:96px;height:79px}.quiz .progress i{width:18px}}.reveal-stage{place-items:center;width:300px;height:300px;display:grid;position:relative}.reveal-stage:before{content:"";background:radial-gradient(circle,#fff 0,#ffffffd9 45%,#0000 70%);border-radius:50%;position:absolute;inset:40px}.reveal-stage .rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--c) 65%, #fff) 0 10deg, transparent 10deg 20deg);border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:-60px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}.reveal-stage .art{object-fit:contain;filter:drop-shadow(0 8px #1c22502e);width:260px;height:260px;animation:.7s cubic-bezier(.3,1.6,.5,1) pop;position:relative}@media (width<=520px){.reveal-stage{width:220px;height:220px}.reveal-stage .art{width:200px;height:200px}}#menu .screen.slot,#menu .screen.pcbox{gap:14px;max-width:1400px;height:100dvh;min-height:0;padding:16px 24px 18px}.gacha{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:18px;width:100%;min-height:0;display:grid}.gacha-stage{--c:#fff;--cc:color-mix(in srgb, var(--c) 72%, #3a4170);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--r-xl);min-height:320px;box-shadow:inset 0 0 0 4px #fff, var(--shadow-pop);background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--c) 34%, #fff), #eef1fb 72%);place-items:center;display:grid;position:relative;overflow:hidden}.gacha-stage:before{content:"";pointer-events:none;background:radial-gradient(ellipse, color-mix(in srgb, var(--c) 22%, #2d33661a), transparent 70%);border-radius:50%;height:34%;position:absolute;bottom:14%;left:6%;right:6%}.g-rays{pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb, var(--c) 45%, transparent) 0 9deg, transparent 9deg 22deg);border-radius:50%;width:640px;height:640px;margin:-320px 0 0 -320px;animation:22s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 12%,#0000 62%);mask:radial-gradient(circle,#000 12%,#0000 62%)}.gacha-idle{text-align:center;color:var(--ui-ink);flex-direction:column;align-items:center;gap:4px;padding:0 16px;display:flex;position:relative}.gacha-idle b{text-shadow:0 3px #fff;margin-top:10px;font-size:34px;line-height:1;position:relative}.gacha-idle>span{color:var(--ui-muted);font-size:16px;font-weight:700;position:relative}.gacha-ball{width:150px;height:150px;image-rendering:pixelated;filter:drop-shadow(0 10px 0 #1c225026) drop-shadow(0 0 22px var(--c));animation:2.4s ease-in-out infinite idle-bob;position:relative}.gi-balls{border-radius:var(--r-pill);box-shadow:var(--shadow-card);background:#fffc;gap:6px;margin-top:14px;padding:4px 12px;display:flex;position:relative}.gi-balls .px-ball{width:34px;height:34px;animation:1.6s ease-in-out infinite idle-bob}.gi-balls .px-ball:nth-child(2){animation-delay:.15s}.gi-balls .px-ball:nth-child(3){animation-delay:.3s}.gi-balls .px-ball:nth-child(4){animation-delay:.45s}.gi-balls .px-ball:nth-child(5){animation-delay:.6s}.gacha-side{align-self:stretch;max-height:100%}.gacha-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px 16px 16px;display:flex;overflow-y:auto}.gacha-actions{flex-direction:column;gap:14px;display:flex}.btn-pull{flex-direction:column;gap:2px;height:66px;position:relative}.btn-pull b{font-size:22px;line-height:1}.btn-pull small{opacity:.95;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.btn-pull .ticket{width:30px;height:19px;text-shadow:none;font-size:10px}.pull-flag{border-radius:var(--r-pill);color:var(--ui-ink);text-shadow:none;background:var(--ui-gold);padding:2px 10px;font-size:12px;font-weight:700;animation:1.8s ease-in-out infinite idle-bob;position:absolute;top:-11px;right:10px;box-shadow:0 2px #d99a00}.btn-pull:disabled .pull-flag{animation:none}.odds{flex-direction:column;gap:4px;display:flex}.odds-head,.odds-row{grid-template-columns:28px 1fr 54px 54px;align-items:center;gap:6px;display:grid}.odds-head{color:var(--ui-muted);text-align:right;padding:0 12px 0 6px;font-size:12px;font-weight:700}.odds-row{--cc:color-mix(in srgb, var(--c) 70%, #3a4170);border-radius:var(--r-md);background:var(--ui-card-2);padding:3px 12px 3px 6px;font-size:15px;font-weight:600}.odds-row span{color:var(--cc);font-weight:700}.odds-row b{text-align:right}.odds-row b.hot{color:var(--ui-red-edge)}.odds .px-ball{width:28px;height:28px}.odds-note{color:var(--ui-muted);margin:0;font-size:12.5px;font-weight:600}.pity-box{border-radius:var(--r-md);background:color-mix(in srgb, var(--ui-gold) 14%, #fff);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ui-gold) 45%, #fff);flex-direction:column;gap:6px;margin-top:auto;padding:12px;display:flex}.pity-label{align-items:center;gap:8px;font-weight:700;display:flex}.pity-label span{flex:1}.pity-label b{font-size:20px}.pity-label .px-ball{width:28px;height:28px}.pity-box small{font-size:12.5px;font-weight:600}.pity{height:12px;box-shadow:inset 0 0 0 2px var(--ui-line);background:#fff;border-radius:6px;overflow:hidden}.pity div{background:var(--stripes), linear-gradient(90deg, var(--ui-gold), var(--ui-orange));border-radius:6px;height:100%}.g-play{position:absolute;inset:0}.g-line{z-index:1100;border-radius:var(--r-pill);box-shadow:var(--shadow-card);background:#ffffffe6;gap:2px;padding:4px 8px;display:flex;position:absolute;top:12px;left:50%;translate:-50%}.g-slot{--cc:color-mix(in srgb, var(--c) 72%, #3a4170);aspect-ratio:1;width:clamp(26px,7vw,42px);animation:slot-drop .45s var(--ease-bounce) both;animation-delay:calc(var(--i) * 60ms);border-radius:50%;place-items:center;transition:scale .2s,background .2s;display:grid;position:relative}.g-slot img{object-fit:contain;width:80%;height:80%;image-rendering:pixelated}.g-slot.hi img{filter:drop-shadow(0 0 5px var(--c))}.g-slot.now{background:color-mix(in srgb, var(--c) 35%, #fff);box-shadow:0 0 0 3px var(--cc);scale:1.2}.g-slot.done{background:color-mix(in srgb, var(--c) 22%, #fff)}.g-slot.done img{filter:none;width:100%;height:100%;animation:.3s ease-out pop}.g-slot.new:after{content:"";background:var(--ui-red);border-radius:50%;width:9px;height:9px;position:absolute;top:0;right:0;box-shadow:0 0 0 2px #fff}@keyframes slot-drop{0%{opacity:0;transform:translateY(-36px)scale(.4)}}.g-bar{z-index:1100;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.g-bar>*{pointer-events:auto}.g-hint{border-radius:var(--r-pill);color:var(--ui-muted);box-shadow:var(--shadow-card);background:#ffffffe6;padding:7px 14px;font-size:14px;font-weight:700}.g-btns{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.g-btns .pill{gap:6px;height:40px;padding:0 16px 0 12px;font-size:15px}.g-btns .pill svg{width:16px;height:16px}.g-btns .pill:disabled{opacity:.6}.g-btns kbd{font:700 11px var(--font);color:var(--ui-muted);background:var(--ui-card-2);box-shadow:inset 0 -2px 0 var(--ui-line);border-radius:6px;padding:2px 6px}@media (hover:none){.g-btns kbd{display:none}}.g-intro,.g-mini{z-index:1050;text-align:center;color:var(--ui-ink);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0;overflow:hidden}.g-intro>:not(.g-rays),.g-mini>:not(.g-rays){position:relative}.g-bigball{width:140px;height:140px;image-rendering:pixelated;animation:ball-drop .6s var(--ease-bounce) both;filter:drop-shadow(0 0 18px var(--c)) drop-shadow(0 8px 0 #1c225026)}.g-intro b{text-shadow:0 3px #fff;font-size:34px;line-height:1;animation:.4s .2s both fade-up}.g-intro small{color:var(--ui-muted);font-size:16px;font-weight:700;animation:.4s .3s both fade-up}@keyframes ball-drop{0%{opacity:0;transform:translateY(-180px)scale(.5)}}.g-tag{--cc:color-mix(in srgb, var(--c) 72%, #3a4170);vertical-align:middle;border-radius:var(--r-pill);height:28px;color:var(--cc);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 55%, #fff);background:#fff;align-items:center;gap:2px;padding:0 12px 0 6px;font-size:14px;font-weight:700;display:inline-flex}.g-tag .px-ball{width:26px;height:26px}.g-mini{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--c) 40%, #fff), #fffffff2 70%);animation:.3s ease-out pop}.g-mini canvas{height:170px;image-rendering:pixelated}.g-mini b{align-items:center;gap:6px;font-size:30px;line-height:1;display:inline-flex}.g-mini small{font-weight:700}.g-mini.shiny:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffe98c8c 50%,#0000 65%) -200% 0/200% 100% no-repeat;animation:1.4s ease-in-out infinite sheen;position:absolute;inset:0}@keyframes sheen{to{background-position:200% 0}}.g-candy{color:var(--ui-ink);align-items:center;gap:2px;font-weight:700;display:inline-flex}.g-candy .px{width:24px;height:24px}.g-field{cursor:crosshair;position:absolute;inset:0;overflow:hidden}.g-shadow{image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-85%)}.g-shadow.fresh{filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 8px #ffc21a)}.g-new{z-index:999;border-radius:var(--r-pill);pointer-events:none;color:#fff;white-space:nowrap;background:var(--ui-red);box-shadow:0 2px 0 var(--ui-red-edge);padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:0;left:0;translate:-50%}.g-ball{width:46px;height:46px;image-rendering:pixelated;z-index:1000;pointer-events:none;filter:drop-shadow(0 4px #1c225033);position:absolute;top:0;left:0;translate:-50% -50%}.g-ball.held{animation:1.2s ease-in-out infinite idle-bob}.g-ball.landed{transform-origin:50% 90%}.g-ball.caught{filter:drop-shadow(0 0 12px #ffd84a)brightness(1.2)}.g-aim{border-top:4px dashed var(--cc);transform-origin:0;opacity:.85;pointer-events:none;width:140px;height:0;position:absolute;top:100%;left:50%}.g-ring{z-index:1001;pointer-events:none;border:4px solid #ffd84a;border-radius:50%;width:20px;height:20px;animation:.5s ease-out forwards ring-out;position:absolute;translate:-50% -50%}@keyframes ring-out{to{opacity:0;border-width:1px;width:150px;height:150px}}.prizes{flex-direction:column;justify-content:safe center;align-items:center;gap:14px;padding:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.prize-sum{flex-wrap:wrap;justify-content:center;gap:6px;min-height:26px;display:flex}.prize-sum .badge{align-items:center;gap:4px;font-size:13px;display:inline-flex}.prize-sum .px{width:20px;height:20px;margin:-4px 0}.prize-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;max-width:880px;display:grid}.prize-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.prize-actions .btn-wide{width:auto;min-width:150px;height:48px;padding:0 22px}.pmini{--cc:color-mix(in srgb, var(--c) 72%, #3a4170);font:inherit;color:var(--ui-ink);text-align:center;border-radius:var(--r-lg);cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 32%, #fff), #fff 72%);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--c) 55%, #fff), var(--shadow-card);animation:card-flip .45s var(--ease-bounce) both;animation-delay:var(--d);border:0;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.pmini:hover{transform:translateY(-3px)}.pmini>:not(.g-rays){position:relative}.pmini .g-rays{width:300px;height:300px;margin:-150px 0 0 -150px;top:40%}.pmini .corner{width:24px;height:24px;position:absolute;top:4px;right:4px}.pmini canvas{object-fit:contain;max-width:100%;height:92px;image-rendering:pixelated}.pmini b{align-items:center;gap:3px;font-size:15px;line-height:1.1;display:inline-flex}.pmini small{font-size:12.5px}.pmini.shiny,.pcard.shiny{box-shadow:inset 0 0 0 3px var(--ui-gold), 0 0 0 3px color-mix(in srgb, var(--ui-gold) 40%, transparent), var(--shadow-card)}.pmini:is(.legendary,.mythical),.pcard:is(.legendary,.mythical){box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--c) 70%, #fff), 0 0 22px color-mix(in srgb, var(--c) 70%, transparent), var(--shadow-card)}.pmini:is(.legendary,.mythical) canvas,.pcard:is(.legendary,.mythical) canvas{filter:drop-shadow(0 0 10px var(--c))}@keyframes card-flip{0%{opacity:0;transform:perspective(700px)rotateY(90deg)scale(.8)}}.pcard{--cc:color-mix(in srgb, var(--c) 72%, #3a4170);width:min(340px,100%);color:var(--ui-ink);text-align:center;border-radius:var(--r-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 40%, #fff), #fff 64%);box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--c) 60%, #fff), var(--shadow-pop);animation:card-flip .6s var(--ease-bounce) both;flex-direction:column;align-items:center;gap:8px;padding:18px 18px 20px;display:flex;position:relative;overflow:hidden}.pcard>:not(.g-rays){position:relative}.pcard .g-rays{top:36%}.pcard.shiny:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffe98c99 50%,#0000 65%) -200% 0/200% 100% no-repeat;animation:1.6s ease-in-out infinite sheen;position:absolute;inset:0}.pc-rib{border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--cc);align-items:center;gap:2px;height:30px;padding:0 14px 0 6px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 3px #1c225033}.pc-rib .px-ball{width:28px;height:28px}.pc-shiny{border-radius:var(--r-pill);background:var(--ui-gold);align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 2px #d99a00}.pcard canvas{object-fit:contain;max-width:100%;height:200px;image-rendering:pixelated}.pc-name{font-size:32px;line-height:1}.pc-gain{min-height:30px;color:var(--ui-muted);align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.pc-gain b{color:var(--ui-ink)}.pc-gain .px{width:28px;height:28px}.prize-zoom{z-index:1300;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eef1fbd1;place-items:center;padding:18px;animation:.2s modal-fade;display:grid;position:absolute;inset:0}@media (width<=760px){.prize-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pmini canvas{height:72px}.pmini b{font-size:13px}.g-hint{display:none}}@media (width<=420px){.prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pc{flex:1;grid-template-columns:1fr 400px;gap:18px;width:100%;min-height:0;display:grid}.pc-list{min-height:0}.pc-filters{border-bottom:2px solid var(--ui-line);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.pc-search-wrap{min-width:160px;color:var(--ui-muted);flex:200px;display:flex;position:relative}.pc-search-wrap svg{pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;translate:0 -50%}.pc-search{flex:1;padding-left:38px}.pc-filters select.field{height:40px;font-size:14px}.pc-rarity button{opacity:.55;justify-content:center;width:40px;padding:0}.pc-rarity button.on,.pc-rarity button:hover{opacity:1}.pc-rarity .px-ball{width:28px;height:28px;image-rendering:pixelated}.pc-own .sparkle{font-size:14px}.pc-count{margin-left:auto}.pc-grid{scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:8px;min-height:0;padding:12px 14px 14px;display:grid;overflow-y:auto}.pc-empty{grid-column:1/-1}.pc-card{--cc:color-mix(in srgb, var(--c) 72%, #3a4170);cursor:pointer;border-radius:var(--r-md);background:var(--ui-card-2);color:var(--ui-ink);font:inherit;transition:transform .2s var(--ease-bounce), box-shadow .15s, background .15s;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;display:flex;position:relative}.pc-card .px-icon{width:68px;height:56px}.pc-card .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;font-weight:700;overflow:hidden}.pc-card.owned{box-shadow:inset 0 0 0 2px var(--ui-line), 0 2px 0 #1c225014;background:#fff}.pc-card.locked .px-icon{filter:brightness(0)opacity(.22)}.pc-card.locked .name{color:var(--ui-muted)}.pc-card:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 50%, var(--ui-line)), 0 4px 10px #1c22501f;background:#fff;transform:translateY(-2px)}.pc-card.cursor{background:color-mix(in srgb, var(--c) 16%, #fff);box-shadow:inset 0 0 0 3px var(--cc), 0 4px 10px #1c225024}.pc-card.taken{cursor:not-allowed}.pc-card.taken .px-icon{filter:grayscale()opacity(.55)}.pc-card.taken .name{color:var(--ui-muted);font-size:11px}.pc-card.partner:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 3px var(--ui-gold);pointer-events:none;position:absolute;inset:0}.pc-card:focus-visible{outline:3px solid var(--ui-blue);outline-offset:2px}.pc-card .corner{width:22px;height:22px;image-rendering:pixelated;position:absolute;top:4px;left:4px}.pc-card .star{font-size:15px;line-height:0;position:absolute;bottom:24px;right:7px}.pc-card .partner-tag{color:#5a3d00;background:var(--ui-gold);border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #fff}.pc-detail{min-height:0;position:relative}.pc-detail .panel-header{padding:12px 16px}.pc-detail .panel-header>span:nth-child(2){flex:1;min-width:0}.pc-detail .panel-header b{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px #00000040;align-items:center;gap:6px;font-size:25px;display:flex;overflow:hidden}.pc-detail .panel-header small{text-shadow:0 1px #00000040}.pc-detail .ph-icon .px-ball{width:40px;height:40px;position:static;translate:none}.pc-detail-body{scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;padding:12px 16px 14px;display:flex;position:relative;overflow-y:auto}.pc-detail .detail-art{border-radius:var(--r-lg);background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--c,#aaa) 35%, #fff), var(--ui-card-2) 70%);flex:none;place-items:center;width:100%;height:150px;display:grid}.pc-detail .detail-art .spin-sprite{width:auto;height:140px}.spin-sprite{image-rendering:pixelated;max-width:100%;max-height:100%}.pc-detail .facts{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.pc-detail .fact.wide{grid-column:1/-1}.pc-detail .fact{border-radius:var(--r-md);background:var(--ui-card-2);text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:7px 6px;display:flex}.pc-detail .fact small{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);font-size:11px;font-weight:700}.pc-detail .fact b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:2px;max-width:100%;font-size:14px;line-height:1.2;display:inline-flex;overflow:hidden}.pc-detail .fact b img{width:26px;height:26px;margin:-6px -2px}.pc-detail .pips{flex-wrap:wrap;justify-content:center}.pc-detail .pips i{background:var(--ui-line);width:14px;height:10px}.pc-detail .pips i.on{background:var(--ui-gold);box-shadow:none}.pc-detail i{margin-left:3px;font-size:10px;font-style:normal}.pc-detail i.up{color:var(--ui-red)}.pc-detail i.down{color:var(--ui-blue)}.pc-detail .empty-state{padding:10px 12px}.pc-detail .detail-art.locked .spin-sprite{opacity:.6}.pc-detail .actions{border-top:2px solid var(--ui-line);flex:none;gap:10px;width:100%;padding:12px 14px 14px;display:flex}.pc-detail .actions .btn-wide{flex:1;height:46px;font-size:16px}.pc-detail .actions .btn-wide img{width:30px;height:30px;image-rendering:pixelated;margin:-6px -4px}.learnset{flex-direction:column;gap:2px;width:100%;display:flex}.learnset .section-label{margin:4px 0 2px}.learnset .section-label small{letter-spacing:0;text-transform:none;font-weight:600}.learnset h4{text-transform:uppercase;letter-spacing:.08em;color:var(--ui-muted);margin:4px 0 1px;font-size:11px;font-weight:700}.ls-grid{flex-wrap:wrap;gap:4px;display:flex}.ls-cell{cursor:pointer;color:var(--ui-muted);font:700 10px var(--font);background:0 0;border:none;flex-direction:column;align-items:center;gap:1px;padding:0;display:flex;position:relative}.ls-cell .type-icon{width:26px;height:26px;transition:transform .15s var(--ease-bounce)}.ls-cell:hover .type-icon{transform:scale(1.15)}.ls-cell.start .type-icon{box-shadow:0 0 0 3px var(--ui-gold), 0 1px 3px #0000004d}.ls-cell.start small{color:var(--ui-orange-edge)}.ls-cell.vetoed .type-icon{filter:grayscale()brightness(.9)opacity(.6)}.ls-cell.vetoed:after{content:"";background:var(--ui-red);border-radius:2px;height:3px;position:absolute;top:12px;left:-2px;right:-2px;transform:rotate(-35deg)}.ls-hint{align-self:stretch;margin:4px 0 0}.ls-tip{z-index:1000;border-radius:var(--r-md);pointer-events:none;color:#fff;background:var(--ui-navy);width:min(240px,100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:var(--shadow-pop);flex-direction:column;gap:2px;padding:10px 12px;font-size:12.5px;display:flex;position:fixed;overflow:hidden}.ls-tip[hidden]{display:none}.ls-tip b{font-size:15px}.ls-tip .muted{color:#b9bfe0}.ls-tip .gold{color:var(--ui-gold)}.ls-tip .bad{color:#ff9a9a;font-weight:700}@media (width<=1100px){.pc{grid-template-columns:1fr 350px}.gacha{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=860px),(height<=600px){#menu .screen.slot,#menu .screen.pcbox{height:auto;min-height:100dvh;padding:12px 14px 20px}.gacha{grid-template-columns:minmax(0,1fr)}.gacha-stage{min-height:min(62dvh,460px)}.gacha-side{align-self:stretch;max-height:none}.pc{grid-template-columns:minmax(0,1fr)}.pc-detail{order:-1}.pc-grid{max-height:70dvh}}@media (width<=520px){.pc-filters{gap:6px;padding:10px}.pc-filters .tabs.mini{max-width:100%;overflow-x:auto}.pc-filters select.field{flex:40%}.pc-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;padding:10px}.pc-card .px-icon{width:60px;height:50px}.pc-detail .actions{padding:10px}.pc-detail .actions .btn-wide{font-size:14.5px}}.legal-foot{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;padding:8px 0 0;font-size:13px;display:flex}.legal-foot a,.legal-foot .link{color:#fff;font-weight:600;text-decoration:none}.legal-foot .link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.legal-foot a:hover,.legal-foot .link:hover{color:var(--ui-gold);text-decoration:underline}.legal-foot .sep{opacity:.5}.legal-foot .muted{opacity:.8;font-size:12px}.modal.legal{width:min(640px,100%)}.acct-chip{padding:0 18px 0 2px;overflow:hidden}.acct-chip-mon{background:radial-gradient(circle at 50% 35%,#fff,#ffe9c7);border-radius:50%;flex:none;width:40px;height:40px;box-shadow:inset 0 0 0 2px #ffd89a}.acct-providers{gap:10px;margin:14px 0;display:grid}.acct-provider{width:100%;height:52px;box-shadow:inset 0 0 0 2px var(--ui-line), 0 3px 0 #1c22501a;justify-content:center;font-size:17px}.acct-provider .g-logo{width:24px;height:24px;margin:0}.acct-sep{color:var(--ui-muted);align-items:center;gap:10px;margin:6px 0 12px;font-size:13px;font-weight:600;display:flex}.acct-sep:before,.acct-sep:after{content:"";background:var(--ui-line);border-radius:1px;flex:1;height:2px}.acct-email{gap:8px;display:flex}.acct-email .field{flex:1}.acct-email .pill{flex:none;justify-content:center;height:44px}.acct-msg{min-height:1.4em;font-size:14px;margin:10px 0 0!important}.acct-skel{height:64px;margin-bottom:10px}.acct-skel.small{height:80px}.acct-card{align-items:center;gap:14px;margin-bottom:14px;display:flex}.acct-card small{font-size:13px;font-weight:600;display:block}.avatar.acct-avatar{width:68px;height:68px}.acct-name-big{font-size:26px;line-height:1.1;display:block}.acct-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px;display:grid}.acct-stats div{text-align:center;border-radius:var(--r-md);background:var(--ui-card-2);padding:12px 6px}.acct-stats b{font-size:22px;line-height:1.1;display:block}.acct-stats span{color:var(--ui-muted);font-size:12px;font-weight:600}.acct-top{box-shadow:inset 7px 0 0 var(--accent), inset 0 0 0 2px var(--ui-line);margin-bottom:4px}.acct-top .card-title{font-size:20px}.acct-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.acct-actions .pill:not(.red){box-shadow:inset 0 0 0 2px var(--ui-line), 0 3px 0 #1c22501a}.acct-actions .pill img.px-icon{width:56px;height:46px;margin:-8px -6px -8px -10px}.acct-danger{text-align:right;font-size:13px;margin:14px 0 0!important}.acct-danger .link{font:inherit;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.acct-danger .link:hover{color:var(--ui-red)}.modal.rank-modal{width:min(1040px,100%);height:min(860px,92dvh);max-height:none}.rank-modal .modal-body{flex-direction:column;gap:12px;padding:16px 20px 18px;display:flex;overflow:hidden}.rk-controls{flex-wrap:wrap;flex:none;gap:10px;display:flex}.rk-controls .rank-mode{flex:0 300px}.rk-controls .rk-periods{flex:320px}.rank-modal .tabs.rank-mode button{height:38px;font-size:15px}.rk-scroll{scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.rk-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;width:100%;max-width:760px;margin:4px auto 16px;display:grid}.rk-step{--tint:var(--ui-gold);--frame:var(--ui-gold);flex-direction:column;min-width:0;display:flex}.rk-step.p2{--tint:var(--ui-silver);--frame:#aab4cf}.rk-step.p3{--tint:var(--ui-bronze);--frame:var(--ui-bronze)}.rk-card{text-align:center;border-radius:var(--r-lg) var(--r-lg) 0 0;background:color-mix(in srgb, var(--tint) 16%, #fff);min-width:0;height:200px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--tint) 55%, #fff);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 10px 10px;line-height:1.2;display:flex;overflow:hidden}.rk-step.p1 .rk-card{height:222px}.rk-card.skeleton{box-shadow:none}.rk-step.me .rk-card{box-shadow:inset 0 0 0 3px var(--ui-blue)}.rk-card .rank-frame{width:74px;height:74px;margin-bottom:6px}.rk-step.p1 .rk-card .rank-frame{width:88px;height:88px}.rk-card .rk-names{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;display:-webkit-box}.rk-card .rk-what{color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.rk-card .rk-time{color:var(--ui-ink);font-variant-numeric:tabular-nums;margin-top:2px;font-size:28px;line-height:1}.rk-step.p1 .rk-card .rk-time{font-size:32px}.rk-stats{color:var(--ui-muted);white-space:nowrap;font-size:12px;font-weight:600}.rk-vacant{color:var(--ui-muted);font-weight:700}.rk-base{color:#fff;text-shadow:0 2px #0000002e;border-radius:0 0 var(--r-md) var(--r-md);background:linear-gradient(180deg, color-mix(in srgb, var(--frame) 80%, #fff), var(--frame));height:34px;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--frame) 75%, #000);place-items:center;font-size:20px;font-weight:800;display:grid}.rk-step.p1 .rk-base{height:50px;font-size:24px}.rk-step.p3 .rk-base{height:24px;font-size:16px}.rk-names{min-width:0;max-width:100%;color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.rk-names .rank-names{font-size:inherit;display:inline}.rk-names .rank-name{font-size:1em;display:inline}.rk-table{flex-direction:column;flex:none;gap:6px;display:flex}.rk-head,.rk-row{grid-template-columns:34px 42px minmax(0,1.5fr) minmax(0,1fr) 48px 84px 72px;align-items:center;gap:12px;display:grid}.rk-head{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);background:#fff;padding:6px 14px 6px 10px;font-size:12px;font-weight:700;position:sticky;top:0}.rk-head span:nth-child(n+5){text-align:right}.rk-row{border-radius:var(--r-md);background:var(--ui-card-2);flex:none;height:54px;padding:0 14px 0 10px}.rk-row .rank-frame{width:42px;height:42px}.rk-row .rk-what{min-width:0;color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.rk-num{text-align:right;color:var(--ui-muted);font-variant-numeric:tabular-nums;font-weight:600}.rk-row .rk-time{text-align:right;color:var(--ui-ink);font-variant-numeric:tabular-nums;font-size:18px}.rk-row.me{background:color-mix(in srgb, var(--ui-blue) 8%, #fff);box-shadow:inset 0 0 0 3px var(--ui-blue)}.rk-skel{flex:none;height:54px}.rk-pin{z-index:2;background:linear-gradient(#fff0,#fff 35%);margin-top:auto;padding:10px 0 2px;position:sticky;bottom:0}.rk-pin[hidden]{display:none}.rk-row.pinned{box-shadow:inset 0 0 0 3px var(--ui-blue), 0 -4px 14px #1c22501f}.rk-empty{flex:1;justify-content:center}.rk-join{text-align:center;color:var(--ui-muted);flex:none;font-size:14px;margin:0!important}@media (height<=640px){.modal-wrap:has(.rank-modal){padding:8px}.modal.rank-modal{width:100%;height:calc(100dvh - 16px)}.rank-modal .panel-header{padding:8px 14px}.rank-modal .panel-header b{font-size:21px}.rank-modal .ph-icon{width:36px;height:36px}.rank-modal .ph-close{width:34px;height:34px}.rank-modal .modal-body{gap:8px;padding:10px 14px 12px}.rk-controls{flex-wrap:nowrap}.rank-modal .tabs button{height:32px;font-size:14px}.rk-podium{gap:10px;margin:0 auto 10px}.rk-card{height:138px;padding:8px 8px 6px}.rk-step.p1 .rk-card{height:150px}.rk-card .rank-frame{width:50px;height:50px;margin-bottom:2px}.rk-step.p1 .rk-card .rank-frame{width:58px;height:58px}.rk-card .rk-names{-webkit-line-clamp:1;font-size:15px}.rk-card .rk-time,.rk-step.p1 .rk-card .rk-time{font-size:22px}.rk-base{height:24px;font-size:16px}.rk-step.p1 .rk-base{height:34px;font-size:19px}.rk-step.p3 .rk-base{height:16px;font-size:12px}.rk-row,.rk-skel{height:46px}.rk-row .rank-frame{width:36px;height:36px}.rk-head,.rk-row{grid-template-columns:30px 36px minmax(0,1.5fr) minmax(0,1fr) 40px 76px 64px;gap:10px}}@media (width<=620px){.rk-head,.rk-row{grid-template-columns:30px 38px minmax(0,1fr) 64px;gap:10px}.rk-head span:nth-child(n+4):not(:last-child),.rk-row>:is(.rk-what,.rk-num),.rk-card .rk-stats{display:none}.rk-controls{flex-wrap:wrap}.rk-controls .rank-mode{flex-basis:100%}}@media (width<=520px){.acct-stats{grid-template-columns:repeat(2,1fr)}.acct-email{flex-direction:column}.acct-email .field{flex:none}}#gameover .ranking-line{text-align:center;margin:6px 0 0;font-size:14px}.pips{vertical-align:middle;gap:3px;display:inline-flex}.pips i{background:var(--ui-line);border-radius:3px;width:12px;height:12px;transform:skew(-12deg)}.pips i.on{background:var(--ui-gold)}#menu.demo{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#0a0e2861 0%,#0a0e2814 38%,#0000 60%,#0a0e282e 100%),linear-gradient(#0000 82%,#0a0e2880 100%)}#menu .screen.hub{align-items:stretch;gap:10px;max-width:none;height:100dvh;min-height:0;padding:16px 28px 10px}.hub-top{flex:none;justify-content:flex-end;display:flex}.hub-bar{max-width:100%}.hub-who{min-width:0;font:inherit;color:inherit;text-align:left;border-radius:var(--r-pill);background:0 0;border:0;align-items:center;gap:10px;padding:0 6px 0 0;display:flex}button.hub-who{cursor:pointer;transition:transform .22s var(--ease-bounce)}button.hub-who:hover{transform:scale(1.03)}.hub-who-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.hub-who-text b{white-space:nowrap;text-overflow:ellipsis;max-width:12ch;font-size:19px;overflow:hidden}.hub-who-text small{color:var(--ui-muted);white-space:nowrap;font-size:12.5px;font-weight:600}.hub-bar .acct-login{height:42px}.hub-main{flex:1;grid-template-columns:minmax(0,600px) 1fr minmax(320px,440px);grid-template-areas:"left.rank";align-items:end;gap:24px;min-height:0;display:grid}.hub-left{flex-direction:column;grid-area:left;gap:12px;min-width:0;padding-bottom:4px;display:flex}.hub-left .logo-xl{align-self:flex-start;margin:0 0 10px 6px;animation:.5s ease-out fade-up}.hub-play-row{grid-template-columns:1fr 150px;gap:12px;display:grid}.hub-partner-tile{height:100%;min-height:128px}.hub-partner-sprite{width:auto;min-height:0;max-height:82px;image-rendering:pixelated;filter:drop-shadow(0 4px #00000040);flex:1}.hub-partner-tile b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hub-left .card-end .ticket{margin-left:-12px;box-shadow:0 0 0 2px #fff}.hub-left .card-end .type-icon{width:28px;height:28px}.hub-left .card-sub .pips{vertical-align:-1px}.hub-left .card-sub .pips i{background:var(--ui-line)}.hub-left .card-sub .pips i.on{background:var(--ui-gold);box-shadow:none}.hub-pills{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.hub-left>:not(.logo-xl){animation:.4s ease-out backwards fade-up}.hub-left>:nth-child(3){animation-delay:50ms}.hub-left>:nth-child(4){animation-delay:.1s}.hub-left>:nth-child(5){animation-delay:.15s}.hub-left>:nth-child(6){animation-delay:.2s}.hub-rank{grid-area:rank;align-self:center;max-height:100%;animation:.45s ease-out backwards fade-up}.hub-rank .tabs{flex:none;margin:12px 14px 4px}.rank-list{scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 14px;display:flex;overflow-y:auto}.rank-skel{flex:none;height:46px}.rank-skel.big{height:70px}.rank-frame{width:48px;height:48px;box-shadow:inset 0 0 0 3px var(--frame,var(--ui-line));background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.rank-frame.small{width:38px;height:38px}.rank-mon{object-fit:contain;width:84%;height:84%;image-rendering:pixelated}.rank-name{min-width:0;font:700 17px var(--font);color:var(--ui-ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.rank-name:hover{color:var(--ui-blue);text-decoration:underline}.rank-top{--tint:var(--ui-gold);--frame:var(--ui-gold);border-radius:var(--r-lg);background:color-mix(in srgb, var(--tint) 16%, #fff);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--tint) 55%, #fff);flex:none;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px 14px 10px 12px;display:grid;position:relative}.rank-top.p2{--tint:var(--ui-silver);--frame:#aab4cf}.rank-top.p3{--tint:var(--ui-bronze);--frame:var(--ui-bronze)}.rank-top .rank-frame{width:56px;height:56px}.rank-medal{z-index:1;color:#fff;background:var(--frame);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 0 0 2px #fff}.rank-who{flex-direction:column;min-width:0;line-height:1.15;display:flex}.rank-who .rank-name{font-size:20px}.rank-who small,.rank-time small{color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.rank-time{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.rank-top .rank-time b{font-size:27px}.rank-row{border-radius:var(--r-md);background:var(--ui-card-2);flex:none;grid-template-columns:30px 38px 1fr auto;align-items:center;gap:10px;padding:4px 10px 4px 6px;display:grid}.rank-row .rank-time{font-size:18px}.rank-top.me,.rank-row.me{box-shadow:inset 0 0 0 3px var(--ui-blue)}.rank-foot{flex-direction:column;flex:none;gap:8px;padding:6px 14px 14px;display:flex}.rank-join{font:600 13px var(--font);color:var(--ui-blue);cursor:pointer;background:0 0;border:0;padding:0}.rank-join:hover{text-decoration:underline}.hub-rank .tabs.rank-mode{margin-bottom:0}.hub-rank .rank-mode+.tabs{margin-top:6px}.tabs.rank-mode button{height:32px;font-size:14px}.tabs.rank-mode button.on{color:#fff;background:var(--ui-navy)}.modal .rank-mode{margin-bottom:8px}.rank-frame.rank-team{box-shadow:none;background:0 0;border-radius:0;position:relative;overflow:visible}.team-mon{width:calc(50% - 1px);height:calc(50% - 1px);box-shadow:inset 0 0 0 2px var(--frame,var(--ui-line));background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.team-mon .rank-mon{width:88%;height:88%}.rank-team .team-mon:first-child{top:0;left:0}.rank-team .team-mon:nth-child(2){top:0;right:0}.rank-team .team-mon:nth-child(3){bottom:0;left:0}.rank-team .team-mon:nth-child(4){bottom:0;right:0}.rank-team.n2 .team-mon{top:25%}.rank-team.n3 .team-mon:first-child{left:25%}.rank-team.n3 .team-mon:nth-child(2){inset:auto auto 0 0}.rank-team.n3 .team-mon:nth-child(3){left:auto;right:0}.rank-names{min-width:0;color:var(--ui-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.rank-row .rank-names{white-space:nowrap;text-overflow:ellipsis;display:block}.rank-names i{font-style:normal}.rank-guest{font-style:italic;font-weight:600}.rank-who .rank-names .rank-name,.rank-names .rank-name{font-size:1em;display:inline}.screen.hub .legal-foot{color:#ffffffd9;text-shadow:0 1px 2px #0009;flex:none;padding:0;font-size:12px}.screen.hub .legal-foot .muted{color:#ffffffbf;font-size:11px}@media (width<=1180px){.hub-main{grid-template-columns:minmax(0,520px) 1fr minmax(300px,380px);gap:18px}.card-title{font-size:20px}}@media (width<=900px),(height<=640px){#menu .screen.hub{height:auto;min-height:100dvh;padding:12px 16px}.hub-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"left""rank";align-items:start;gap:18px;width:100%;max-width:640px;margin:0 auto}.hub-rank{align-self:stretch;max-height:none}.rank-list{overflow:visible}.hub-top{justify-content:center}.hub-left .logo-xl{align-self:center;margin:8px 0 6px}.screen.hub .hub-corner{position:static}}@media (width<=640px){.hub-bar{border-radius:var(--r-lg);flex-wrap:wrap;justify-content:center;gap:6px}.hub-bar .bar-sep{display:none}.hub-who{flex:100%;justify-content:center}.counter{height:36px;padding:0 10px 0 6px;font-size:15px}.hub-bar .pill-icon{width:40px;height:40px}.hub-play-row{grid-template-columns:1fr 112px}.btn-play{gap:12px;padding:14px 16px 14px 12px}.btn-play .play-ball{width:60px;height:60px}.btn-play .play-ball img{width:72px;height:72px;margin:-6px}.hub-partner-tile b{font-size:16px}.hub-partner-sprite{max-height:64px}.card{gap:12px;padding:10px 14px}.card-icon{width:46px;height:46px}[data-fullscreen]{display:none}}.hub-corner{z-index:2;gap:10px;display:flex;position:absolute;top:12px;left:16px}@media (width>=901px) and (height>=641px){#menu .screen.hub{--u:clamp(.55px, min(.05vw, .0805vh), 1.4px);--ul:clamp(.75px, min(.07vw, .115vh, calc((100dvh - 150px) / 725)), 1.6px);height:100dvh;padding:0;display:block;position:relative}.hub-top{z-index:2;top:calc(20 * var(--u));right:calc(25 * var(--u));position:absolute}.hub-corner{top:calc(28 * var(--u));left:5vw}.hub-corner .pill-icon,.hub-bar .pill-icon{width:max(40px, calc(52 * var(--u)));height:max(40px, calc(52 * var(--u)))}.hub-main{grid-template-columns:max-content 1fr calc(480 * var(--u));align-items:stretch;gap:0;position:absolute;inset:96px 3vw 56px 5vw}.hub-left{width:min(48vw, calc(640 * var(--ul)));justify-content:center;gap:calc(14 * var(--ul));max-width:48vw;padding:0}.hub-left .logo-xl{width:calc(440 * var(--ul));margin:0 0 calc(10 * var(--ul)) calc(4 * var(--ul))}.hub-play-row{grid-template-columns:1fr calc(150 * var(--ul));gap:calc(14 * var(--ul));height:calc(150 * var(--ul))}.hub-partner-tile{min-height:0;padding:calc(8 * var(--ul)) calc(10 * var(--ul)) calc(12 * var(--ul))}.hub-partner-sprite{max-height:calc(84 * var(--ul))}.hub-partner-tile b{font-size:max(14px, calc(21 * var(--ul)))}.hub-partner-tile small{font-size:max(11px, calc(14 * var(--ul)))}.btn-play{gap:calc(20 * var(--ul));padding:calc(16 * var(--ul)) calc(26 * var(--ul)) calc(16 * var(--ul)) calc(18 * var(--ul))}.btn-play .play-ball{width:calc(92 * var(--ul));height:calc(92 * var(--ul))}.btn-play .play-ball img{width:calc(104 * var(--ul));height:calc(104 * var(--ul));margin:calc(-6 * var(--ul))}.btn-play b{font-size:calc(48 * var(--ul))}.btn-play small{font-size:max(12px, calc(17 * var(--ul)))}.hub-left .card{min-height:calc(80 * var(--ul));padding:calc(10 * var(--ul)) calc(20 * var(--ul)) calc(10 * var(--ul)) calc(18 * var(--ul));gap:calc(16 * var(--ul))}.hub-left .card-grid{gap:calc(14 * var(--ul))}.hub-left .card-icon{width:calc(58 * var(--ul));height:calc(58 * var(--ul));border-radius:calc(16 * var(--ul))}.hub-left .card-icon>img{width:calc(68 * var(--ul));height:calc(68 * var(--ul))}.hub-left .card-icon>.px-icon{width:calc(110 * var(--ul));height:calc(91 * var(--ul))}.hub-left .card-title{font-size:max(16px, calc(27 * var(--ul)))}.hub-left .card-sub{font-size:max(11px, calc(15 * var(--ul)))}.hub-pills{gap:calc(14 * var(--ul));margin-top:calc(4 * var(--ul))}.hub-pills .pill{height:max(38px, calc(52 * var(--ul)));font-size:max(14px, calc(20 * var(--ul)));padding:0 calc(22 * var(--ul)) 0 calc(12 * var(--ul))}.hub-rank{grid-column:3;align-self:stretch;max-height:none;margin:max(0px,20dvh - 96px) 0 max(0px,17dvh - 56px)}.hub-rank .panel-header{padding:calc(16 * var(--u)) calc(20 * var(--u));gap:calc(14 * var(--u))}.hub-rank .panel-header b{font-size:max(20px, calc(32 * var(--u)))}.hub-rank .panel-header small{font-size:max(11px, calc(15 * var(--u)))}.hub-rank .ph-icon{width:calc(50 * var(--u));height:calc(50 * var(--u))}.hub-rank .tabs{margin:calc(16 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u))}.hub-rank .tabs button{height:max(32px, calc(46 * var(--u)));font-size:max(13px, calc(18 * var(--u)))}.rank-list{padding:calc(10 * var(--u)) calc(18 * var(--u));gap:calc(8 * var(--u))}.rank-top{min-height:calc(90 * var(--u));grid-template-columns:calc(66 * var(--u)) 1fr auto;padding:calc(10 * var(--u)) calc(18 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u))}.rank-top .rank-frame{width:calc(66 * var(--u));height:calc(66 * var(--u))}.rank-who .rank-name{font-size:max(15px, calc(24 * var(--u)))}.rank-top .rank-time b{font-size:max(20px, calc(32 * var(--u)))}.rank-who small,.rank-time small{font-size:max(11px, calc(14 * var(--u)))}.rank-row{min-height:calc(46 * var(--u));grid-template-columns:calc(32 * var(--u)) calc(40 * var(--u)) 1fr auto;gap:calc(12 * var(--u))}.rank-row .rank-num{width:calc(32 * var(--u));height:calc(32 * var(--u));font-size:max(12px, calc(16 * var(--u)))}.rank-row .rank-frame{width:calc(40 * var(--u));height:calc(40 * var(--u))}.rank-row .rank-name{font-size:max(13px, calc(19 * var(--u)))}.rank-row .rank-time{font-size:max(14px, calc(20 * var(--u)))}.hub-rank .rank-mode button{height:max(28px, calc(38 * var(--u)));font-size:max(12px, calc(16 * var(--u)))}.hub-rank .rank-mode+.tabs{margin-top:calc(8 * var(--u))}.rank-names{font-size:max(13px, calc(19 * var(--u)))}.rank-row .rank-names{font-size:max(12px, calc(17 * var(--u)))}.rank-foot{padding:calc(8 * var(--u)) calc(18 * var(--u)) calc(18 * var(--u))}.rank-foot .btn-wide{height:max(36px, calc(46 * var(--u)));font-size:max(14px, calc(19 * var(--u)))}.screen.hub .legal-foot{left:5vw;right:3vw;bottom:calc(20 * var(--u));position:absolute}}.screen.waiting{place-items:center;min-height:100%;display:grid}.screen.waiting .empty-state,.screen.waiting .empty-state b{color:#fff}.screen.waiting .empty-state img{width:48px;image-rendering:pixelated;animation:1.2s linear infinite waiting-spin}@keyframes waiting-spin{to{rotate:360deg}}.screen.waiting .empty-state.failed img{filter:grayscale();animation:none}.hub-play-row{--tile:150px;width:100%;display:flex}.hub-play-row>.btn-play{flex:1 1 0}.hub-play-row>.hub-partner-tile{flex:0 0 var(--tile)}.hub-play-row>*{transition:flex .35s var(--ease-bounce), padding .25s, transform .22s var(--ease-bounce), box-shadow .18s, filter .15s}.hub-play-row.partner-open>.btn-play{flex:0 0 var(--tile);justify-content:center;gap:0;padding-left:0;padding-right:0}.hub-play-row.partner-open>.hub-partner-tile{flex:1 1 0}.btn-play .play-text{max-width:600px;transition:opacity .2s,max-width .3s}.hub-play-row.partner-open .btn-play .play-text{opacity:0;max-width:0;overflow:hidden}.hub-partner-tile{cursor:pointer;flex-direction:row;justify-content:center;align-items:stretch;gap:0;overflow:hidden}.hub-partner-tile:is(:hover,:active){transform:none}.hp-main{width:calc(var(--tile) - 32px);min-width:0;font:inherit;color:inherit;cursor:pointer;transition:transform .22s var(--ease-bounce);background:0 0;border:0;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;padding:0;display:flex}.hp-main:hover{transform:scale(1.04)}.hp-main:focus-visible{outline-offset:2px;border-radius:var(--r-md);outline:3px solid #fff}.hp-main b{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #0003;max-width:100%;font-size:20px;line-height:1.1;overflow:hidden}.hp-main small{opacity:.9;font-size:12.5px;font-weight:600}.hub-power{opacity:0;white-space:nowrap;min-width:0;max-width:0;transition:max-width .35s var(--ease-bounce), opacity .2s, padding .3s;flex-direction:column;flex:0 auto;justify-content:center;align-items:stretch;gap:5px;display:flex;overflow:hidden}.partner-open .hub-power{opacity:1;max-width:480px;padding-left:14px;transition-delay:0s,.12s,0s}.hub-power{flex-direction:row;align-items:center;gap:14px}.hp-col{flex-direction:column;flex:1 1 0;gap:5px;min-width:0;display:flex}.hp-facts{border-left:2px solid #ffffff4d;padding-left:14px}.hp-facts .hp-line b{text-overflow:ellipsis;max-width:12ch;font-size:15px;overflow:hidden}.hp-types{gap:3px}.hp-types .type-icon{width:22px;height:22px}.hp-line{justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.hp-line small{opacity:.9}.hp-line b{text-shadow:0 2px #0003;align-items:center;font-size:17px;display:inline-flex}.hp-line b img{width:30px;height:30px;image-rendering:pixelated;margin:-6px -2px -6px -6px}.hub-power .pips i{background:#ffffff59}.hub-power .pips i.on{background:var(--ui-gold)}.hp-up{height:34px;font:700 14px var(--font);color:var(--ui-ink);border-radius:var(--r-pill);cursor:pointer;transition:transform .22s var(--ease-bounce);background:#fff;border:0;justify-content:center;align-items:center;gap:2px;margin-top:2px;padding:0 12px;display:inline-flex;box-shadow:0 3px #00000038}.hp-up img{width:28px;height:28px;image-rendering:pixelated;margin:-6px -4px}.hp-up:hover:not(:disabled){transform:translateY(-2px)}.hp-up:disabled{cursor:default;color:var(--ui-muted);box-shadow:none;background:#ffffffbf}@media (width<=640px){.hub-play-row{--tile:112px}.hp-main b{font-size:16px}.partner-open .hub-power{padding-left:8px}.hp-facts{display:none}}@media (width>=901px) and (height>=641px){.hub-play-row{--tile:calc(150 * var(--ul))}.hp-main b{font-size:max(14px, calc(21 * var(--ul)))}.hp-main small{font-size:max(11px, calc(14 * var(--ul)))}}.modal.profile{width:min(820px,100%)}.modal.profile .modal-body{background:var(--ui-card-2);padding:16px 18px 18px}.pf{flex-direction:column;gap:14px;display:flex}.pf-hero{background:var(--stripes), linear-gradient(135deg, #fff 55%, #fff3cf);border-radius:var(--r-lg);align-items:center;gap:16px;min-height:112px;padding:14px 18px;display:flex;box-shadow:0 4px #dfe2f3}.pf-avatar{width:92px;height:92px;box-shadow:inset 0 0 0 4px var(--ui-gold), 0 3px 0 #e4b62a;background:radial-gradient(circle at 50% 35%,#fff,#ffe9c7);border-radius:50%;flex:none;position:relative}.pf-avatar-wrap{flex:none;display:flex;position:relative}.pf-avatar-wrap.on:after,.pf-avatar-wrap.run:after{content:"";background:var(--ui-green);border:4px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;bottom:4px;right:2px}.pf-avatar-wrap.run:after{background:var(--ui-blue)}.pf-id{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pf-name{color:var(--ui-ink);text-overflow:ellipsis;white-space:nowrap;font-size:30px;line-height:1.05;overflow:hidden}.pf-meta{color:var(--ui-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13.5px;font-weight:600;display:flex}.pf-code{height:30px;font:700 15px var(--font);letter-spacing:.06em;color:var(--ui-navy);cursor:pointer;background:var(--ui-card-2);border-radius:var(--r-pill);box-shadow:inset 0 0 0 2px var(--ui-line);border:0;align-items:center;gap:6px;padding:0 10px 0 12px;transition:background .15s;display:inline-flex}.pf-code svg{width:16px;height:16px;color:var(--ui-muted)}.pf-code:hover{background:#e8ecf9}.pf-code.copied{color:var(--ui-green-edge);letter-spacing:0}.pf-code.copied svg{color:var(--ui-green-edge)}.pf-presence{color:var(--ui-muted);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.pf-presence i{background:#b8bdd6;border-radius:50%;width:9px;height:9px}.pf-presence.on{color:var(--ui-green-edge)}.pf-presence.on i{background:var(--ui-green)}.pf-presence.run{color:var(--ui-blue-edge)}.pf-presence.run i{background:var(--ui-blue)}.pf-rel{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;max-width:46%;display:flex}.pf-rel .pill{height:42px;font-size:15.5px}.pf-rel .pill svg{width:18px;height:18px}.pf-rel .pill:not(.blue,.green,.red){box-shadow:inset 0 0 0 2px var(--ui-line), 0 3px 0 #1c22501a;padding:0 16px}.pf-state{height:42px;font:700 15.5px var(--font);color:var(--ui-navy);white-space:nowrap;background:var(--ui-card-2);border-radius:var(--r-pill);align-items:center;gap:6px;padding:0 16px;display:inline-flex}.pf-state svg{width:18px;height:18px}.pf-state.friend{color:var(--ui-green-edge);background:color-mix(in srgb, var(--ui-green) 14%, #fff)}.pf-state.sent{color:var(--ui-blue-edge);background:color-mix(in srgb, var(--ui-blue) 12%, #fff)}.pf-state.blocked{color:var(--ui-red-edge);background:color-mix(in srgb, var(--ui-red) 12%, #fff)}.pf-more-wrap{position:relative}.pf-more{width:42px;height:42px}.pf-menu{z-index:3;border-radius:var(--r-md);min-width:190px;box-shadow:var(--shadow-pop);background:#fff;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.pf-menu[hidden]{display:none}.pf-menu button{text-align:left;height:40px;font:700 15px var(--font);color:var(--ui-ink);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding:0 12px}.pf-menu button:hover{background:var(--ui-card-2)}.pf-menu button[data-act=block],.pf-menu button.danger{color:var(--ui-red-edge)}.pf-note{color:var(--ui-red-edge);text-align:right;font-size:14px;font-weight:600;margin:-6px 4px 0!important}.pf-note[hidden]{display:none}.pf-stats{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.pf-stat{--accent:var(--ui-blue);text-align:center;border-radius:var(--r-md);height:86px;box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 70%, #fff);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px;display:flex}.pf-stat.skeleton{box-shadow:none}.pf-stat b{color:var(--ui-ink);white-space:nowrap;font-size:25px;line-height:1.05}.pf-stat b i{color:var(--ui-muted);font-size:15px;font-style:normal}.pf-stat span{color:var(--ui-muted);font-size:12.5px;font-weight:700}.pf-stat small{color:color-mix(in srgb, var(--accent) 65%, var(--ui-ink));font-size:11.5px;font-weight:600}.pf-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;display:grid}.pf-box{border-radius:var(--r-lg);background:#fff;flex-direction:column;gap:10px;min-width:0;padding:12px 14px 14px;display:flex;box-shadow:0 4px #dfe2f3}.pf-h{min-height:32px;color:var(--ui-ink);justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.pf-mode button{height:28px;font-size:13px}.pf-show{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pf-mon{text-align:center;background:var(--ui-card-2);border-radius:var(--r-md);flex-direction:column;justify-content:flex-end;align-items:center;gap:0;min-width:0;height:104px;padding:4px 4px 8px;display:flex}.pf-mon.top{background:linear-gradient(#fff6d6,#ffeaa8);box-shadow:inset 0 0 0 2px #ffd860}.pf-mon-pic{width:60px;height:52px}.pf-mon b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;max-width:100%;font-size:14px;line-height:1.15;display:inline-flex;overflow:hidden}.pf-mon b .sparkle{flex:none;width:13px;height:13px}.pf-mon small{color:var(--ui-muted);font-size:12px;font-weight:600}.pf-runs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pf-run{background:var(--ui-card-2);border-radius:var(--r-md);align-items:center;gap:10px;height:62px;padding:0 12px 0 8px;display:flex;margin:0!important}.pf-place{color:#fff;background:var(--ui-navy);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.pf-place.p1{background:var(--ui-gold);color:#5a3d00}.pf-place.p2{background:var(--ui-silver);color:var(--ui-ink)}.pf-place.p3{background:var(--ui-bronze);color:#5a2a00}.pf-run-mon{background:#fff;border-radius:50%;flex:none;width:48px;height:48px}.pf-run-who{flex-direction:column;flex:1;min-width:0;display:flex}.pf-run-who b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:15.5px;line-height:1.2;display:flex;overflow:hidden}.pf-run-who b .sparkle{flex:none;width:14px;height:14px}.pf-run-who small{color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.pf-team-names{display:block!important}.pf-link{font:inherit;color:var(--ui-blue-edge);cursor:pointer;background:0 0;border:0;padding:0}.pf-link:hover{text-decoration:underline}.pf-run-time{color:var(--ui-ink);font-variant-numeric:tabular-nums;flex:none;font-size:20px}.pf-run .badge{flex:none}.pf-team{flex:none;padding-left:10px;display:flex}.pf-team-mon{width:38px;height:38px;box-shadow:0 0 0 2px var(--ui-card-2);background:#fff;border-radius:50%;margin-left:-12px}.pf-team.n4 .pf-team-mon{width:32px;height:32px}.pf-empty{text-align:center;min-height:104px;color:var(--ui-muted);background:var(--ui-card-2);border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.pf-empty p{max-width:30ch;font-size:14px;font-weight:600;margin:0!important}.pf-empty-mon{filter:grayscale(.6);opacity:.75;width:60px;height:52px}.pf-box:last-child .pf-empty{min-height:198px}.pf-own{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-own .pill:not(.red){box-shadow:inset 0 0 0 2px var(--ui-line), 0 3px 0 #1c22501a}.pf-own .pill img.px-icon{width:56px;height:46px;margin:-8px -6px -8px -10px}.pf-delete{font:600 13px var(--font);color:var(--ui-muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline}.pf-delete:hover{color:var(--ui-red)}.pf.loading .pf-avatar{box-shadow:none}.pf-sk-name{width:60%;height:30px}.pf-sk-meta{width:45%;height:22px}.pf-sk-btn{border-radius:var(--r-pill);width:160px;height:42px}.pf-mon.skeleton,.pf-run.skeleton{box-shadow:none}@media (height<=520px){.modal.profile{width:min(900px,100%)}.modal.profile .modal-body{padding:10px 12px 12px}.pf{gap:10px}.pf-hero{gap:12px;min-height:84px;padding:10px 14px}.pf-avatar{width:66px;height:66px}.pf-avatar-wrap.on:after,.pf-avatar-wrap.run:after{border-width:3px;width:16px;height:16px;bottom:2px;right:0}.pf-name{font-size:23px}.pf-id{gap:4px}.pf-code{height:26px;font-size:13.5px}.pf-rel .pill,.pf-state,.pf-more,.pf-sk-btn{height:36px}.pf-more{width:36px}.pf-rel .pill,.pf-state{padding:0 12px;font-size:14px}.pf-stats{gap:8px}.pf-stat{height:62px}.pf-stat b{font-size:19px}.pf-stat span{font-size:11.5px}.pf-stat small{display:none}.pf-box{gap:6px;padding:8px 10px 10px}.pf-mon{height:82px;padding-bottom:5px}.pf-mon-pic{width:48px;height:42px}.pf-run{height:50px}.pf-run-mon{width:40px;height:40px}.pf-run-time{font-size:17px}.pf-empty{min-height:82px}.pf-box:last-child .pf-empty{min-height:162px}}@media (width<=620px){.pf-hero{flex-wrap:wrap}.pf-rel{flex-basis:100%;justify-content:flex-start;max-width:none}.pf-stats{grid-template-columns:repeat(3,1fr)}.pf-cols{grid-template-columns:1fr}.pf-run .badge{display:none}}@media (width<=400px){.pf-avatar{width:72px;height:72px}.pf-name{font-size:24px}}.fr-btn{position:relative}.fr-icon{width:28px;height:28px;image-rendering:pixelated}.fr-badge{color:#fff;min-width:22px;height:22px;font:700 12px/1 var(--font);background:#ff3b47;border:2px solid #fff;border-radius:11px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #c8142873}.fr-tabs .fr-badge{min-width:20px;height:20px;box-shadow:none;border:0;display:inline-grid;position:static}.modal.friends{width:min(640px,100%);height:min(88dvh,720px)}.modal.friends .ph-icon .fr-icon{width:30px;height:30px}.modal.friends .modal-body{background:var(--ui-card-2);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex;overflow:hidden}.fr-code{background:var(--stripes), linear-gradient(135deg, #fff 55%, #fff3cf);border-radius:var(--r-lg);flex:none;align-items:center;gap:10px;min-height:72px;padding:10px 12px 10px 16px;display:flex;box-shadow:0 4px #dfe2f3}.fr-code-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fr-code small{font:700 12.5px var(--font);color:var(--ui-muted);text-transform:uppercase;letter-spacing:.04em}.fr-code b{font:700 28px/1.05 var(--font);letter-spacing:.1em;color:var(--ui-navy)}.fr-code-skel{width:180px;height:30px;display:block}.fr-code-btn{height:40px;font-size:15px;padding:0 14px!important}.fr-code-btn svg{width:18px;height:18px}.fr-code-btn:not(.blue){box-shadow:inset 0 0 0 2px var(--ui-line), 0 3px 0 #1c22501a}.fr-tabs{box-shadow:0 2px 0 var(--ui-line);background:#fff;flex:none}.fr-tabs button{justify-content:center;align-items:center;gap:6px;min-width:0;display:inline-flex}.fr-tabs button.on{background:var(--ui-card-2);box-shadow:none}.fr-tabs small{font:600 12px var(--font);color:var(--ui-green-edge);white-space:nowrap}.fr-pane{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;margin:0 -6px;padding:0 6px 6px;display:flex;overflow-y:auto}.fr-h{font:700 13px var(--font);color:var(--ui-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:6px 4px 0;display:flex}.fr-h:first-child{margin-top:0}.fr-h span{border-radius:var(--r-pill);min-width:22px;height:20px;color:var(--ui-ink);letter-spacing:0;background:#fff;place-items:center;padding:0 6px;display:inline-grid}.fr-list{flex-direction:column;gap:8px;list-style:none;display:flex;margin:0!important;padding:0!important}.fr-list>li{margin:0!important}.fr-row-skel{border-radius:var(--r-lg);height:66px}.fr-row{border-radius:var(--r-lg);background:#fff;align-items:center;gap:8px;min-height:66px;padding:6px 10px 6px 6px;display:flex;position:relative;box-shadow:0 3px #dfe2f3}.fr-open{border-radius:var(--r-md);min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:4px 6px;transition:background .15s;display:flex}.fr-open:hover{background:var(--ui-card-2)}.fr-open:focus-visible{outline:3px solid var(--ui-blue);outline-offset:1px}.fr-avatar-wrap{flex:none;display:flex;position:relative}.fr-avatar{background:radial-gradient(circle at 50% 35%,#fff,#ffe9c7);border-radius:50%;width:48px;height:48px;box-shadow:inset 0 0 0 2px #ffd89a}.fr-avatar-wrap:after{content:"";background:#b8bdd6;border:3px solid #fff;border-radius:50%;width:14px;height:14px;display:none;position:absolute;bottom:-1px;right:-1px}.fr-avatar-wrap:is(.on,.run,.off):after{display:block}.fr-avatar-wrap.on:after{background:var(--ui-green)}.fr-avatar-wrap.run:after{background:var(--ui-blue)}.fr-row.off .fr-avatar{filter:grayscale(.7);opacity:.75}.fr-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fr-who b{font:700 16.5px/1.2 var(--font);color:var(--ui-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fr-who small{font:600 13px var(--font);color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fr-row.on .fr-status{color:var(--ui-green-edge)}.fr-row.run .fr-status{color:var(--ui-blue-edge)}.fr-actions{flex:none;align-items:center;gap:6px;display:flex}.fr-actions .pill{height:38px;padding:0 14px;font-size:14.5px}.fr-actions .pill:not(.blue,.green,.red){box-shadow:inset 0 0 0 2px var(--ui-line), 0 3px 0 #1c22501a}.fr-icon-btn{width:38px;height:38px;color:var(--ui-navy)}.fr-icon-btn svg{width:20px;height:20px}.fr-tag{border-radius:var(--r-pill);height:32px;font:700 13.5px var(--font);color:var(--ui-navy);background:var(--ui-card-2);white-space:nowrap;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.fr-tag svg{width:15px;height:15px}.fr-tag.ok{color:var(--ui-green-edge);background:color-mix(in srgb, var(--ui-green) 14%, #fff)}.fr-tag.sent{color:var(--ui-blue-edge);background:color-mix(in srgb, var(--ui-blue) 12%, #fff)}.fr-more-wrap{position:relative}.fr-menu{z-index:4;border-radius:var(--r-md);min-width:170px;box-shadow:var(--shadow-pop);background:#fff;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.fr-menu[hidden]{display:none}.fr-menu button{text-align:left;height:38px;font:700 14.5px var(--font);color:var(--ui-ink);white-space:nowrap;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;padding:0 12px}.fr-menu button:hover{background:var(--ui-card-2)}.fr-menu button.danger,.fr-menu button[data-sure]{color:var(--ui-red-edge)}.fr-list>li:last-child:not(:first-child) .fr-menu{top:auto;bottom:calc(100% + 6px)}.fr-add{flex:none;gap:8px;display:flex}.fr-search{flex:1;display:flex;position:relative}.fr-search svg{width:20px;height:20px;color:var(--ui-muted);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.fr-search .field{background:#fff;flex:1;width:100%;padding-left:42px}.fr-add .pill{flex:none;height:44px}.fr-note{font:600 14px var(--font);margin:0 4px!important}.fr-note.ok{color:var(--ui-green-edge)}.fr-note.err{color:var(--ui-red-edge)}.fr-results{flex-direction:column;gap:8px;display:flex}.fr-hint{text-align:center;color:var(--ui-muted);border-radius:var(--r-lg);border:2px dashed var(--ui-line);background:#fff;padding:18px 16px}.fr-hint b{color:var(--ui-ink);font-size:16px;display:block}.fr-hint p{max-width:38ch;font-size:14px;margin:4px auto 0!important}.fr-empty{flex:1;justify-content:center}.fr-empty .pill{height:42px;margin-top:8px}@media (height<=520px){.modal.friends{width:min(760px,100%);height:calc(100dvh - 16px)}.modal.friends .modal-body{gap:8px;padding:10px 12px 12px}.fr-code{min-height:54px;padding:6px 8px 6px 14px}.fr-code b{font-size:22px}.fr-code small{font-size:11px}.fr-code-btn{height:36px}.fr-tabs button{height:32px}.fr-row{min-height:56px}.fr-row-skel{height:56px}.fr-avatar{width:40px;height:40px}.fr-actions .pill,.fr-icon-btn{height:34px}.fr-icon-btn{width:34px}.fr-empty img{display:none}.fr-empty{padding:10px}}@media (width<=560px){.fr-code-btn span{display:none}.fr-code-btn{justify-content:center;width:42px;padding:0!important}.fr-profile-btn,.fr-tabs small{display:none}.fr-actions .pill{padding:0 10px}}.pt-icon{width:26px;height:26px;image-rendering:pixelated;flex:none}.pt-pill{align-items:center;gap:8px;display:inline-flex}.pt-banner{z-index:60;background:#fff;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 12px 8px 8px;animation:.35s cubic-bezier(.2,1.4,.4,1) pt-drop;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #14183c4d,0 3px #dfe2f3}.pt-banner-text{font:600 15px var(--font);color:var(--ui-ink)}.pt-banner-text small{color:var(--ui-muted);margin-left:4px}.pt-banner .pill{height:34px;padding:0 14px;font-size:14px}.pt-flash{font:700 15px var(--font);color:var(--ui-red-edge);padding:10px 18px}@keyframes pt-drop{0%{opacity:0;transform:translate(-50%,-30px)}}.mate-tag{pointer-events:none;font:700 13px var(--font);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-100%)}.mate-tag .bar{background:#0000008c;border-radius:3px;width:56px;height:6px;overflow:hidden}.mate-tag .bar i{background:#3fd16b;height:100%;display:block}.mate-tag.down{color:#ff8a8a}.mate-tag.down .bar i{background:#ff4b3a}.mate-tag em{color:#ffe27a;font-size:11px;font-style:normal}@media (width<=520px){.pt-banner{border-radius:var(--r-lg);flex-wrap:wrap;justify-content:center}}#menu .screen.party{--ul:clamp(.62px, min(.075vw, .12vh), 1.5px);max-width:none;height:100dvh;min-height:0;padding:0;display:block;position:relative}#menu.lobby{background:radial-gradient(at 50% 120%,#0000 55%,#0e123059)}.lb{pointer-events:none;position:absolute;inset:0}.lb>*{pointer-events:auto}.lb-fill{flex:1}.lb-top{animation:lb-down .45s var(--ease-bounce) both;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:20px;right:20px}.lb-code{background:var(--ui-card);border-radius:var(--r-pill);height:62px;box-shadow:var(--shadow-pop);align-items:center;gap:12px;padding:0 8px 0 20px;display:flex}.lb-code span{flex-direction:column;display:flex}.lb-code small{font:600 12.5px var(--font);color:var(--ui-muted)}.lb-code b{font:700 28px/1 var(--font);letter-spacing:.22em;color:var(--ui-ink)}.lb-join{border-radius:var(--r-pill);box-shadow:var(--shadow-card);background:#ffffffd9;gap:6px;padding:6px;display:flex}.lb-join .field{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.1em;width:190px;height:40px}.lb-join .field::placeholder{text-transform:none;letter-spacing:0}.lb-join .pill{height:40px;padding:0 16px}.lb-leave{color:var(--ui-red-edge);padding:0 20px}.lb-leave[hidden]{display:none}.lb-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lb-tag{pointer-events:auto;text-align:center;white-space:nowrap;min-width:132px;box-shadow:var(--shadow-pop);will-change:transform;background:#fffffff0;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:8px 16px 9px;display:flex;position:absolute;top:0;left:0}.lb-tag:after{content:"";background:inherit;z-index:-1;border-radius:3px;width:18px;height:18px;position:absolute;bottom:-9px;left:50%;translate:-50%;rotate:45deg}.lb-tag b{font:700 18px/1.15 var(--font);color:var(--ui-ink)}.lb-tag b em{color:var(--ui-blue);margin-left:2px;font-size:13px;font-style:normal}.lb-tag small{font:600 13px var(--font);color:var(--ui-muted)}.lb-tag.mine{outline:3px solid color-mix(in srgb, var(--ui-blue) 55%, transparent)}.lb-crown{color:#e8a800;margin-right:5px;font-style:normal}.lb-state{border-radius:var(--r-pill);font:700 13px var(--font);margin-top:3px;padding:2px 10px}.lb-state.ok{color:#fff;background:var(--ui-green)}.lb-state.wait{color:var(--ui-muted);background:var(--ui-card-2);animation:1.4s ease-in-out infinite lb-pulse}.lb-state.lead{color:#8a6400;background:#fff1b8}.lb-tag.enter{animation:lb-pop .5s var(--ease-bounce) .25s both}.lb-tag.leave{opacity:0;transition:opacity .3s,scale .3s;scale:.6}.lb-empty{cursor:pointer;min-width:0;font:700 18px var(--font);color:#fff;background:linear-gradient(180deg, #5aa2ff, var(--ui-blue));box-shadow:0 4px 0 var(--ui-blue-edge), var(--shadow-pop);transition:transform .2s var(--ease-bounce);border:0;flex-direction:row;gap:8px;padding:10px 20px}.lb-empty b{color:#fff;font-size:24px;line-height:1}.lb-empty:hover{filter:brightness(1.06)}.lb-empty:active{translate:0 2px}.lb-note{left:50%;bottom:calc(150 * var(--ul) + 40px);max-width:calc(100% - 32px);font:700 15px var(--font);border-radius:var(--r-pill);box-shadow:var(--shadow-pop);background:#fff;margin:0;padding:10px 20px;position:absolute;translate:-50%}.lb-note.ok{color:var(--ui-green-edge)}.lb-note.err{color:var(--ui-red-edge)}.lb-bottom{animation:lb-up .5s var(--ease-bounce) .1s both;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.lb-change{height:calc(118 * var(--ul));padding:0 calc(30 * var(--ul)) 0 calc(10 * var(--ul));gap:calc(14 * var(--ul));border-radius:var(--r-xl);box-shadow:0 6px 0 #c9cee6, var(--shadow-pop);border:4px solid #fff}.lb-change-mon{width:calc(96 * var(--ul));height:calc(96 * var(--ul));background:radial-gradient(circle at 50% 40%, #fff, var(--ui-card-2) 70%);box-shadow:inset 0 0 0 3px var(--ui-line);border-radius:50%;place-items:center;display:grid;overflow:hidden}.lb-change>span:last-child{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.lb-change b{font-size:max(17px, calc(28 * var(--ul)))}.lb-change small{font:600 max(12px, calc(16 * var(--ul))) var(--font);color:var(--ui-muted)}#menu .lb .lb-play{gap:calc(20 * var(--ul));width:auto;min-width:min(560px,48vw);padding:calc(16 * var(--ul)) calc(30 * var(--ul)) calc(16 * var(--ul)) calc(18 * var(--ul))}#menu .lb .lb-play .play-ball{width:calc(100 * var(--ul));height:calc(100 * var(--ul))}#menu .lb .lb-play .play-ball img{width:calc(114 * var(--ul));height:calc(114 * var(--ul));margin:calc(-7 * var(--ul))}#menu .lb .lb-play b{font-size:max(30px, calc(54 * var(--ul)))}#menu .lb .lb-play small{font-size:max(13px, calc(18 * var(--ul)))}.lb-play:disabled{cursor:default;filter:saturate(.75)brightness(.96)}.lb-play.waiting .play-ball img{animation:1.6s ease-in-out infinite lb-wobble}.lb-play.ready{background:linear-gradient(180deg, #5fdc8a, var(--ui-green));box-shadow:0 6px 0 var(--ui-green-edge), var(--shadow-pop)}.lb-play.ready b{text-shadow:0 3px #146e3273}.modal.party-invite{width:min(560px,100%)}.modal.party-invite .modal-body{background:var(--ui-card-2);flex-direction:column;gap:12px;padding:16px;display:flex}.modal.party-invite .empty-state b{font-size:18px}@keyframes lb-pop{0%{opacity:0;scale:.4}}@keyframes lb-down{0%{opacity:0;translate:0 -30px}}@keyframes lb-up{0%{opacity:0;translate:0 40px}}@keyframes lb-pulse{50%{opacity:.55}}@keyframes lb-wobble{0%,to{rotate:0deg}25%{rotate:-14deg}75%{rotate:14deg}}@media (width<=900px),(height<=560px){.lb-top{gap:8px;top:10px;left:12px;right:12px}.lb-code{gap:8px;height:50px;padding:0 6px 0 14px}.lb-code b{font-size:21px}.lb-code small{font-size:11px}.lb-code .pill,.lb-top .pill{height:40px;font-size:15px}.lb-join .field{width:140px;height:34px;font-size:14px}.lb-join .pill{height:34px}.lb-tag{border-radius:14px;min-width:100px;padding:5px 10px 6px}.lb-tag b{font-size:15px}.lb-tag small,.lb-state{font-size:11.5px}.lb-empty{padding:7px 14px;font-size:15px}.lb-bottom{gap:10px;bottom:12px;left:12px;right:12px}.lb-note{font-size:13px;bottom:110px}}@media (width<=600px){.lb-join{flex:100%;order:5}.lb-join .field{flex:1;width:auto}.lb-change>span:last-child{display:none}.lb-change{padding:0 calc(10 * var(--ul))}#menu .lb .lb-play{flex:1;min-width:0}}.lb-manage{gap:6px;margin-top:5px;display:flex}.lb-manage button{border-radius:var(--r-pill);cursor:pointer;font:700 12.5px var(--font);color:var(--ui-ink);background:var(--ui-card-2);box-shadow:inset 0 0 0 2px var(--ui-line);border:0;padding:3px 10px}.lb-manage [data-crown]:hover{color:#8a6400;background:#fff1b8}.lb-manage [data-kick]:hover{color:#fff;background:var(--ui-red);box-shadow:none}.pt-confirm{font:600 15px/1.45 var(--font);color:var(--ui-ink);margin:4px 0}@media (height<=500px){.lb-manage{margin-top:3px}.lb-manage button{padding:2px 8px;font-size:11px}}.lb-doing{font:600 12px var(--font);color:var(--ui-muted);align-items:center;gap:5px;display:inline-flex}.lb-doing i{background:#b9bfd8;border-radius:50%;width:8px;height:8px}.lb-doing.here{color:var(--ui-green-edge)}.lb-doing.here i{background:var(--ui-green)}.lb-manage [data-mute].on{color:#fff;background:var(--ui-muted);box-shadow:none}.lb-chat{left:20px;bottom:calc(150 * var(--ul) + 34px);z-index:2;width:min(330px,30vw);animation:lb-up .5s var(--ease-bounce) .15s both;flex-direction:column-reverse;align-items:flex-start;gap:8px;display:flex;position:absolute}.lb-chat-toggle{gap:6px;height:40px;padding:0 16px 0 12px;font-size:15px;position:relative}.lb-chat.open .lb-chat-toggle{display:none}.lb-chat-icon{width:20px;height:20px;color:var(--ui-blue)}.lb-chat-badge{min-width:22px;height:22px;font:700 12px var(--font);color:#fff;background:var(--ui-red);border-radius:var(--r-pill);box-shadow:0 2px 0 var(--ui-red-edge);animation:lb-pop .4s var(--ease-bounce);place-items:center;padding:0 6px;font-style:normal;display:grid;position:absolute;top:-6px;right:-6px}.lb-chat-badge[hidden]{display:none}.lb-chat-panel{border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-pop);flex-direction:column;display:flex;overflow:hidden}.lb-chat-panel[hidden]{display:none}.lb-chat-panel header{font:700 14px var(--font);color:var(--ui-ink);justify-content:space-between;align-items:center;padding:8px 10px 6px 14px;display:flex}.lb-chat-close{cursor:pointer;font:700 16px var(--font);color:var(--ui-muted);background:0 0;border:0;padding:2px 6px}.lb-chat-log{overscroll-behavior:contain;height:clamp(80px, calc(100dvh - 150 * var(--ul) - 330px), 220px);font:500 14px/1.3 var(--font);color:var(--ui-ink);overflow-wrap:anywhere;flex-direction:column;gap:4px;margin:0;padding:4px 12px;list-style:none;display:flex;overflow-y:auto}.lb-chat-log li{border-left:3px solid var(--c);padding-left:8px}.lb-chat-log li b{color:color-mix(in srgb, var(--c) 70%, #1c2250)}.lb-chat-log li.mine{background:color-mix(in srgb, var(--c) 8%, transparent);border-radius:0 6px 6px 0}.lb-chat-log .lb-chat-empty{color:var(--ui-muted);border:0;padding:8px 0;font-size:13px}.lb-chat-form{border-top:2px solid var(--ui-line);gap:6px;padding:8px;display:flex}.lb-chat-form .field{flex:1;min-width:0;height:36px;font-size:14px}.lb-chat-form .pill{height:36px;padding:0 14px;font-size:14px}@media (width<=900px),(height<=560px){.lb-chat{left:12px;bottom:calc(150 * var(--ul) + 22px);width:min(300px,42vw)}.lb-chat-toggle{height:34px;font-size:13px}.lb-chat-log{height:clamp(56px, calc(100dvh - 150 * var(--ul) - 210px), 160px);font-size:13px}.lb-chat-panel header{padding:4px 8px 2px 12px;font-size:12.5px}.lb-chat-form{padding:6px}.lb-chat-form .field,.lb-chat-form .pill{height:32px;font-size:13px}.lb-doing{font-size:10.5px}}.news-btn{position:relative}.news-icon{width:28px;height:28px;image-rendering:pixelated}.news-badge{color:#fff;min-width:22px;height:22px;font:700 12px/1 var(--font);background:#ff3b47;border:2px solid #fff;border-radius:11px;place-items:center;padding:0 5px;animation:1.6s ease-in-out infinite news-pop;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #c8142873}@keyframes news-pop{0%,80%,to{transform:scale(1)}90%{transform:scale(1.18)}}.modal.news{width:min(680px,100%)}.modal.news .ph-icon .news-icon{width:30px;height:30px}.modal.news .modal-body{background:var(--ui-card-2);flex-direction:column;gap:14px;padding:16px;line-height:1.4;display:flex}.news-ver{background:#fff;border:3px solid #0000;border-radius:20px;padding:14px 16px 10px;box-shadow:0 3px #dfe2f3}.news-ver.unseen{background:#fffaf1;border-color:#ffc46b}.news-ver-head{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;display:flex}.news-ver h3{font:700 19px/1.15 var(--font);margin:0}.news-num{color:#fff;font:700 12px/1.2 var(--font);background:#22264a;border-radius:999px;padding:3px 9px}.news-new{color:#fff;font:700 12px/1.2 var(--font);text-transform:uppercase;letter-spacing:.04em;background:#ff3b47;border-radius:999px;padding:3px 9px}.news-ver time{font:600 13px var(--font);color:#7d83ad;margin-left:auto}.modal.news ul{margin:0;padding:0;list-style:none}.modal.news li{font:500 15px/1.35 var(--font);border-top:2px solid #f0f1f8;align-items:flex-start;gap:10px;margin:0;padding:7px 0;display:flex}.modal.news li:first-child{border-top:none}.news-tag{text-align:center;color:#fff;width:72px;font:700 12px/1.2 var(--font);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex:none;padding:3px 0}.news-tag.nuevo{background:#2fb85a}.news-tag.mejora{background:#2f7fe0}.news-tag.arreglo{background:#f08a12}.news-tag.balance{background:#8a4fe0}@media (width<=520px){.news-ver time{width:100%;margin-left:0}.news-tag{width:64px}}.m-badge{color:#fff;min-width:24px;height:24px;font:700 13px/1 var(--font);background:#ff3b47;border-radius:12px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:0 2px 6px #c8142859}.m-card .card-icon img{width:40px;height:40px;image-rendering:pixelated}.modal.missions{width:min(720px,100%)}.modal.missions .modal-body{background:var(--ui-card-2);flex-direction:column;gap:14px;padding:16px;display:flex}.m-tabs{box-shadow:0 2px 0 var(--ui-line);background:#fff}.m-tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.m-tabs button.on{background:var(--ui-card-2)}.m-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;display:flex}.m-head h3{font:700 21px/1.1 var(--font);color:var(--ui-ink);margin:0}.m-timer{font:600 14px var(--font);color:var(--ui-muted);margin-left:auto}.m-timer b{color:var(--ui-ink)}.m-section ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.m-row{border-radius:var(--r-lg);background:#fff;border:3px solid #0000;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 3px #dfe2f3}.m-row.ready{border-color:var(--ui-green);background:#f2fff6}.m-row.claimed{opacity:.6}.m-icon{border-radius:var(--r-md);background:var(--ui-card-2);flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.m-icon .type-icon{width:34px;height:34px}.m-icon .px-ball,.m-icon .px{width:38px;height:38px;image-rendering:pixelated}.m-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.m-body b{font:700 16px/1.25 var(--font);color:var(--ui-ink)}.m-body small{font:600 12.5px/1.3 var(--font);color:var(--ui-muted)}.m-bar{background:var(--ui-card-2);height:10px;box-shadow:inset 0 0 0 2px var(--ui-line);border-radius:5px;margin-top:4px;overflow:hidden}.m-bar i{background:linear-gradient(180deg, #7fe39d, var(--ui-green));border-radius:5px;height:100%;display:block}.m-row.claimed .m-bar i{background:var(--ui-silver)}.m-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.m-rewards{gap:4px;display:flex}.m-chip{border-radius:var(--r-pill);background:var(--ui-card-2);height:28px;font:700 14px var(--font);color:var(--ui-ink);align-items:center;gap:3px;padding:0 9px 0 4px;display:inline-flex}.m-chip .ticket{width:26px;height:17px;font-size:9px}.m-chip img{width:30px;height:30px;image-rendering:pixelated;margin:-4px}.m-count{font:700 14px var(--font);color:var(--ui-muted)}.m-claimed{font:700 14px var(--font);color:var(--ui-green-edge)}.m-claim.btn-wide{--face:var(--ui-green);--edge:var(--ui-green-edge);width:auto;height:36px;padding:0 16px;font-size:15px}.m-claim:disabled{filter:grayscale(.5)}.m-empty{text-align:center;color:var(--ui-muted);margin:0;padding:16px;font-weight:600}.m-foot{font:600 13px/1.3 var(--font);color:var(--ui-muted);align-items:center;gap:8px;margin:0;display:flex}.m-foot img{width:34px;height:34px;image-rendering:pixelated;margin:-6px}.m-foot b{color:var(--ui-ink)}.mission-line{color:#7fe39d;font-weight:700}@media (width<=560px){.m-row{flex-wrap:wrap}.m-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.m-timer{margin-left:0}}.sp-card .card-icon img{width:40px;height:40px;image-rendering:pixelated}.modal.season{width:min(680px,100%)}.modal.season .ph-icon img{width:44px;height:44px}.modal.season .modal-body{background:var(--ui-card-2);flex-direction:column;gap:12px;padding:16px;display:flex}.sp-banner{border-radius:var(--r-lg);color:#fff;background-color:#2f7de0;background-image:var(--stripes), linear-gradient(135deg, #5fb8ff, #2a62d6);align-items:center;min-height:112px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px #1d4fb0}.sp-art{pointer-events:none;align-items:flex-end;display:flex;position:absolute;bottom:-34px;right:-18px}.sp-art .px-icon{filter:drop-shadow(0 4px #0000002e);width:150px;height:124px;margin:0 -34px 0 0}.sp-art .px-icon:last-child{margin-right:0;transform:translateY(-10px)}.sp-title{z-index:1;flex-direction:column;gap:3px;max-width:calc(100% - 210px);line-height:1.15;display:flex;position:relative}.sp-title small{opacity:.95;align-items:center;gap:6px;font-weight:600;display:inline-flex}.sp-title small .type-icon{width:20px;height:20px}.sp-title b{text-shadow:0 2px #0003;font-size:28px}.sp-title em{font-style:normal;font-weight:700}.sp-how{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp-how li{border-radius:var(--r-md);background:#fff;flex-direction:column;gap:2px;padding:10px 12px;display:flex;box-shadow:0 3px #dfe2f3}.sp-how b{color:var(--ui-ink);font-size:16px}.sp-how span{color:var(--ui-muted);font-size:12.5px;font-weight:600;line-height:1.3}.sp-cols,.sp-row{grid-template-columns:64px 1fr 1fr;align-items:stretch;gap:8px;display:grid}.sp-cols{color:var(--ui-muted);padding:0 2px;font-size:14px}.sp-cols .prem{color:var(--ui-purple)}.sp-track{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-lvl{border-radius:var(--r-md);background:var(--ui-navy);color:#fff;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.sp-lvl small{opacity:.8;font-size:10px;font-weight:600}.sp-lvl b{font-size:22px}.sp-reward{border-radius:var(--r-md);min-height:52px;font:600 14px/1.25 var(--font);color:var(--ui-ink);background:#fff;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:0 3px #dfe2f3}.sp-reward.premium{background:#f6f2ff;box-shadow:0 3px #ddd3ff}.sp-ico{flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.sp-ico .px,.sp-ico .px-ball{width:36px;height:36px;image-rendering:pixelated}.sp-ico .ticket{width:30px;height:20px;font-size:10px}.sp-label{flex:1;min-width:0}.sp-label small{color:var(--ui-muted);font-size:12px;display:block}.sp-row{margin:0!important}.sp-row.reached .sp-lvl{background:var(--ui-blue)}.sp-row.next .sp-lvl{box-shadow:0 0 0 3px var(--ui-gold)}.sp-reward.claimed{opacity:.6}.sp-reward.ready:not(.claimed):not(.locked){box-shadow:0 3px 0 var(--ui-green-edge), 0 0 0 2px var(--ui-green)}.sp-reward.locked .sp-ico,.sp-reward.locked .sp-label{opacity:.75}.sp-done{color:var(--ui-green-edge);flex:none;font-weight:800}.sp-lock{width:18px;height:18px;color:var(--ui-purple);flex:none}.sp-claim.btn-wide{--face:var(--ui-green);--edge:var(--ui-green-edge);flex:none;width:auto;height:32px;padding:0 10px;font-size:13.5px}.sp-pick{flex:none;align-items:center;gap:4px;display:flex}.sp-pick select{border:2px solid var(--ui-line);border-radius:var(--r-md);max-width:110px;height:32px;font:600 13px var(--font);color:var(--ui-ink);background:#fff}.sp-chests .sp-lvl{background:var(--ui-gold);color:#5a3d00}.sp-progress{border-radius:var(--r-lg);background:#fff;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:0 3px #dfe2f3}.sp-big{background:var(--ui-blue);color:#fff;width:64px;height:64px;box-shadow:inset 0 -4px 0 var(--ui-blue-edge);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.sp-big small{opacity:.85;font-size:10px;font-weight:700}.sp-big b{font-size:26px}.sp-xp{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sp-xp b{color:var(--ui-ink);font-size:15px}.sp-xp small{color:var(--ui-muted);font-size:12.5px;font-weight:600}.sp-bar{border-radius:var(--r-pill);background:#e6e9f6;height:12px;overflow:hidden}.sp-bar i{border-radius:inherit;background:linear-gradient(90deg, #5fb8ff, var(--ui-blue));height:100%;display:block}.sp-all.btn-wide{--face:var(--ui-green);--edge:var(--ui-green-edge);flex:none;align-items:center;gap:6px;width:auto;height:40px;padding:0 14px;font-size:15px;display:inline-flex}.sp-error{border-radius:var(--r-md);color:#b42318;font:600 13.5px var(--font);background:#ffe8e8;padding:8px 12px;margin:0!important}.sp-buy-btn.btn-wide{--face:var(--ui-purple);--edge:var(--ui-purple-edge)}.sp-buy-btn.confirm{--face:var(--ui-orange);--edge:var(--ui-orange-edge)}.sp-buy.owned b{color:var(--ui-purple)}.sp-note{text-align:center;font:600 13px var(--font);color:var(--ui-muted);margin:0}.sp-buy{align-items:center;gap:12px;width:100%;display:flex}.sp-buy>span{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sp-buy>span img{width:40px;height:40px;image-rendering:pixelated;margin:-6px}.sp-buy b{font-size:15px;display:block}.sp-buy small{color:var(--ui-muted);font-size:12.5px;font-weight:600;display:block}.sp-buy .btn-wide{width:auto;padding:0 16px;font-size:15px}.sp-buy .btn-wide:disabled{filter:grayscale(.6);opacity:.8;cursor:default;transform:none}@media (width<=560px){.sp-art{opacity:.55;bottom:-40px;right:-30px}.sp-title{max-width:100%}.sp-title b{font-size:24px}.sp-how{grid-template-columns:1fr}.sp-cols,.sp-row{grid-template-columns:52px 1fr 1fr}.sp-buy{flex-direction:column;align-items:stretch}.sp-buy .btn-wide{width:100%}.sp-progress{flex-wrap:wrap}.sp-all.btn-wide{justify-content:center;width:100%}.sp-reward{flex-wrap:wrap;font-size:13px}.sp-ico{width:32px;height:32px}}button.counter{cursor:pointer;transition:transform .22s var(--ease-bounce);border:0;font-family:inherit}button.counter:hover{transform:scale(1.05)}button.counter:focus-visible{outline:3px solid var(--ui-blue);outline-offset:2px}.candy-counter.ready{box-shadow:inset 0 0 0 2px var(--ui-green);position:relative}.candy-counter.ready:after{content:"▲";background:var(--ui-green);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;display:grid;position:absolute;top:-6px;right:-4px}.tickets-counter>i{background:var(--ui-line);border-radius:1px;flex:none;width:2px;height:22px;margin:0 4px}.modal.wallet-info{width:min(460px,100%)}.modal.wallet-info .ph-icon img{width:44px;height:44px}.modal.wallet-info .ph-icon .ticket{width:34px;height:22px;font-size:11px}.modal.wallet-info .modal-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.wi-have{flex-wrap:wrap;gap:8px 28px;display:flex}.wi-big{align-items:center;gap:14px;display:flex}.wi-big>.px-icon{width:96px;height:79px;margin:-18px -10px -8px}.wi-big>img{width:72px;height:72px;image-rendering:pixelated;margin:-8px}.wi-big>.ticket{width:66px;height:44px;font-size:18px}.wi-big b{align-items:center;font-size:30px;display:flex}.wi-big b img{width:44px;height:44px;image-rendering:pixelated;margin:-6px -2px}.wi-big small{color:var(--ui-muted);font-weight:600;display:block}.wi-steps{flex-direction:column;gap:8px;margin:0;padding-left:18px;line-height:1.35;display:flex}.wi-steps .pips{vertical-align:middle}@property --iris{syntax:"<length>";inherits:false;initial-value:0}#loading{--iris:0px;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 1px));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 1px));mask-image:radial-gradient(circle at 50% 50%, transparent var(--iris), #000 calc(var(--iris) + 1px));transition:--iris .52s cubic-bezier(.55,0,.3,1)}#loading.ld-shown{transition-duration:.42s;transition-timing-function:cubic-bezier(.45,0,.75,.55)}#loading:not(.ld-shown){--iris:72vmax;pointer-events:none}#loading.ld-solid{-webkit-mask-image:none;mask-image:none}#loading .ld-pattern{opacity:.08;background-image:var(--ld-ball), var(--ld-ball);--ld-ball:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.5'%3E%3Ccircle cx='30' cy='30' r='14'/%3E%3Cpath d='M16 30h9.5M34.5 30H44'/%3E%3Ccircle cx='30' cy='30' r='4.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none;background-position:0 0,60px 60px;background-repeat:repeat;background-size:120px 120px;animation:14s linear infinite ld-drift;inset:-120px}@keyframes ld-drift{to{transform:translate(120px,120px)}}#loading:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff5a3c2e,#0000 65%);border-radius:50%;width:70vmin;height:70vmin;position:absolute;top:50%;left:50%;translate:-50% -58%}#loading .ld-center,#loading .ld-tip{opacity:0;transition:opacity .25s}#loading.ld-detail .ld-center,#loading.ld-detail .ld-tip{opacity:1}#loading img.ld-px{image-rendering:pixelated}#loading .ld-tip{left:50%;bottom:max(28px, calc(env(safe-area-inset-bottom) + 16px));color:#ffffffdb;text-align:center;text-wrap:balance;background:#ffffff14;border-radius:18px;width:min(560px,100vw - 32px);margin:0;padding:12px 18px;font-size:15px;line-height:1.4;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff1a}#loading .ld-tip.ld-tip-out{opacity:0}#loading .ld-tip b{color:#ffd84a;font-weight:700}#loading .ld-tip-tag{color:#3b2a00;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;background:#ffcb05;border-radius:999px;margin-right:8px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}@media (width<=600px){#loading .ld-tip{padding:10px 14px;font-size:13.5px}}@media (height<=420px){#loading .ld-tip{padding:6px 12px;font-size:13px;bottom:10px}}@media (prefers-reduced-motion:reduce){#loading,#loading.ld-shown{transition:opacity .25s;-webkit-mask-image:none;mask-image:none}#loading:not(.ld-shown){opacity:0}#loading .ld-pattern,#loading .ld-ball,#loading .ld-ball-in,#loading .ld-shadow{animation:none}}.run-intro{z-index:30;pointer-events:none;text-align:center;width:max-content;max-width:calc(100vw - 32px);font:700 clamp(44px, 7vw, 84px) / 1 var(--font);color:#fff;letter-spacing:.01em;-webkit-text-stroke:.06em var(--ui-navy);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ui-navy), 0 .2em .4em #0a0e2c73;margin:0 auto;animation:.45s cubic-bezier(.2,.9,.3,1.3) both run-intro-in;position:fixed;top:26%;left:0;right:0}.run-intro.out{animation:.5s ease-in forwards run-intro-out}@keyframes run-intro-in{0%{opacity:0;transform:translateY(10px)scale(.85)}}@keyframes run-intro-out{to{opacity:0;transform:translateY(-12px)scale(.95)}}