: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-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}.arena{position:relative;border-radius:20px;padding:14px;display:grid;gap:4px;background:linear-gradient(180deg,#1a2140,#141a30 55%,#10241f);border:1px solid var(--line);overflow:hidden;transition:background .6s}.arena.field-fire{background:linear-gradient(180deg,#3a1410,#24100c 60%,#3a1a08)}.arena.field-water{background:linear-gradient(180deg,#0e2240,#0b1830 60%,#0a2a40)}.arena.field-wood{background:linear-gradient(180deg,#0f2a18,#0c2014 60%,#12361a)}.arena.field-earth{background:linear-gradient(180deg,#2e2214,#22180e 60%,#3a2a14)}.arena.field-metal{background:linear-gradient(180deg,#2e2a14,#221e0e 60%,#33301a)}.arena.field-thunder{background:linear-gradient(180deg,#24123e,#1a0c30 60%,#2c1648)}.arena.field-ice{background:linear-gradient(180deg,#123040,#0e2633 60%,#1a3c4c)}.arena.field-wind{background:linear-gradient(180deg,#0f2e2a,#0c2420 60%,#143a34)}.arena.field-light{background:linear-gradient(180deg,#3a3418,#2a2610 60%,#44401c)}.arena.field-dark{background:linear-gradient(180deg,#1a0e24,#12081a 60%,#200c2c)}.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}.side{display:grid;grid-template-columns:1fr auto;grid-template-areas:"panel stage" "bench stage";gap:8px 16px;align-items:center}.side-0{grid-template-columns:auto 1fr;grid-template-areas:"stage panel" "stage bench"}.panel{grid-area:panel;background:#0b0e1acc;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:5px;max-width:360px}.side-0 .panel{justify-self:end;width:100%}.panel-name{display:flex;gap:8px;align-items:center}.panel-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.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}.stage{grid-area:stage;position:relative;display:grid;place-items:center}.bench{grid-area:bench;display:flex;gap:6px}.side-0 .bench{justify-content:flex-end}.bench-mon{padding:4px;display:flex;flex-direction:column;align-items:center;gap:2px;width:70px}.bench-mon.down{filter:grayscale(1);opacity:.4}.bench-mon small{font-size:.7rem;color:var(--accent)}.banner{text-align:center;min-height:28px;font-weight:700;font-size:1.02rem;text-shadow:0 2px 8px #000}.float{position:absolute;top:20%;left:50%;transform:translate(-50%);font-weight:800;font-size:1.5rem;pointer-events:none;animation:rise 1.1s ease-out forwards;text-shadow:0 2px 6px #000}.float.dmg{color:#ff6b81}.float.heal{color:#5dffb0}.float.info{color:#ffd27a;font-size:1.1rem}@keyframes rise{0%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50px) scale(1)}}.actions{margin-top:12px;display:grid;gap:10px}.actions.busy{pointer-events:none;opacity:.55}.hint{background:linear-gradient(90deg,#7c5cff22,#ffb54714);border:1px solid #7c5cff55;border-radius:12px;padding:8px 12px;font-size:.92rem}.moves-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.mv{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px 12px;border-radius:12px;min-height:76px}.mv-top{font-size:.98rem}.mv-meta{font-size:.78rem;color:var(--muted)}.mv.i-strike{border-left:4px solid #ff8a5b}.mv.i-break{border-left:4px solid #ff4fd8}.mv.i-guard{border-left:4px solid #4fc3ff}.mv.i-ult{border-left:4px solid #ffd27a;background:linear-gradient(135deg,#2b2440,var(--panel))}.mv.i-tech{border-left:4px solid #7dffb5}.mv.i-counter,.mv.i-absorb{border-left:4px solid #b26bff}.eff{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:6px}.eff.up{background:#3ddc9733;color:#8fffc8}.eff.down{background:#ff5d7333;color:#ffb3bf}.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}@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}.arena{padding:10px}.side{gap:6px 8px}.stage svg{width:112px;height:112px}.panel{padding:8px 10px;gap:4px;font-size:.9rem}.bench-mon{width:52px;padding:2px}.bench-mon svg{width:40px;height:40px}.moves-grid{grid-template-columns:1fr 1fr}.mv{min-height:64px;padding:8px 10px}.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}