.notifs{z-index:95;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:76px;right:16px}.notif{border:3px solid var(--ink);background:var(--surface-hi);box-shadow:0 6px 0 var(--ink),var(--shadow);animation:notifIn .4s var(--spring) both;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden}.notif-friend{border-left:8px solid var(--water)}.notif-coop{background:linear-gradient(120deg,color-mix(in srgb,#2fd1bd 16%,var(--surface-hi)),var(--surface-hi));border-left:8px solid #2fd1bd}.notif-coop-started{border-left:8px solid var(--gold)}.notif-icon{font-size:24px;line-height:1.1}.notif-body{flex:1;gap:6px;min-width:0;display:grid}.notif-text{font:700 14px/1.35 var(--f-body);margin:0}.notif-sub{font:700 11px var(--f-mono);color:var(--muted);margin:0}.notif-actions{flex-wrap:wrap;gap:8px;display:flex}.notif-x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1;position:absolute;top:4px;right:8px}.notif-bar{background:#0000002e;height:5px;position:absolute;bottom:0;left:0;right:0}.notif-bar:after{content:"";width:var(--left);background:linear-gradient(90deg,#2fd1bd,#8cf5e8);transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}@keyframes notifIn{0%{opacity:0;transform:translate(40px)scale(.96)}}@media (max-width:520px){.notifs{width:auto;top:64px;left:12px;right:12px}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d1d;--bg2:#0d1531;--surface:#121a38;--surface-hi:#1a2450;--surface2:#222f63;--line:#2e3d78;--ink:#04071a;--fg:#eef2ff;--muted:#a3b0dc;--faint:#6f7db0;--fire:#ff5a3c;--fire2:#ff9150;--fire-ink:#fff;--gold:#ffc83d;--leaf:#3ddc84;--water:#4da3ff;--psy:#ff6fb7;--violet:#a56bff;--r-c:#8d97bd;--r-u:#3ddc84;--r-r:#4da3ff;--r-e:#b46bff;--r-l:#ffc83d;--shadow:0 12px 34px #02041073;--glow:0 0 0 1px #ffffff0a inset,0 1px 0 #ffffff12 inset;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--f-display:"Press Start 2P",ui-monospace,monospace;--f-body:"Instrument Sans",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;--grid:#788cff0e}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7eedc;--bg2:#dbe6cc;--surface:#fbfdf5;--surface-hi:#fff;--surface2:#e9f0d9;--line:#b9c7a0;--ink:#17241a;--fg:#14201a;--muted:#51604d;--faint:#7b8a76;--fire:#e8452a;--fire2:#f07a3a;--gold:#c98f00;--leaf:#1f9d52;--water:#2b6fd1;--psy:#d6458f;--violet:#7d46d8;--r-c:#6f7a63;--r-u:#1f9d52;--r-r:#2b6fd1;--r-e:#8a46d8;--r-l:#c98f00;--shadow:0 10px 26px #283c1e2e;--grid:#28502812}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7eedc;--bg2:#dbe6cc;--surface:#fbfdf5;--surface-hi:#fff;--surface2:#e9f0d9;--line:#b9c7a0;--ink:#17241a;--fg:#14201a;--muted:#51604d;--faint:#7b8a76;--fire:#e8452a;--fire2:#f07a3a;--gold:#c98f00;--leaf:#1f9d52;--water:#2b6fd1;--psy:#d6458f;--violet:#7d46d8;--r-c:#6f7a63;--r-u:#1f9d52;--r-r:#2b6fd1;--r-e:#8a46d8;--r-l:#c98f00;--shadow:0 10px 26px #283c1e2e;--grid:#28502812}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--fg);font:15px/1.55 var(--f-body);background:radial-gradient(900px 520px at 12% -8%,color-mix(in srgb,var(--fire) 14%,transparent),transparent 62%), radial-gradient(800px 480px at 100% 0%,color-mix(in srgb,var(--water) 16%,transparent),transparent 58%), radial-gradient(700px 500px at 50% 110%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh;margin:0;padding-block:0 72px;padding-inline:16px}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 20%,#000 0%,#0000 75%)}h1,h2,h3,h4,p{text-wrap:balance;margin:0}p{text-wrap:pretty}a{color:inherit}img{max-width:100%}.wrap{max-width:1120px;margin-inline:auto}.px{font-family:var(--f-display);letter-spacing:.02em;line-height:1.5}.mono{font-family:var(--f-mono)}.lbl{font:600 11px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stat{font:600 12px var(--f-mono);font-variant-numeric:tabular-nums}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{gap:14px;display:grid}canvas,.pix{image-rendering:pixelated}img[src*="/sprites-g6/"]{image-rendering:auto}:focus-visible{outline:3px solid var(--water);outline-offset:2px;border-radius:6px}::selection{background:var(--fire);color:#fff}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page{animation:pageIn .38s var(--ease) both;padding-top:16px}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page-head{gap:8px;margin-block:10px 20px;display:grid}.page-head h1{font-family:var(--f-display);text-shadow:3px 3px 0 var(--ink);font-size:clamp(22px,4.2vw,34px);line-height:1.25}.page-head p{color:var(--muted);max-width:60ch}.crumb{font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none}.crumb:hover{color:var(--fire2)}.btn{--b-bg:linear-gradient(180deg,var(--surface-hi),var(--surface));font:600 14px/1 var(--f-body);color:var(--fg);cursor:pointer;border:2px solid var(--ink);background:var(--b-bg);box-shadow:0 4px 0 var(--ink),0 8px 18px #00000040,inset 0 1px 0 #ffffff24;transition:transform 90ms var(--ease),box-shadow 90ms var(--ease),filter .15s;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.1);box-shadow:0 6px 0 var(--ink),0 12px 22px #00000047,inset 0 1px 0 #ffffff2e;transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink),inset 0 1px 0 #ffffff1a;filter:brightness(.95);transform:translateY(3px)}.btn.primary{--b-bg:linear-gradient(180deg,var(--fire2),var(--fire));color:var(--fire-ink);text-shadow:0 1px #00000040}.btn.leaf{--b-bg:linear-gradient(180deg,color-mix(in srgb,var(--leaf) 80%,#fff),var(--leaf));color:#04210f}.btn.gold{--b-bg:linear-gradient(180deg,#ffe08a,var(--gold));color:#2a1c00}.btn.ghost{--b-bg:transparent;box-shadow:none;border-color:var(--line)}.btn.ghost:hover{background:var(--surface);box-shadow:none;transform:none}.btn.sm{box-shadow:0 3px 0 var(--ink);border-radius:8px;padding:8px 12px;font-size:12px}.btn.lg{border-radius:12px;padding:16px 26px;font-size:16px}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none;filter:grayscale(.6)}.btn .kbd{font:600 10px var(--f-mono);color:inherit;opacity:.85;background:#00000047;border-radius:4px;padding:2px 5px}.inp{font:500 14px var(--f-body);color:var(--fg);background:var(--bg2);border:2px solid var(--line);border-radius:10px;min-width:0;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--water);box-shadow:0 0 0 4px color-mix(in srgb,var(--water) 25%,transparent);outline:none}.inp::placeholder{color:var(--faint)}.box{border:2px solid var(--line);background:linear-gradient(180deg,var(--surface-hi),var(--surface));min-width:0;box-shadow:var(--shadow),var(--glow);border-radius:16px;padding:18px;position:relative}.box h3{font:700 16px/1.3 var(--f-body);margin-bottom:6px}.box p,.box li{color:var(--muted);font-size:14px}.box.flat{box-shadow:none}.box.hot{border-color:var(--fire);box-shadow:var(--shadow),0 0 0 3px color-mix(in srgb,var(--fire) 22%,transparent)}.panel-title{font:700 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-title:after{content:"";background:linear-gradient(90deg,var(--line),transparent);flex:1;height:2px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.pill{font:600 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--surface2);color:var(--fg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.pill.fire{background:var(--fire);color:var(--fire-ink);border-color:#0000}.pill.leaf{background:var(--leaf);color:#04210f;border-color:#0000}.pill.gold{background:var(--gold);color:#2a1c00;border-color:#0000}.pill.water{background:var(--water);color:#031a36;border-color:#0000}.tyd{font:700 9px/1 var(--f-mono);letter-spacing:.04em;color:#fff;text-transform:uppercase;text-shadow:0 1px #00000059;border-radius:5px;padding:4px 6px;display:inline-block;box-shadow:inset 0 -2px #00000038,inset 0 1px #ffffff4d}.dot{background:var(--faint);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;display:inline-block}.dot.on{background:var(--leaf);box-shadow:0 0 0 2px var(--surface),0 0 10px var(--leaf)}.tabs{background:var(--bg2);border:2px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;padding:6px;display:flex}.tab{font:600 13px var(--f-body);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 14px;transition:background .15s,color .15s,transform .1s}.tab:hover{color:var(--fg);background:var(--surface)}.tab[aria-selected=true]{background:linear-gradient(180deg,var(--fire2),var(--fire));color:#fff;box-shadow:0 2px 0 var(--ink)}.bar{border:2px solid var(--ink);background:var(--bg2);border-radius:99px;height:12px;overflow:hidden}.bar i{background:linear-gradient(180deg,var(--fire2),var(--fire));border-radius:99px;width:0;height:100%;transition:width .25s linear;display:block}.progress{gap:6px;display:flex}.progress i{background:var(--surface2);border-radius:99px;flex:1;height:8px;transition:background .3s,box-shadow .3s}.progress i.on{background:var(--fire);box-shadow:0 0 10px color-mix(in srgb,var(--fire) 60%,transparent)}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-hi) 40%,var(--surface) 80%);background-size:200% 100%;border-radius:12px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--muted);place-items:center;gap:10px;padding:34px 16px;display:grid}.empty img{width:96px;height:96px;image-rendering:pixelated;opacity:.9;filter:drop-shadow(0 6px #00000040);animation:3s ease-in-out infinite floaty}@keyframes floaty{50%{transform:translateY(-6px)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes shake{20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:3px}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--line);border-top-color:var(--fire);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.site-header{z-index:40;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-bottom:2px solid var(--line);margin-inline:-16px;padding-inline:16px;position:sticky;top:0}.site-header-row{flex-wrap:wrap;align-items:center;gap:18px;padding-block:10px;display:flex}.site-logo{color:var(--fg);text-shadow:2px 2px 0 var(--ink);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:flex}.site-logo span{color:var(--fire)}.pokeball{border:3px solid var(--ink);background:linear-gradient(180deg,var(--fire) 0 46%,var(--ink) 46% 54%,#f4f6ff 54%);width:26px;height:26px;transition:transform .6s var(--spring);border-radius:50%;flex:none;position:relative;overflow:hidden;box-shadow:inset -3px -3px #0000002e}.pokeball:after{content:"";border:3px solid var(--ink);background:#f4f6ff;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;translate:-50% -50%}.site-logo:hover .pokeball{transform:rotate(360deg)}.site-nav{flex-wrap:wrap;flex:1;gap:2px;display:flex}.site-nav a{color:var(--muted);font:600 13px var(--f-body);border-radius:9px;padding:8px 7px;text-decoration:none;transition:color .15s,background .15s;position:relative}.site-nav a:hover{color:var(--fg);background:var(--surface)}.site-nav a[aria-current=page]{color:var(--fg);background:var(--surface-hi);box-shadow:inset 0 -3px 0 var(--fire)}.header-tools{align-items:center;gap:8px;display:flex}.icon-btn{border:2px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--fg);cursor:pointer;border-radius:10px;place-items:center;font-size:16px;transition:transform .12s,border-color .15s;display:grid}.icon-btn:hover{border-color:var(--fire2);transform:translateY(-2px)}.lang-toggle{border:2px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.lang-toggle button{background:var(--surface);color:var(--muted);font:700 11px var(--f-mono);cursor:pointer;border:0;padding:8px 11px}.lang-toggle button[aria-pressed=true]{background:var(--fire);color:#fff}.toasts{z-index:90;gap:10px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{border:2px solid var(--ink);background:var(--surface-hi);box-shadow:0 6px 0 var(--ink),var(--shadow);animation:toastIn .35s var(--spring) both;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.toast.err{border-color:var(--fire)}.toast.ok{border-color:var(--leaf)}.toast b{font-size:13px;display:block}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.95)}}.hand{flex-wrap:wrap;justify-content:center;gap:18px;min-height:220px;padding:26px 12px 14px;display:flex}.slots{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slot{border:2px dashed var(--line);width:36px;height:36px;font:400 11px var(--f-display);color:var(--muted);border-radius:10px;place-items:center;display:grid}.slot.f{border:2px solid var(--fire);color:var(--fire)}.log{border:2px solid var(--ink);min-height:54px;font:400 11px/1.7 var(--f-display);background:var(--bg2);border-radius:10px;padding:8px 10px}.stat-box{background:var(--bg2);border:2px solid var(--line);text-align:center;border-radius:12px;gap:4px;padding:12px;display:grid}@media (max-width:720px){body{padding-inline:12px}.site-header{margin-inline:-12px;padding-inline:12px}.site-header-row{gap:10px}.site-nav{flex-wrap:nowrap;flex-basis:100%;order:3;overflow-x:auto}}@media (max-width:720px),(max-height:500px) and (orientation:landscape){.site-header-row{flex-wrap:nowrap;gap:6px;padding-block:4px}.site-logo{gap:6px;font-size:11px}.pokeball{width:22px;height:22px}.site-nav{scrollbar-width:none;flex-wrap:nowrap;min-width:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;padding:6px 8px;font-size:12.5px}.header-tools{flex:none;gap:5px;margin-left:auto}.icon-btn{border-radius:9px;width:32px;height:32px;font-size:14px}.lang-toggle button{padding:6px 8px;font-size:10px}.chip-player{padding:3px}.chip-name,.chip-rating{display:none}.chip-coins{padding:4px 8px}.chip-coins b{font-size:12px;display:inline}}@media (max-width:720px){.site-header-row{flex-wrap:wrap}.site-nav{flex-basis:100%;order:3;margin-top:-2px}.site-logo>span:not(.pokeball){display:none}.site-logo{margin-right:auto}}@media (max-width:720px) and (min-width:481px){.site-logo>span:not(.pokeball){display:inline}}@media (max-height:500px) and (orientation:landscape){.site-header-row{flex-wrap:nowrap}.site-nav{flex:1 1 0;order:0;margin-top:0}.site-logo>span:not(.pokeball){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}img.pix,img[src^="/sprites/"]{object-fit:contain}
.cos-frame-gold{box-shadow:0 0 0 2px var(--gold),0 0 0 5px color-mix(in srgb,var(--gold) 45%,transparent),0 0 18px color-mix(in srgb,var(--gold) 55%,transparent);outline:2px solid color-mix(in srgb,var(--gold) 70%,#fff);outline-offset:3px}.cos-frame-gold:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%) 200% 0/250% 100% no-repeat;animation:3.2s linear infinite cosShine;position:absolute;inset:0}.cos-frame-neon{box-shadow:0 0 10px color-mix(in srgb,var(--water) 80%,transparent),0 0 22px #ff3df08c;outline:2px solid var(--water);outline-offset:2px;animation:1.8s ease-in-out infinite cosNeon}.cos-frame-neon:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0,#ff3df04d,#0000 70%);animation:1.8s ease-in-out infinite cosNeon;position:absolute;inset:0}.cos-frame-fire{box-shadow:0 0 12px color-mix(in srgb,var(--fire) 85%,transparent),0 0 26px #ff7a1a8c;outline:2px solid var(--fire);outline-offset:2px;animation:1.1s ease-in-out infinite cosFire}.cos-frame-fire:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--fire) 35%,transparent),transparent 60%);animation:1.1s ease-in-out infinite cosFire;position:absolute;inset:0}.cos-frame-ice{box-shadow:0 0 0 2px #d6f2ff,0 0 14px color-mix(in srgb,var(--water) 60%,transparent);outline-offset:3px;outline:2px solid #bfe9ff}.cos-frame-ice:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffffd9 0 6%,#0000 12%),radial-gradient(circle at 70% 60%,#ffffffb3 0 4%,#0000 10%);animation:2.4s ease-in-out infinite cosSparkle;position:absolute;inset:0}.cos-frame-pixel{box-shadow:0 -4px 0 0 var(--psy),0 4px 0 0 var(--psy),-4px 0 0 0 var(--psy),4px 0 0 0 var(--psy), -4px -4px 0 0 var(--psy),4px -4px 0 0 var(--psy),-4px 4px 0 0 var(--psy),4px 4px 0 0 var(--psy);outline:none}.cos-frame-pixel:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--psy) 60%,transparent);position:absolute;inset:0}.bf-arena.cos-arena-night,.cos-preview-arena.cos-arena-night{--sky1:#070b24;--sky2:#16245c;--sky3:#2d3f87;--glow:#c8d7ff8c;--stars:1;--far:#1c2a63;--hill1:#1f5a4a;--hill2:#17483c;--hill3:#103a30;--g1:#2a7a63;--g2:#1f6350;--g3:#154a3c;--stripe:#a0c8ff12;--plat-top:#3f9a82;--plat-mid:#27705c;--plat-side:#2b2a47;--plat-edge:#14132a}.bf-arena.cos-arena-sunset,.cos-preview-arena.cos-arena-sunset{--sky1:#5a3a8c;--sky2:#ff7f6a;--sky3:#ffd29a;--glow:#ffe6a0f2;--far:#a95a7f;--hill1:#8a6a3c;--hill2:#6e5230;--hill3:#523b22;--g1:#b98f4a;--g2:#9a7439;--g3:#76562a;--stripe:#ffe6b414;--plat-top:#d9b35e;--plat-mid:#b08a3e;--plat-side:#6a4a2a;--plat-edge:#3a2616}.bf-arena.cos-arena-cave,.cos-preview-arena.cos-arena-cave{--sky1:#0e1117;--sky2:#1a1f29;--sky3:#2a313f;--glow:#6eaaff59;--far:#232a36;--hill1:#2f3646;--hill2:#262c3a;--hill3:#1c212c;--g1:#4a5368;--g2:#363d4f;--g3:#262b39;--stripe:#82b4ff14;--plat-top:#6d7894;--plat-mid:#495269;--plat-side:#2a2f3f;--plat-edge:#14171f}.bf-arena.cos-arena-snow,.cos-preview-arena.cos-arena-snow{--sky1:#9fc4ec;--sky2:#d6e8fa;--sky3:#f7fbff;--glow:#ffffffe6;--far:#b7cde6;--hill1:#e9f2fb;--hill2:#d4e4f4;--hill3:#bcd2e8;--g1:#f6fbff;--g2:#dbe9f6;--g3:#bed3e8;--stripe:#78a0d217;--plat-top:#fff;--plat-mid:#d9e8f5;--plat-side:#8fa7c2;--plat-edge:#5f7592}@keyframes cosShine{to{background-position:-200% 0}}@keyframes cosNeon{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--water) 80%,transparent),0 0 22px #ff3df08c}50%{box-shadow:0 0 16px color-mix(in srgb,var(--water) 95%,transparent),0 0 34px #ff3df0cc}}@keyframes cosFire{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--fire) 85%,transparent),0 0 26px #ff7a1a8c}50%{box-shadow:0 0 18px color-mix(in srgb,var(--fire) 100%,transparent),0 0 38px #ff7a1acc}}@keyframes cosSparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.bf-arena.cos-arena-night .bf-sky:before,.bf-arena.cos-arena-night .bf-sky:after{opacity:.22}.bf-arena.cos-arena-cave .bf-sky:before,.bf-arena.cos-arena-cave .bf-sky:after{display:none}
@media (max-width:680px){html body .draft-page .page-head p{display:none}html body .draft-page .page-head{margin-block:6px 2px}html body .draft-page .page-head h1{font-size:18px}html body main.page:has(.draft-layout){padding-block:4px 8px!important}html body .draft-layout{gap:8px}html body .draft-layout .opener{gap:6px;min-height:0}html body .draft-layout .booster{width:168px;height:234px}html body .draft-layout .booster-stage{gap:10px;padding-top:2px}html body .draft-layout .tray{gap:6px;padding:10px}}@media (orientation:landscape) and (max-height:540px){html body .draft-page .page-head{display:none}html body main.page:has(.draft-layout){padding-block:4px 6px!important}html body .draft-layout:not(.is-done){grid-template-columns:minmax(0,1fr) 138px;align-items:start;gap:10px;display:grid}html body .draft-layout .tray{gap:4px;padding:8px;position:static}html body .draft-layout .tray-head{flex-direction:column;align-items:stretch;margin-bottom:0}html body .draft-layout .tray-grid{gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))!important}html body .draft-layout .tray-grid .mini img{width:100%;height:100%}html body .draft-layout .opener{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);place-items:start stretch;gap:4px 12px;min-height:0;display:grid}html body .draft-layout .opener>.opener-head,html body .draft-layout .opener>.booster-stage{grid-column:1/-1;justify-self:center}html body .draft-layout .opener-head{gap:4px}html body .draft-layout .booster{width:116px;height:162px}html body .draft-layout .booster-stage{grid-template-columns:auto auto;align-items:center;gap:18px}html body .draft-layout .reveal-row.phone{grid-area:2/1;padding:0}html body .draft-layout .reveal-row.phone .ord{display:none}html body .draft-layout .phone-detail{grid-area:2/2;gap:5px;padding:0}html body .draft-layout .phone-detail .btn.lg{padding:9px 14px;font-size:14px}html body .draft-layout .reveal-row.phone .pcard.compact .pc-art{height:92px}html body .draft-layout .reveal-row.phone .pcard.compact .pc-sprite{width:80px;height:80px}html body .booster-art .px{font-size:9px}html body .booster-art{gap:6px}html body .tw-draft-grid>.tw-items{grid-row:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:0}html body .tw-draft-grid .ic-text{display:none}html body .tw-draft-grid .ic{box-shadow:0 3px 0 var(--ink),inset 4px 0 0 var(--c);flex-direction:row;justify-content:center;gap:6px;padding:4px}html body .tw-draft-grid .ic-icon{width:26px;height:26px;font-size:15px}html body .tw-draft-grid .ic-badge{padding:2px 6px;font-size:10px}html body .reveal-row.phone .pc-reg{letter-spacing:.04em;padding:1px 5px;font-size:7px;bottom:4px;left:4px}html body .tw-victory{grid-template-columns:1fr 1fr;place-items:center;gap:6px 16px;width:min(720px,100%);max-height:none;padding:12px 16px}html body .tw-victory>.tw-emblem{display:none}html body .tw-victory>.tw-victory-title{grid-column:1;font-size:22px}html body .tw-victory>.tw-victory-sub,html body .tw-victory>.tw-victory-stats{grid-column:1}html body .tw-victory>.tw-reveal{grid-area:1/2/span 3;gap:4px}html body .tw-victory>.tw-victory-actions{grid-column:1/-1;margin:0}html body .tw-victory .tw-reveal-card{width:118px;height:140px}html body .tw-victory .tw-reveal-sprite{width:52px;height:52px}html body .tw-victory .tw-reveal-sprite img{width:40px;height:40px}html body .tw-victory .tw-reveal-front{gap:4px;padding:8px}html body .tw-victory .tw-reveal-name{font-size:13px}html body .tw-victory .btn.lg{padding:9px 22px;font-size:14px}html body .bs-end{padding:8px}html body .bs-end .bs-summary{gap:6px;max-height:calc(100dvh - 16px);padding:10px 14px}html body .bs-end .bs-medal{border-width:3px;width:42px;height:42px;font-size:20px}html body .bs-end .bs-summary h2{font-size:15px}html body .bs-end .bs-stats{flex-wrap:nowrap;gap:6px}html body .bs-end .bs-stats .stat-box{flex:1;min-width:0;padding:6px 8px}html body .bs-end .bs-stats .stat-box b{font-size:14px}html body .bs-end .bs-stats .stat-box .lbl,html body .bs-end .bs-stats .stat-box span{font-size:8px}html body .bs-end .bs-say{margin:0}html body .bs-end .bs-summary-actions{flex-wrap:nowrap;gap:8px}html body .bs-end .bs-summary-actions .btn{padding:8px 14px;font-size:13px}}@media (max-width:860px) and (orientation:portrait){html body .hero{gap:12px;padding-block:14px 8px}html body .hero-fan{display:none}html body .hero-title{font-size:clamp(30px,10vw,44px)}html body .hero-sub{margin-top:10px;font-size:15px}html body .hero-kicker{margin-bottom:8px;font-size:10px}html body .hero-cta{flex-wrap:nowrap;gap:10px;margin-top:14px}html body .hero-cta .btn{text-align:center;flex:1;justify-content:center;padding-inline:10px}}@media (max-width:680px){html body .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body .mode{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px 12px}html body .mode-art{width:48px;height:48px}html body .mode h3{margin:0;font-size:14px}html body .mode p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:11px;display:-webkit-box;overflow:hidden}html body .mode-go{display:none}html body .modes{margin-top:14px}html body .home-ranking,html body .home-wins,html body .home-hall{margin-top:18px}}@media (orientation:landscape) and (max-height:540px){html body .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;padding-block:10px 6px}html body .hero-fan{order:0;height:330px}html body .fan-card .pcard{zoom:.62}html body .fan-0{transform:translate(-96px)rotate(-8deg)}html body .fan-2{transform:translate(96px)rotate(8deg)}html body .fan-0,html body .fan-2{display:block}html body .hero-title{font-size:34px}html body .hero-sub{margin-top:8px;font-size:14px}html body .hero-cta{margin-top:12px}html body .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){html body .tabs{scrollbar-width:none;flex-wrap:nowrap;gap:4px;width:auto;padding:4px;overflow-x:auto}html body .tabs::-webkit-scrollbar{display:none}html body .tab{white-space:nowrap;flex:none;padding:8px 11px;font-size:12.5px}html body .page-head h1,html body .page>h1{font-size:20px}html body .page-head p{font-size:13px}html body .ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body .ach-card{border-radius:12px;gap:6px;padding:10px}html body .ach-name{font-size:13px}html body .ach-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}html body .ach-group{margin-top:16px}html body .dex-ms-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}html body .dex-ms{flex:none;gap:4px 8px;padding:7px 9px}html body .dex-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-top:12px}html body .dex-tile{border-radius:10px;padding:6px 4px 7px}html body .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body .shop-card{gap:6px;padding:12px}html body .shop-card-top{gap:8px}html body .shop-icon{transform-origin:0;width:38px;height:38px;transform:scale(.7)}html body .shop-card h3{font-size:14px}html body .shop-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}html body .shop-card-foot{gap:6px}html body .shop-price{font-size:16px}html body .shop-own{padding:3px 7px;font-size:10px}html body .shop-balance{padding:10px 14px}}@media (max-width:680px),(max-height:540px) and (orientation:landscape){html body .lineup-grid,html body .cup-lineup,html body .play .cup-lineup,html body .lobby-cards{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;gap:6px;padding:4px 0;display:grid}html body .lineup-grid .pcard.compact,html body .cup-lineup .pcard.compact,html body .play .cup-lineup .pcard.compact,html body .lobby-cards .pcard.compact{zoom:1;width:100%;max-width:none}html body .lineup-grid .pcard.compact .pc-front,html body .cup-lineup .pcard.compact .pc-front,html body .lobby-cards .pcard.compact .pc-front{gap:3px;padding:5px}html body .lineup-grid .pcard.compact .pc-art,html body .cup-lineup .pcard.compact .pc-art,html body .lobby-cards .pcard.compact .pc-art{height:88px}html body .lineup-grid .pcard.compact .pc-sprite,html body .cup-lineup .pcard.compact .pc-sprite,html body .lobby-cards .pcard.compact .pc-sprite{width:76px;height:76px}html body .lineup-grid .pcard.compact .pc-name,html body .cup-lineup .pcard.compact .pc-name{font-size:11px}html body .lineup-grid .pcard.compact .tyd,html body .cup-lineup .pcard.compact .tyd,html body .lineup-grid .pcard.compact .pc-gem,html body .cup-lineup .pcard.compact .pc-gem{padding:2px 4px;font-size:8px}html body .lineup-grid .pcard.compact .pc-star,html body .cup-lineup .pcard.compact .pc-star{display:none}html body .cup-lineup .pcard.sel .ord{min-width:22px;height:22px;font-size:10px;top:-6px;left:-6px}html body .dex-banner{flex-direction:row;gap:10px;padding:8px 10px}html body .dexb-lens{width:28px;height:28px}html body .dex-banner-main{gap:4px}html body .dex-banner-main h3{font-size:12px}html body .dex-mons{gap:4px}html body .dex-mons li{padding:2px 4px}html body .dex-mons li span{display:none}html body .dex-mons img{width:30px;height:30px}html body .dexb-progress{display:none}html body .draft-complete .done-banner{padding:0}html body .draft-complete .done-banner h2{font-size:15px}html body .draft-complete .done-banner .lbl{font-size:9px}html body .draft-complete-actions{padding:4px 0 0}}@media (max-width:680px){html body .cup>.stack,html body .cup .stack{gap:8px}html body .cup .box{padding:10px}html body .cup .road{padding:10px 4px 2px}html body .cup .road-dot{width:30px;height:30px;font-size:11px}html body .cup .road:before,html body .cup .road:after{top:25px}html body .cup .road-node.trophy .road-dot{width:36px;height:36px;margin-top:-3px}html body .cup .road-label{gap:0;font-size:10px}html body .cup-grid{gap:8px}html body .lineup-picker{gap:6px}html body .lineup-picker .panel-title{margin:0;font-size:12px}html body .opp{gap:10px}html body .opp-art{border-radius:12px;width:54px;height:54px}html body .opp-art img{width:46px;height:46px}html body .opp h3{font-size:15px}html body .opp .stars{margin-top:2px;font-size:12px}html body .cup .roster{gap:4px}html body .cup .roster-cell{width:38px;height:38px}html body .cup .roster-cell img{width:32px;height:32px}html body .cup .box.stack>.lbl:last-child,html body .cup .cup-hist{display:none}html body .cup .btn.lg{padding:10px 16px;font-size:15px}}@media (orientation:landscape) and (max-height:540px){html body .cup .road{display:none}html body .cup .stack:has(>.box>.road){gap:6px}html body .cup-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px}html body .cup .box{padding:8px}html body .cup .opp-art{width:48px;height:48px}html body .cup .opp-art img{width:40px;height:40px}html body .cup .opp h3{font-size:14px}html body .cup .roster-cell{width:34px;height:34px}html body .cup .roster-cell img{width:28px;height:28px}html body .cup .box.stack>.lbl:last-child,html body .cup .cup-hist,html body .cup .lineup-picker .panel-title{display:none}html body .draft-complete .lineup-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%}html body .draft-complete .lineup-grid .pcard.compact .pc-art{height:62px}html body .draft-complete .lineup-grid .pcard.compact .pc-sprite{width:54px;height:54px}html body .draft-complete .lineup-grid .pcard.compact .pc-name{font-size:9px}html body .draft-complete .lineup-grid .pcard.compact .pc-gem{display:none}html body .draft-complete .lineup-grid .pcard.compact .tyd{padding:1px 3px;font-size:7px}html body .cup-lineup .pcard.compact .pc-art{height:58px}html body .cup-lineup .pcard.compact .pc-sprite{width:52px;height:52px}html body .cup-lineup .pcard.compact .pc-front{gap:2px;padding:4px}html body .cup-lineup .pcard.compact .pc-name{font-size:10px}html body .cup-lineup .pcard.compact .pc-gem{display:none}html body .cup .btn.lg{padding:8px 14px;font-size:14px}:is(html body .cup .page-head,html body .play .page-head,html body .cup .box:has(>.road)){display:none}html body .cup.page,html body .play.page{gap:6px;padding-block:6px 10px}}@media (max-width:680px) and (orientation:portrait){html body .cup .page-head p,html body .play .page-head p{display:none}}@media (orientation:landscape) and (max-height:540px){html body .cup .lbl{letter-spacing:.08em;margin:0;font-size:9px}html body .cup .opp{gap:8px}html body .cup .opp .stars{display:none}html body .cup .box.stack{gap:4px}html body .cup .lineup-count{font-size:10px}html body .cup .box.stack:has(.lineup-count){grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}html body .cup .box.stack:has(.lineup-count) .btn{white-space:nowrap}html body .cup .cup-grid>.stack{gap:6px}}
