:root{--bg: #120d1f;--panel: #1f1733;--panel-2: #2b2148;--hover: #3a2d5e;--line: #08060f;--text: #f5f0ff;--muted: #a497c2;--gold: #ffc23d;--red: #ff5468;--normal: #c9d1d9;--raro: #4da3ff;--epico: #b569ff;--legendario: #ffc23d;--rc: var(--normal)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.6;-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}img.px{image-rendering:pixelated;display:block}h1,h2,h3,h4{font-weight:400;margin:0}.muted{color:var(--muted)}.small{font-size:9px}.center{text-align:center}.r-normal{--rc: var(--normal)}.r-raro{--rc: var(--raro)}.r-epico{--rc: var(--epico)}.r-legendario{--rc: var(--legendario)}.tag{color:var(--rc);font-size:8px;text-transform:uppercase}.btn{font:inherit;font-size:12px;color:var(--text);background:var(--panel-2);border:0;padding:14px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 0 3px var(--line),inset -3px -3px #00000059,inset 3px 3px #ffffff1f}.btn:hover:not(:disabled){background:var(--hover)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{font-size:9px;padding:8px 10px}.btn.big{font-size:14px;padding:16px 22px}.btn.gold{background:#e0a21f;color:#241500}.btn.gold:hover:not(:disabled){background:#f2b733}.btn small{font-size:8px;color:var(--muted)}.coin-ic{display:inline-block}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:16px;background:#120d1fcc;display:flex;flex-direction:column;align-items:center;gap:16px}.screen>*{width:100%;max-width:1000px}.topbar{display:flex;align-items:center;gap:12px}.topbar h2{font-size:16px;color:var(--gold);flex:1;text-align:center}.coins{display:flex;align-items:center;gap:8px;background:var(--panel);padding:8px 12px;box-shadow:0 0 0 3px var(--line);color:var(--gold)}@media(max-width:600px){.topbar h2{font-size:11px}}.menu{justify-content:center;background:transparent}.menu-coins{position:absolute;top:16px;right:16px;width:auto!important}.title{font-size:clamp(32px,8vw,72px);text-align:center;color:var(--gold);text-shadow:4px 4px 0 #b4471c,8px 8px 0 var(--line);line-height:1.15;margin-bottom:12px}.menu-btns{display:flex;flex-direction:column;gap:14px;width:min(320px,100%)!important}.badge{background:var(--red);color:#fff;font-size:8px;padding:3px 5px;animation:blink 1s steps(2) infinite}.hint{font-size:8px;color:var(--muted);text-align:center}.dev{display:flex;gap:8px;justify-content:center}.menu-user{position:absolute;top:16px;left:16px;width:auto!important;display:flex;align-items:center;gap:12px;font-size:10px}.auth{width:min(360px,100%)!important;background:var(--panel);box-shadow:0 0 0 3px var(--line);padding:18px;display:flex;flex-direction:column;gap:14px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tab{font:inherit;font-size:9px;color:var(--muted);background:var(--line);border:0;padding:10px 4px;cursor:pointer}.tab.on{color:var(--gold);background:var(--panel-2);box-shadow:inset 0 -3px 0 var(--gold)}.auth label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:var(--muted)}.auth input{font:inherit;font-size:12px;color:var(--text);background:var(--line);border:0;padding:12px;outline:none;box-shadow:inset 0 0 0 2px var(--panel-2);-webkit-user-select:text;user-select:text}.auth input:focus{box-shadow:inset 0 0 0 2px var(--gold)}.auth .muted{margin:0}.select-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}@media(max-width:760px){.select-layout{grid-template-columns:1fr}}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.vcard{font:inherit;color:inherit;background:var(--panel);border:0;cursor:pointer;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px var(--rc)}.vcard:hover{background:var(--hover)}.vcard.sel{background:var(--panel-2);box-shadow:0 0 0 3px var(--line),inset 0 0 0 3px var(--rc),0 0 16px var(--rc)}.vname{font-size:9px}.side{position:sticky;top:0;display:flex;flex-direction:column;gap:12px}.detail{background:var(--panel);padding:14px;box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px var(--rc);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.detail h3{font-size:14px}.detail-sprite{padding:8px 24px;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 35%,transparent),transparent 70%)}.detail h4{font-size:9px;color:var(--muted);margin-top:6px;align-self:stretch;text-align:left}.wlist{list-style:none;padding:0;margin:0;align-self:stretch;text-align:left;font-size:9px;display:flex;flex-direction:column;gap:6px}.wlist em{font-style:normal;color:var(--gold);font-size:8px}.wdot{display:inline-block;width:10px;height:10px;background:var(--c);box-shadow:0 0 0 2px var(--line);margin-right:8px;vertical-align:middle}.stats{width:100%;border-collapse:collapse;font-size:9px}.stats td{padding:3px 0;text-align:left}.stats td:last-child{text-align:right;color:var(--text);white-space:nowrap}.stats td.up{color:#7dff9a}.el{font-size:7px;color:var(--c);box-shadow:inset 0 0 0 1px var(--c);padding:2px 4px;vertical-align:middle;white-space:nowrap}.pause-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;text-align:left}.pause-grid h4{font-size:9px;color:var(--muted);margin:8px 0 6px}@media(max-width:600px){.pause-grid{grid-template-columns:1fr}}.clist{display:flex;flex-direction:column;gap:10px}.crow{display:flex;align-items:center;gap:12px;background:var(--panel);padding:10px;box-shadow:0 0 0 3px var(--line)}.cname{width:110px;font-size:10px;flex-shrink:0}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}.slot{font:inherit;color:inherit;border:0;background:var(--panel-2);min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 0 0 2px var(--rc);position:relative;padding:6px}.slot.owned{cursor:pointer}.slot.owned:hover{background:var(--hover)}.slot.locked{opacity:.7}.slot.empty{opacity:.25;box-shadow:inset 0 0 0 2px var(--line)}.cnt{position:absolute;top:4px;right:4px;font-size:8px;color:var(--gold)}@media(max-width:600px){.crow{flex-direction:column;align-items:stretch}.cname{width:auto}.slot{min-height:80px}.slot img{width:28px;height:auto}.slot .tag{font-size:6px}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#08060fd1;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{width:min(340px,100%);display:flex;flex-direction:column;gap:14px;max-height:100%;overflow:auto}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.banner{text-align:center;background:linear-gradient(180deg,#3a1f5e,#1f1733);padding:20px;box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px var(--legendario);display:flex;flex-direction:column;gap:10px;align-items:center}.banner-art{display:flex;gap:20px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.banner h3{color:var(--gold);font-size:14px}.pull-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.rates{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.pulse{animation:pulse 1s ease-in-out infinite}.reveal{position:absolute;top:0;right:0;bottom:0;left:0;background:#08060ff0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px;overflow:auto}.reveal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,var(--flash) 0%,transparent 60%);opacity:0;animation:flash .9s ease-out .1s}.best-normal{--flash: var(--normal)}.best-raro{--flash: var(--raro)}.best-epico{--flash: var(--epico)}.best-legendario{--flash: var(--legendario)}.reveal-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:820px;perspective:800px}.rcard{width:200px;height:260px;position:relative;transform-style:preserve-3d;animation:flip .5s ease-out var(--d) both}.reveal-cards.multi .rcard{width:124px;height:168px}.rback,.rfront{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 3px var(--line),inset 0 0 0 3px var(--rc)}.rback{background:repeating-linear-gradient(45deg,#2b2148 0,#2b2148 8px,#241b3d 8px,#241b3d 16px);font-size:28px;color:var(--rc)}.rfront{background:var(--panel);transform:rotateY(180deg);text-align:center;padding:6px}.rfront b{font-size:10px}.r-epico .rfront,.r-legendario .rfront{box-shadow:0 0 0 3px var(--line),inset 0 0 0 3px var(--rc),0 0 24px var(--rc)}.r-legendario .rfront{animation:glow 1.2s ease-in-out infinite alternate}.new{color:#7dff9a;font-size:8px}.dupe{color:var(--gold);font-size:8px;display:flex;align-items:center;gap:4px}.reveal>.btn{animation:appear .3s ease-out var(--last) both}.reveal.skip .rcard,.reveal.skip>.btn{animation-delay:0s}.shop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.shop-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);padding:12px;box-shadow:0 0 0 3px var(--line)}.si-info p{margin:4px 0 8px;font-size:8px}.pips{display:flex;gap:4px}.pips i{width:12px;height:8px;background:var(--line)}.pips i.on{background:var(--gold)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:2px}.chip{font:inherit;font-size:8px;color:var(--muted);background:var(--panel);border:0;padding:8px 10px;cursor:pointer;white-space:nowrap;box-shadow:0 0 0 2px var(--line)}.chip:hover{background:var(--hover)}.chip.on{color:#241500;background:var(--gold)}.rank-box{background:var(--panel);box-shadow:0 0 0 3px var(--line);padding:8px;overflow-x:auto}.rank{width:100%;border-collapse:collapse;font-size:10px}.rank th{font-weight:400;font-size:8px;color:var(--muted);text-align:left;padding:6px 8px}.rank td{padding:6px 8px;border-top:2px solid var(--line);vertical-align:middle}.rank .num{text-align:right;white-space:nowrap}.rank .pos{width:40px;color:var(--muted)}.rank .who{word-break:break-all}.rank .fighter{display:flex;align-items:center;gap:8px;font-size:8px}.rank .fighter .tag{font-size:6px}.rank tr.medal-1 .pos{color:#ffd34d}.rank tr.medal-2 .pos{color:#d6dde6}.rank tr.medal-3 .pos{color:#e09a5a}.rank tr.medal-1 td.num:nth-last-child(2){color:var(--gold)}.rank tr.me{background:color-mix(in srgb,var(--gold) 14%,transparent)}.rank tr.me .who{color:var(--gold)}.rank .me-out tr td{border-top:3px dashed var(--panel-2)}.record{color:var(--gold);text-align:center;font-size:14px;animation:pulse .8s ease-in-out infinite}.record small{font-size:8px;color:var(--text)}@media(max-width:600px){.rank{font-size:8px}.rank th,.rank td{padding:5px 4px}.rank .fighter span{display:none}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08060fb3;display:flex;align-items:center;justify-content:center;padding:16px}.overlay-box{background:var(--panel);box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px var(--panel-2);padding:20px;width:min(520px,100%);display:flex;flex-direction:column;gap:16px;align-items:center;max-height:100%;overflow:auto;animation:appear .2s ease-out}.overlay h2{font-size:18px;color:var(--gold);text-align:center}.overlay h2.lose{color:var(--red)}.lv-opts{display:flex;flex-direction:column;gap:10px;width:100%}.lv-opt{font:inherit;color:inherit;border:0;background:var(--panel-2);text-align:left;padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;box-shadow:0 0 0 3px var(--line)}.lv-opt:hover{background:var(--hover);box-shadow:0 0 0 3px var(--gold)}.ic{width:28px;height:28px;background:var(--c);flex-shrink:0;box-shadow:0 0 0 3px var(--line)}.lv-txt{flex:1;font-size:10px}.lv-txt em{font-style:normal;color:var(--gold);font-size:8px}.lv-txt small{color:var(--muted);font-size:8px}kbd{font:inherit;font-size:8px;color:var(--muted)}.reward{font-size:20px;color:var(--gold);display:flex;align-items:center;gap:10px}.pause-btn{position:absolute;right:12px;bottom:12px}.col{display:flex;flex-direction:column;gap:10px;width:min(260px,100%)}.toast{position:fixed;left:50%;top:20px;transform:translate(-50%);background:var(--red);padding:10px 14px;box-shadow:0 0 0 3px var(--line);font-size:9px;pointer-events:none;z-index:10;animation:toast 2.5s forwards}@keyframes blink{50%{opacity:.4}}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes flash{20%{opacity:.9}to{opacity:0}}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.25)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}.pause .overlay-box{width:min(720px,100%)}.gallery{width:100%;max-width:1080px;image-rendering:pixelated;box-shadow:0 0 0 3px var(--line)}.types{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:center}.el.basic{--c: var(--muted)}.cname .types{display:flex;justify-content:flex-start;margin-top:6px}.matchups td{vertical-align:top}.matchups td:last-child{text-align:right;white-space:normal}.matchups .el{display:inline-block;margin:0 0 3px 3px}.learn{margin:0;align-self:stretch;text-align:left;line-height:2}.skill{font-size:8px;color:var(--c);white-space:nowrap}.type-chart-wrap{overflow-x:auto}.type-chart{border-collapse:collapse;margin:0 auto;background:var(--panel);box-shadow:0 0 0 3px var(--line)}.type-chart th,.type-chart td{padding:8px;border:2px solid var(--line);text-align:center;font-weight:400}.type-chart .corner{font-size:7px;color:var(--muted)}.type-chart th:first-child{text-align:right}.eff{font-size:10px;min-width:52px}.eff.up{color:#7dff9a;background:#7dff9a1a}.eff.down{color:var(--red);background:#ff54681a}.type-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.type-card{background:var(--panel);padding:12px;box-shadow:0 0 0 3px var(--line),inset 3px 0 0 var(--c);font-size:8px}.type-card p{margin:8px 0 0}.lv-opt.upgrade{background:linear-gradient(90deg,#3a2a0e,var(--panel-2));box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px var(--gold)}.lv-opt.upgrade:hover{box-shadow:0 0 0 3px var(--gold),inset 0 0 0 2px var(--gold),0 0 16px #ffc23d66}.lv-opt.upgrade em{color:var(--gold);animation:blink 1s steps(2) infinite}.mod{font-size:7px;color:var(--gold);margin-left:18px}.lv-opt.stat{box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px var(--rc)}.lv-opt.stat:hover{box-shadow:0 0 0 3px var(--rc),inset 0 0 0 2px var(--rc)}.lv-opt.stat .big{font-size:11px;color:var(--rc)}.lv-opt.stat.r-normal .big{color:var(--text)}.lv-opt.stat.r-epico{background:linear-gradient(90deg,#2e1a4a,var(--panel-2))}.lv-opt.stat.r-legendario{background:linear-gradient(90deg,#4a3208,var(--panel-2));animation:glow .9s ease-in-out infinite alternate}.lv-opt.stat.r-legendario .ic{box-shadow:0 0 0 3px var(--line),0 0 12px var(--legendario)}.lv-opt.stat .help{color:var(--text);opacity:.8}.active-btn{position:absolute;left:14px;bottom:14px;width:56px;height:56px;border-radius:50%;font:inherit;font-size:20px;color:#120c1c;background:var(--gold);border:0;cursor:pointer;box-shadow:0 0 0 3px var(--line),inset -3px -3px #0000004d;touch-action:none}.active-btn:active{transform:scale(.94)}.lv-opt.activecard{background:linear-gradient(90deg,#0e3a44,var(--panel-2));box-shadow:0 0 0 3px var(--line),inset 0 0 0 2px #3df2ff}.lv-opt.activecard:hover{box-shadow:0 0 0 3px #3df2ff,inset 0 0 0 2px #3df2ff}.lv-opt.activecard em{color:#3df2ff}.active-info{margin:0;align-self:stretch;text-align:left;font-size:8px;line-height:1.7;color:var(--muted)}.active-info b{font-size:9px}.active-btn.cd{color:#fff;text-shadow:1px 1px 0 #000;background:conic-gradient(var(--gold) calc(var(--k) * 360deg),#3a2f55 0);box-shadow:0 0 0 3px var(--line),inset 0 0 0 4px #00000059}.d-col{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:stretch}.d-stats>h4:first-child{margin-top:0}.modal-box.wide{width:min(1080px,100%)}.modal-box.wide .detail{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(240px,1fr) minmax(360px,1.4fr);align-items:start;gap:22px;text-align:left}.modal-box.wide .d-col{gap:7px}.modal-box.wide .d-skills,.modal-box.wide .d-stats{align-items:stretch}.modal-box.wide .d-stats{display:block;columns:2;column-gap:18px}.modal-box.wide .d-stats h4{break-after:avoid;margin:0 0 4px}.modal-box.wide .d-stats table{break-inside:avoid;width:100%;margin-bottom:10px}@media(max-width:820px){.modal-box.wide .detail{display:flex}.modal-box.wide .d-stats{columns:1}}.wicon{width:32px;height:32px;flex:none;background:#120c1c;box-shadow:0 0 0 2px var(--line),inset 0 0 0 1px var(--c);margin-right:8px;vertical-align:middle;image-rendering:pixelated}.wicon.big{width:64px;height:64px;margin:0}.wlist li{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.wlist li>.wicon,.wlist li>.wdot{margin-right:6px}.wlist li>br{flex-basis:100%;content:""}.ic.ic-img{width:40px;height:40px;background:#120c1c;box-shadow:0 0 0 2px var(--line),inset 0 0 0 1px var(--c);image-rendering:pixelated}.start-skill{display:flex;gap:12px;align-items:center;align-self:stretch;text-align:left;font-size:9px;line-height:1.7}.start-skill b{font-size:10px}.modal-box.wide{width:min(900px,100%)}.modal-box.wide .detail{grid-template-columns:minmax(260px,1fr) minmax(380px,1.3fr)}.modal-box.wide .d-id{align-items:center}.crow.soon{opacity:.45}.crow.soon .slots{grid-template-columns:1fr}.slot.soon-slot{min-height:56px;box-shadow:inset 0 0 0 2px var(--line);display:flex;align-items:center;justify-content:center}