:root{--bg: #0d0f1a;--bg2: #151a2b;--panel: #1b2136;--line: #2b3452;--text: #eef1fb;--muted: #98a2c3;--accent: #ffb547;--accent2: #7c5cff;--good: #3ddc97;--bad: #ff5d73;--r-common: #8a93ad;--r-rare: #4fa3ff;--r-epic: #b26bff;--r-legendary: #ffb547;--r-mythic: #ff5fb0;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 20% -10%,#24204a 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#10334a 0%,transparent 55%),var(--bg);color:var(--text);font-family:Be Vietnam Pro,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;transition:transform .12s,border-color .12s,background .12s}button:hover:not(:disabled){border-color:#4a5786;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent),#ff7a59);color:#1a1206;border:none;font-weight:700}button.big{font-size:1.1rem;padding:14px 28px}select,input[type=text],.rename{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.muted{color:var(--muted)}.center{text-align:center;justify-content:center}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.app{max-width:1180px;margin:0 auto;padding:0 16px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:12px}.logo{font-weight:800;font-size:1.9rem;letter-spacing:.12em;background:linear-gradient(90deg,#ffd27a,#ff7ad9,#7cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:.9rem}nav{display:flex;gap:6px;flex-wrap:wrap}nav button.on{background:var(--accent2);border-color:var(--accent2);color:#fff}footer{margin-top:40px;font-size:.8rem;text-align:center}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}.section-head h2{margin:0 0 4px}.section-head p{margin:0;max-width:640px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.grid.small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 14px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);text-align:center}.card.small{padding:8px}.card.selected{outline:2px solid var(--accent)}.card.r-rare{border-color:color-mix(in srgb,var(--r-rare) 55%,var(--line))}.card.r-epic{border-color:color-mix(in srgb,var(--r-epic) 60%,var(--line))}.card.r-legendary{border-color:var(--r-legendary);box-shadow:0 0 18px -6px var(--r-legendary)}.card.r-mythic{border-color:var(--r-mythic);box-shadow:0 0 22px -4px var(--r-mythic)}.card-name{font-weight:700}.card-sub{color:var(--muted);font-size:.82rem}.card-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}.card-trait{font-size:.8rem;color:#ffd27a}.badge{font-size:.72rem;padding:2px 8px;border-radius:999px;font-weight:700;border:1px solid currentColor}.badge.r-common{color:var(--r-common)}.badge.r-rare{color:var(--r-rare)}.badge.r-epic{color:var(--r-epic)}.badge.r-legendary{color:var(--r-legendary)}.badge.r-mythic{color:var(--r-mythic);background:linear-gradient(90deg,#ff5fb033,#7cc4ff33)}.els{display:inline-flex;gap:4px;flex-wrap:wrap}.el{font-size:.72rem;padding:2px 7px;border-radius:999px;background:#ffffff10}.el-fire{background:#ff5a3a33}.el-water{background:#3a8bff33}.el-wood{background:#3ddc6a33}.el-metal{background:#ffcf4a33}.el-earth{background:#b8783a33}.el-thunder{background:#9a5cff33}.el-ice{background:#6ae4ff33}.el-wind{background:#4adcb033}.el-poison{background:#9ad02a33}.el-sound{background:#ff5fa833}.el-spirit{background:#a8b8ff33}.el-crystal{background:#d98cff33}.el-light{background:#fff1a033}.el-dark{background:#7a3aa044}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060cd0;display:grid;place-items:center;z-index:50;padding:16px}.sheet{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:20px;max-width:920px;width:100%;max-height:92vh;overflow:auto}.close{position:absolute;right:12px;top:10px;font-size:1.4rem;line-height:1;padding:4px 10px}.detail{display:grid;grid-template-columns:280px 1fr;gap:20px}.detail-art{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:16px;background:radial-gradient(circle at 50% 40%,#2a3360,transparent 70%)}.genome{font-family:ui-monospace,monospace;font-size:.85rem}.unique{font-size:.8rem;color:#ffd27a;text-align:center}.detail-info h4{margin:14px 0 6px;color:#c8cff0}.detail-info p{margin:4px 0}.rename{font-size:1.3rem;font-weight:700;width:100%;margin-bottom:8px}.reasons,.moves{margin:0;padding-left:18px}.reasons li,.moves li{margin:3px 0;font-size:.9rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:var(--panel);border-radius:10px;padding:8px;display:grid;gap:2px;font-size:.85rem}.stat b{font-size:1.15rem}.genebar{height:6px;border-radius:4px;background:#ffffff14;overflow:hidden}.genebar i{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#ffb547)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:3px 10px;border-radius:999px;background:var(--panel);font-size:.8rem;border:1px solid var(--line);min-width:24px}.hatch{text-align:center;max-width:440px}.egg-burst{animation:pop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.2) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}.team-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.slot{background:var(--panel);border:1px dashed var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:210px}.slot-label{font-size:.78rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.slot-empty{color:var(--muted);margin:auto}.slot-actions{display:flex;gap:6px}.slot-actions button{padding:4px 10px}.picker{background:var(--panel);border-radius:14px;padding:12px;margin-bottom:12px}.picker-head{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.move-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;text-align:left}.move-chip small{color:var(--muted)}.move-chip.on{background:#7c5cff33;border-color:var(--accent2)}.warn{color:var(--accent);font-size:.85rem;margin:6px 0 0}.preview{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:12px 0 20px}.preview-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:14px;background:var(--panel);border:1px solid var(--line);min-width:130px}.pv.selected{outline:2px solid var(--accent)}.vs{font-weight:800;font-size:2rem;color:var(--accent)}.battle-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.triangle{font-size:.85rem;background:var(--panel);padding:4px 12px;border-radius:999px}.field-tag{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#0008;padding:4px 12px;border-radius:999px;font-size:.85rem;z-index:2}.hp{height:10px;border-radius:6px;background:#ffffff14;overflow:hidden}.hp.thin{height:5px}.hp i{display:block;height:100%;background:linear-gradient(90deg,#2fd68a,#7dffb5);transition:width .8s ease}.hp i.mid{background:linear-gradient(90deg,#f0b429,#ffd36b)}.hp i.low{background:linear-gradient(90deg,#ff4d6a,#ff8a8a)}.khi{display:flex;gap:3px}.khi i{width:12px;height:12px;transform:rotate(45deg);border:1px solid #ffb54788;background:transparent;border-radius:2px}.khi i.on{background:linear-gradient(135deg,#ffd27a,#ff9f40);box-shadow:0 0 6px #ffb547}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:.72rem;padding:2px 7px;border-radius:999px;background:#ffffff12}.tag.bad{background:#ff5d7333;color:#ffb3bf}.tag.good{background:#3ddc9733;color:#a6ffd6}.hint{background:linear-gradient(90deg,#7c5cff22,#ffb54714);border:1px solid #7c5cff55;border-radius:12px;padding:8px 12px;font-size:.92rem}.float{position:absolute;top:8%;left:50%;transform:translate(-50%);font-weight:900;font-size:1.6rem;pointer-events:none;animation:rise 1.2s ease-out forwards;text-shadow:0 2px 0 #000,0 0 10px #000;z-index:6;white-space:nowrap}.float.dmg{color:#ff6b81}.float.heal{color:#5dffb0}.float.info{color:#ffd27a;font-size:1rem}.float.crit{color:#ffb547;font-size:2.2rem}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.25)}30%{transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-54px)}}.bf{--sky1: #1b2550;--sky2: #34477e;--ground1: #2e5b40;--ground2: #142a1c;position:relative;aspect-ratio:2 / 1;min-height:300px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 50%,var(--ground1) 50.3%,var(--ground2) 100%);transition:background .8s;user-select:none;-webkit-user-select:none}.bf:before{content:"";position:absolute;left:0;right:0;top:32%;height:19%;background:radial-gradient(ellipse 28% 100% at 18% 100%,#ffffff12,transparent 70%),radial-gradient(ellipse 34% 100% at 78% 100%,#ffffff0d,transparent 70%),radial-gradient(ellipse 22% 80% at 50% 100%,#ffffff0a,transparent 70%);pointer-events:none}.bf-ground{position:absolute;left:-15%;right:-15%;top:50%;bottom:-30%;background:radial-gradient(ellipse 55% 60% at 50% 40%,#ffffff18,transparent 70%),repeating-linear-gradient(90deg,#ffffff08 0 2px,transparent 2px 90px),repeating-linear-gradient(0deg,#ffffff06 0 2px,transparent 2px 60px);transform:perspective(420px) rotateX(58deg);transform-origin:top;pointer-events:none}.bf.terrain-fire{--sky1: #3a0f08;--sky2: #8c3414;--ground1: #5c2610;--ground2: #260c05}.bf.terrain-water{--sky1: #0a1c3c;--sky2: #1d5590;--ground1: #134a6e;--ground2: #08223a}.bf.terrain-wood{--sky1: #0f2a1a;--sky2: #2c6a3a;--ground1: #2f6a2c;--ground2: #10280f}.bf.terrain-earth{--sky1: #2a1d10;--sky2: #7a5a32;--ground1: #6a4a24;--ground2: #2a1a0a}.bf.terrain-metal{--sky1: #26241a;--sky2: #6e6a4c;--ground1: #5c5838;--ground2: #22200f}.bf.terrain-thunder{--sky1: #170a30;--sky2: #4a2a8a;--ground1: #33205c;--ground2: #120826}.bf.terrain-ice{--sky1: #10283a;--sky2: #5aa0c4;--ground1: #7cc0d8;--ground2: #2a5a72}.bf.terrain-wind{--sky1: #0c2a28;--sky2: #3a8a7c;--ground1: #2c6e5e;--ground2: #0e2a24}.bf.terrain-light{--sky1: #3a3214;--sky2: #b49a3c;--ground1: #8a7a34;--ground2: #33300f}.bf.terrain-dark{--sky1: #0c0612;--sky2: #2e1440;--ground1: #24102e;--ground2: #0a040e}.bf.terrain-poison{--sky1: #141f08;--sky2: #4a6a14;--ground1: #3a4a10;--ground2: #141a04}.bf.terrain-sound{--sky1: #2a0a1c;--sky2: #8a2a5c;--ground1: #5a1a3c;--ground2: #200614}.bf.terrain-spirit{--sky1: #0c1030;--sky2: #4a5a9a;--ground1: #2a3460;--ground2: #0a0e22}.bf.terrain-crystal{--sky1: #200c30;--sky2: #8a5ab4;--ground1: #6a4a8a;--ground2: #241434}.bf.quake{animation:quake .5s}@keyframes quake{20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}.fslot{position:absolute;width:calc(var(--w) * 1%);transform:translate(-50%,-100%);transition:left .55s cubic-bezier(.3,.8,.3,1),top .55s cubic-bezier(.3,.8,.3,1),width .55s;display:flex;flex-direction:column;align-items:center}.fslot.back{filter:saturate(.8) brightness(.88)}.fslot .sprite{position:relative;width:100%;transition:transform .2s}.fslot .sprite .xm{width:100%;height:auto;display:block}.fslot.s0 .sprite .xm{transform:scaleX(-1)}.fslot .ring{position:absolute;left:14%;right:14%;bottom:1%;height:11%;border-radius:50%;border:2px solid #ffd27aaa;box-shadow:0 0 18px #ffd27a66,inset 0 0 12px #ffd27a44;animation:ringGlow 1.8s ease-in-out infinite}.fslot.s1 .ring{border-color:#ff7a8aaa;box-shadow:0 0 18px #ff5d7366,inset 0 0 12px #ff5d7344}@keyframes ringGlow{50%{opacity:.45}}.fslot.lunge.s0 .sprite{animation:dashR .52s cubic-bezier(.3,.7,.4,1)}.fslot.lunge.s1 .sprite{animation:dashL .52s cubic-bezier(.3,.7,.4,1)}@keyframes dashR{40%{transform:translate(60%) scale(1.07)}}@keyframes dashL{40%{transform:translate(-60%) scale(1.07)}}.fslot.pickable{cursor:pointer;filter:none}.fslot.pickable .sprite:before{content:"";position:absolute;top:15%;right:8%;bottom:0;left:8%;border-radius:50%;background:radial-gradient(#7c5cff44,transparent 70%)}.fslot.pickable:hover .sprite{transform:translateY(-5px)}.fslot.hinted{outline:none;box-shadow:none;animation:none}.fslot.hinted .sprite{filter:drop-shadow(0 0 10px #b8a6ff)}.swap-tag{font-size:.7rem;font-weight:800;color:#fff;background:var(--accent2);border-radius:999px;padding:1px 8px;margin-top:-6px;z-index:1}.plate{width:100%;min-width:60px;background:#0b0e1acc;border:1px solid #ffffff1c;border-radius:9px;padding:3px 5px;display:grid;gap:3px;margin-bottom:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plate.big{min-width:168px;padding:6px 8px;gap:4px;font-size:.82rem}.plate-name{display:flex;gap:5px;align-items:center;white-space:nowrap}.plate-name b{overflow:hidden;text-overflow:ellipsis;max-width:8.5em}.plate-name .badge{font-size:.6rem}.plate-els{display:inline-flex;gap:1px;font-size:.8rem}.plate-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--muted)}.plate .hp{height:6px;position:relative}.plate.big .hp{height:9px}.hp em{position:absolute;top:0;right:0;height:100%;background:#a8dcff99}.plate .tag{font-size:.6rem;padding:1px 5px}.plate .khi i{width:8px;height:8px}.ec-wood{--el: #5ee07a}.ec-fire{--el: #ff6a3d}.ec-earth{--el: #c98a4a}.ec-metal{--el: #f0c95a}.ec-water{--el: #4a9dff}.ec-thunder{--el: #b07cff}.ec-ice{--el: #7fe9ff}.ec-wind{--el: #5fe0c0}.ec-light{--el: #fff08a}.ec-dark{--el: #b06bd6}.ec-neutral{--el: #dfe6ff}.ec-poison{--el: #a8e030}.ec-sound{--el: #ff6fb0}.ec-spirit{--el: #b8c6ff}.ec-crystal{--el: #e09cff}.fx{position:absolute;left:50%;top:55%;width:95%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;z-index:4}.fx-slash{border-radius:0;background:linear-gradient(135deg,transparent 41%,var(--el) 46%,#fff 50%,var(--el) 54%,transparent 59%),linear-gradient(45deg,transparent 44%,color-mix(in srgb,var(--el) 70%,transparent) 48%,transparent 53%);animation:slash .45s ease-out forwards}@keyframes slash{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-25deg)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15) rotate(6deg)}}.fx-smash{background:radial-gradient(circle,#fff 0 7%,var(--el) 11%,transparent 26%),repeating-conic-gradient(var(--el) 0 4deg,transparent 4deg 30deg);-webkit-mask:radial-gradient(circle,#000 0 45%,transparent 68%);mask:radial-gradient(circle,#000 0 45%,transparent 68%);animation:burst .55s ease-out forwards}.fx-burst{background:radial-gradient(circle,#fff 0 9%,var(--el) 24%,color-mix(in srgb,var(--el) 40%,transparent) 44%,transparent 64%);animation:burst .6s ease-out forwards}.fx-beam{width:170%;background:radial-gradient(circle,#fff 0 10%,var(--el) 26%,color-mix(in srgb,var(--el) 35%,transparent) 46%,transparent 64%);animation:burst .75s ease-out forwards}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.fx-aura{background:radial-gradient(circle,transparent 38%,var(--el) 52%,transparent 68%);animation:aura .75s ease-out forwards}@keyframes aura{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.fx-shield{width:108%;background:radial-gradient(circle,#a8dcff14 0 50%,#a8dcff55 58%,#e6f4ffdd 64%,transparent 68%);animation:shield .75s ease-out forwards}@keyframes shield{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.04)}}.fx-heal{background:radial-gradient(circle,#7dffb566 0 28%,transparent 60%);animation:aura .75s ease-out forwards}.fx-stun{top:22%;width:62%;background:repeating-conic-gradient(#ffd27a 0 18deg,transparent 18deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 38%,#000 43% 56%,transparent 61%);mask:radial-gradient(circle,transparent 0 38%,#000 43% 56%,transparent 61%);animation:spinOut .75s linear forwards}@keyframes spinOut{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(300deg);opacity:0}}.move-pop{--el: #dfe6ff;position:absolute;left:50%;top:-2%;transform:translate(-50%);white-space:nowrap;font-size:.76rem;font-weight:800;padding:3px 9px;border-radius:8px;background:#0b0e1aee;border:1px solid var(--el);box-shadow:0 0 12px color-mix(in srgb,var(--el) 50%,transparent);animation:chipIn 1s ease-out forwards;z-index:7;pointer-events:none}@keyframes chipIn{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)}}.clash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto;align-items:center;background:#000a;z-index:200;animation:fadeIn .2s;padding:0 8%}.clash-card{--el: #8899cc;width:min(130px,26vw);aspect-ratio:3 / 4;border-radius:14px;display:grid;place-items:center;align-content:center;gap:4px;background:linear-gradient(160deg,color-mix(in srgb,var(--el) 45%,#1b2136),#10131f);border:2px solid var(--el);box-shadow:0 0 30px color-mix(in srgb,var(--el) 50%,transparent);text-align:center;padding:8px}.clash-card.s0{justify-self:end;animation:cardL .45s cubic-bezier(.2,.9,.3,1.2)}.clash-card.s1{justify-self:start;animation:cardR .45s cubic-bezier(.2,.9,.3,1.2)}@keyframes cardL{0%{transform:translate(-130%) rotate(-14deg);opacity:0}}@keyframes cardR{0%{transform:translate(130%) rotate(14deg);opacity:0}}.clash-icon{font-size:2.2rem}.clash-card b{font-size:.88rem;line-height:1.15}.clash-card small{color:var(--muted);font-size:.72rem}.clash-vs{font-weight:900;font-size:2rem;color:var(--accent);margin:0 16px;text-shadow:0 0 20px #ffb54788}.clash-text{grid-column:1 / -1;justify-self:center;padding-bottom:9%;font-size:1.15rem;text-shadow:0 2px 10px #000;animation:fadeIn .3s .25s both}.callout{position:absolute;left:50%;top:12%;transform:translate(-50%,-50%);font-size:clamp(1.4rem,4vw,2.4rem);font-weight:900;color:#ffd27a;text-shadow:0 3px 0 #9a4a14,0 0 24px #ffb54799;animation:callout .9s ease-out forwards;z-index:210;white-space:nowrap;pointer-events:none}@keyframes callout{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15);opacity:1}35%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-75%)}}.ticker{position:absolute;left:50%;bottom:8px;transform:translate(-50%);max-width:92%;font-size:.82rem;background:#000a;padding:3px 12px;border-radius:999px;z-index:150;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker:empty{display:none}.bf-wait{position:absolute;left:50%;top:13%;transform:translate(-50%);font-size:.82rem;background:#000a;padding:3px 12px;border-radius:999px;z-index:150}.bf-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(2.2rem,7vw,4rem);font-weight:900;letter-spacing:.08em;background:#0009;z-index:220;animation:fadeIn .4s}.bf-result.win{color:#ffd27a;text-shadow:0 0 30px #ffb547}.bf-result.lose{color:#ff8a9b}.bf-result.draw{color:#cfd6e6}@keyframes fadeIn{0%{opacity:0}}.hand-wrap{margin-top:10px;display:grid;gap:8px}.hand-wrap.busy .cards{opacity:.55;pointer-events:none}.hand{display:flex;gap:10px;align-items:stretch}.energy{flex:none;width:72px;border-radius:16px;display:grid;place-items:center;align-content:center;gap:3px;margin:10px 0 6px;background:radial-gradient(circle at 50% 35%,#ffb54738,#1b2136 72%);border:1px solid #ffb54766}.energy b{font-size:2rem;color:#ffd27a;line-height:1;text-shadow:0 0 12px #ffb547}.energy small{color:var(--muted);margin-top:-4px}.energy .orbs{display:flex;gap:3px}.energy .orbs i{width:7px;height:7px;border-radius:50%;background:#fff2}.energy .orbs i.on{background:#ffb547;box-shadow:0 0 6px #ffb547}.cards{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 6px;flex:1;scroll-snap-type:x proximity}.mcard{--el: #8899cc;--stripe: transparent;position:relative;flex:none;width:116px;min-height:166px;padding:0 0 8px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;overflow:hidden;background:linear-gradient(180deg,#1f2640,#141a2c);border:2px solid color-mix(in srgb,var(--el) 60%,#2b3452);scroll-snap-align:start;transition:transform .15s,box-shadow .15s}.mcard:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 10px 24px -6px color-mix(in srgb,var(--el) 70%,transparent);border-color:var(--el)}.mcard:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.mcard.i-strike{--stripe: #ff8a5b}.mcard.i-break{--stripe: #ff4fd8}.mcard.i-guard{--stripe: #4fc3ff}.mcard.i-tech{--stripe: #7dffb5}.mcard.i-counter,.mcard.i-absorb{--stripe: #b26bff}.mcard.i-ult{--stripe: #ffd27a;border-color:#ffd27a;box-shadow:0 0 14px -4px #ffd27a}.mcard-art{width:100%;height:76px;flex:none;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--el) 55%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--el) 32%,#1b2136),#10131f);border-bottom:1px solid #ffffff14}.mcard-art:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stripe)}.mcard.i-ult .mcard-art{background:radial-gradient(circle at 50% 62%,#ffd27a66,transparent 70%),linear-gradient(160deg,#4a3a14,#10131f)}.mcard-intent{font-size:2.1rem;filter:drop-shadow(0 2px 6px #000a)}.mcard-el{position:absolute;right:6px;bottom:4px;font-size:.95rem}.mcard-cost{position:absolute;top:6px;left:6px;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.9rem;color:#2a1606;background:radial-gradient(circle at 35% 30%,#fff3c4,#ffb547 60%,#d9822b);box-shadow:0 0 8px #ffb54799}.mcard-name{font-size:.8rem;line-height:1.15;padding:0 6px}.mcard-meta{font-size:.68rem;color:var(--muted);padding:0 6px}.mcard-badge{font-size:.66rem;font-weight:800;padding:1px 6px;border-radius:6px}.mcard-badge.up{background:#3ddc9733;color:#8fffc8}.mcard-badge.down{background:#ff5d7333;color:#ffb3bf}.mcard-off{position:absolute;left:0;right:0;bottom:0;padding:3px;font-size:.66rem;font-weight:800;background:#000b;color:#ffb3bf}.mcard.hinted{outline:2px solid #b8a6ff}.pickcard{justify-content:center;padding:8px;min-height:150px}@media (prefers-reduced-motion: reduce){.bf.quake,.fslot.lunge .sprite,.ring{animation:none}}@media (max-width: 760px){.bf{aspect-ratio:5 / 4;min-height:0;border-radius:14px}.fslot{width:calc(var(--w) * 1.45%)}.plate{min-width:0;padding:2px 4px}.plate.big{min-width:0;font-size:.62rem;padding:3px 5px;gap:2px}.plate-name b{max-width:6.5em}.plate.big .tags,.plate-name .badge,.plate-els,.plate .pulse{display:none}.plate.big .hp{height:6px}.plate .khi i{width:5px;height:5px}.swap-tag{font-size:.58rem;padding:0 6px}.float{font-size:1.2rem}.float.crit{font-size:1.6rem}.move-pop{font-size:.62rem;padding:2px 6px}.mcard{width:94px;min-height:142px}.mcard-art{height:58px}.mcard-intent{font-size:1.6rem}.energy{width:54px}.energy b{font-size:1.5rem}.clash-icon{font-size:1.6rem}}.hinted{outline:2px solid #b8a6ff;box-shadow:0 0 16px -2px #7c5cff;animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 4px -2px #7c5cff}}.habit{font-size:.9rem;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.habit span{background:var(--panel);border-radius:6px;padding:1px 5px}.result{text-align:center;background:var(--panel);border-radius:16px;padding:16px;margin-top:12px}.result h2{margin:0 0 6px}.log{margin-top:12px;background:var(--bg2);border-radius:12px;padding:8px 14px}.log ol{margin:6px 0 0;padding-left:20px;max-height:200px;overflow:auto;font-size:.86rem;color:#c8cff0}.empty{text-align:center;padding:40px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-card{background:var(--panel);border-radius:16px;padding:14px 18px}.help-card h3{margin-top:0}.help-card li{margin:6px 0}.chart-wrap{overflow-x:auto}.chart{border-collapse:collapse;font-size:.82rem}.chart th,.chart td{border:1px solid var(--line);padding:5px 7px;text-align:center;white-space:nowrap}.chart tbody th{text-align:left}.chart td.up{background:#3ddc9733;color:#8fffc8;font-weight:700}.chart td.down{background:#ff5d7326;color:#ffb3bf}.traits{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.trait{background:var(--panel);border-radius:12px;padding:8px 12px;display:grid;gap:2px;font-size:.88rem}.xm{overflow:visible}.xm-body{transform-box:view-box;transform-origin:100px 184px}.xm-idle{animation:bob 2.6s ease-in-out infinite}.xm-attack{animation:lunge .45s ease-out}.xm-hit{animation:shake .4s ease-in-out;filter:brightness(1.6) saturate(.6)}.xm-faint{animation:faint .8s ease-in forwards}.xm-spin{transform-box:view-box;transform-origin:100px 118px;animation:spin 9s linear infinite}.xm-ring{animation:ringPulse 2.4s ease-in-out infinite}.xm-shiny path{transform-box:fill-box;transform-origin:center;animation:twinkle 1.8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes bob{50%{transform:translateY(-4px) scale(1.01,.99)}}@keyframes lunge{40%{transform:translateY(-14px) scale(1.08)}}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes faint{to{transform:translateY(16px) scale(.9);opacity:.25;filter:grayscale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringPulse{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.xm-idle,.xm-spin,.xm-ring,.hinted{animation:none}}@media (max-width: 760px){.detail,.two,.help-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.team-slots,.preview{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.mode-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:10px;align-content:start}.mode-card h3{margin:0}.pv.small{min-width:100px;padding:6px;font-size:.85rem}.timer{background:var(--panel);padding:4px 12px;border-radius:999px;font-weight:700;font-variant-numeric:tabular-nums}.timer.low{background:#ff5d7333;color:#ffb3bf}.verified{color:var(--good);font-weight:600}button.link{background:none;border:none;color:var(--muted);text-decoration:underline;margin-left:auto;padding:2px 4px}.spinner{width:42px;height:42px;margin:0 auto 12px;border-radius:50%;border:4px solid #ffffff22;border-top-color:var(--accent);animation:spin .9s linear infinite}@media (max-width: 760px){.modes{grid-template-columns:1fr}}.ladders{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ladders button{display:grid;gap:2px;text-align:left}.ladders button.on{border-color:var(--accent2);background:#7c5cff26}.ladders small{color:var(--muted)}.rating-chip{font-size:.8em;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:2px 10px;vertical-align:middle}.rating-change .up{color:var(--good);font-weight:700}.rating-change .down{color:var(--bad);font-weight:700}.board{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin-bottom:18px}.board-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.board-head h3{margin:0 0 6px}.board-list{margin:0;padding-left:22px;display:grid;gap:4px}.board-list li{display:grid;grid-template-columns:1fr auto;column-gap:12px}.board-list li small{grid-column:1 / -1}.board-list li.me{color:var(--accent)}.pulse{font-size:.78rem;font-weight:800;padding:1px 6px;border-radius:6px;background:#ffffff12}.pulse.up{color:#6dffb3}.pulse.down{color:#ff8a9b}.pulse.flat{color:var(--muted)}.row.tight{gap:6px}.wallet{position:relative}.wallet-chip{font-family:ui-monospace,monospace;font-size:.85rem;border-color:var(--accent2)}.wallet-sheet{max-width:420px}.wallet-sheet h3{margin-top:0}.wallet-list{display:grid;gap:8px}.wallet-list button{display:flex;align-items:center;gap:12px;padding:10px 14px;text-align:left}.wallet-list img{border-radius:8px}.wallet-list small{margin-left:auto}.toast{position:fixed;right:16px;bottom:16px;max-width:360px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);z-index:60;box-shadow:0 8px 30px #0008}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad)}.small-note{font-size:.85rem;margin:0}.devnet{background:#2a1f4a66;border:1px solid #7c5cff55;border-radius:12px;padding:8px 12px;font-size:.88rem;margin-bottom:14px}.devnet a,.small-note a{color:var(--accent)}.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.coin{padding:0;overflow:hidden;border-radius:16px;text-align:left;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--panel),var(--bg2))}.coin-art,.coin-hero-art,.launch-preview{--accent: #7c5cff;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),linear-gradient(180deg,#1c2340,#12172a)}.coin-art{height:132px}.coin-flag{position:absolute;top:8px;left:8px;font-size:.66rem;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:6px;background:var(--good);color:#062a1a}.coin-flag.fusion{left:auto;right:8px;background:var(--accent2);color:#fff}.coin-flag.grad{top:auto;bottom:8px;background:var(--accent);color:#2a1606}.coin-body{padding:10px 12px 12px;display:grid;gap:4px}.coin-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coin-meta{font-size:.78rem;color:var(--muted)}.coin-price{font-weight:800;color:#ffd27a}.progress{position:relative;height:16px;border-radius:8px;background:#ffffff12;overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7c5cff,#ff5fb0);transition:width .6s}.progress span{position:relative;display:block;text-align:center;font-size:.66rem;font-weight:700;line-height:16px}.back{margin:0 0 8px;padding:0}.coin-hero{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-bottom:18px}.coin-hero-art{border-radius:18px;min-height:230px}.coin-hero-info h2{margin:0 0 6px}.coin-hero-info .progress{max-width:420px;margin:8px 0}.buy{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.buy>div{display:grid}.buy b{font-size:1.5rem;color:#ffd27a}.card.shiny{box-shadow:0 0 0 1px #fff6,0 0 18px -4px #fff8}.shiny-badge{background:linear-gradient(90deg,#fff3b0,#b8f3ff);color:#1a1a2a}.onchain{position:absolute;top:8px;right:8px;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:6px;background:#7c5cff;color:#fff}.card{position:relative}.chain-panel{background:#7c5cff14;border:1px solid #7c5cff44;border-radius:12px;padding:8px 12px;margin:8px 0}.chain-panel h4{margin:0 0 2px}.hatch-sheet{text-align:center;max-width:420px}.egg{--egg: #c9a;--egg2: #fff;width:132px;height:168px;margin:18px auto 8px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 34% 30%,#ffffffcc 0 8%,transparent 9%),radial-gradient(circle at 65% 62%,var(--egg2) 0 9%,transparent 10%),radial-gradient(circle at 30% 70%,var(--egg2) 0 6%,transparent 7%),radial-gradient(circle at 72% 30%,var(--egg2) 0 5%,transparent 6%),radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--egg) 55%,#fff),var(--egg) 60%,color-mix(in srgb,var(--egg) 70%,#000));box-shadow:0 16px 30px -12px #000c,inset -8px -10px 20px #0004}.egg.wobble{animation:wobble .9s ease-in-out infinite;transform-origin:50% 90%}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}.reveal{--glow: var(--r-common);position:relative;width:240px;height:240px;margin:6px auto 0;display:grid;place-items:center}.reveal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 70%,transparent),transparent 65%);animation:flare 1.2s ease-out both}.reveal.r-rare{--glow: var(--r-rare)}.reveal.r-epic{--glow: var(--r-epic)}.reveal.r-legendary{--glow: var(--r-legendary)}.reveal.r-mythic{--glow: var(--r-mythic)}.reveal.shiny:before{background:conic-gradient(from 0deg,#fff6,#b8f3ff99,#fff3b099,#ffc2f099,#fff6);filter:blur(10px);animation:flare 1.2s ease-out both,spin 6s linear infinite}.reveal .xm{position:relative;animation:emerge .7s .35s cubic-bezier(.2,.9,.3,1.3) both}@keyframes flare{0%{transform:scale(.2);opacity:0}50%{opacity:1}to{transform:scale(1)}}@keyframes emerge{0%{transform:scale(.3) translateY(30px);opacity:0}to{transform:none;opacity:1}}.egg-shell{position:absolute;top:34px;width:66px;height:168px;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--egg) 55%,#fff),var(--egg) 60%,color-mix(in srgb,var(--egg) 70%,#000));z-index:2}.egg-shell.left{left:54px;border-radius:66px 0 0 66px/100px 0 0 70px;clip-path:polygon(0 0,100% 0,80% 20%,100% 40%,75% 60%,100% 80%,100% 100%,0 100%);animation:shellL .7s ease-in both}.egg-shell.right{right:54px;border-radius:0 66px 66px 0/0 100px 70px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 80%,25% 60%,0 40%,20% 20%);animation:shellR .7s ease-in both}@keyframes shellL{to{transform:translate(-90px,60px) rotate(-50deg);opacity:0}}@keyframes shellR{to{transform:translate(90px,60px) rotate(50deg);opacity:0}}.shiny-banner{font-weight:900;letter-spacing:.2em;background:linear-gradient(90deg,#fff3b0,#b8f3ff,#ffc2f0);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.3rem}.launch-sheet{max-width:760px}.launch{display:grid;grid-template-columns:220px 1fr;gap:16px}.launch-preview{border-radius:16px;padding:12px;align-content:center;gap:2px}.launch-form{display:grid;gap:8px}.launch-form label,.launch-form .label{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}.pick-row{display:flex;flex-wrap:wrap;gap:6px}.pick-row button{padding:4px 10px;font-size:.82rem}.pick-row button.on{border-color:var(--accent2);background:#7c5cff33}.pick-row .swatch{width:30px;height:30px;border-radius:50%;padding:0}.pick-row .swatch.on{outline:3px solid #fff;outline-offset:2px}@media (max-width: 760px){.coin-hero,.launch{grid-template-columns:1fr}.coins{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.coin-hero-info .card-tags{justify-content:flex-start}.launch-note{margin-top:14px}.wallet-app{display:block;padding:12px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--line);text-align:center;font-weight:700;color:var(--text);text-decoration:none}.fuse-picks{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px;max-height:260px;overflow:auto}.fuse-pick{position:relative;width:104px;padding:6px;display:grid;justify-items:center;gap:2px}.fuse-pick.on{border-color:var(--accent2);background:#7c5cff33}.fuse-pick small{font-size:.68rem;color:var(--muted)}.fuse-tag{position:absolute;top:4px;left:4px;font-size:.64rem;font-weight:900;padding:1px 6px;border-radius:6px;background:var(--accent2);color:#fff}.fuse-tag.rest{left:auto;right:4px;background:#fff2;color:var(--muted)}.fuse-pick.blocked{opacity:.45;cursor:not-allowed}.share{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0}.chain-panel .share{justify-content:flex-start}.share-btn{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none}.share-btn.x{background:#000;border-color:#333}.share-btn.tg{background:#229ed9;border-color:#229ed9;color:#fff}.brag{margin:6px 0 0;font-weight:800;color:#ffd27a}