:root{--bg: #0b0d18;--bg2: #131829;--panel: #1a2038;--line: #2a3352;--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;--display: "Chakra Petch", "Be Vietnam Pro", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1100px 560px at 12% -12%,#2c2266 0%,transparent 62%),radial-gradient(1000px 520px at 108% -4%,#0f3a5a 0%,transparent 58%),linear-gradient(180deg,#0c0f1c,var(--bg) 40%);background-attachment:fixed;color:var(--text);font-family:Be Vietnam Pro,system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.02em}h2{font-size:2rem;line-height:1.1}h3{display:flex;align-items:center;gap:8px;font-size:1.25rem}h3 .ic{color:#ffcf5a}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;background:linear-gradient(180deg,#252c4a,#1b2139);border:1px solid #ffffff1c;border-radius:12px;padding:9px 16px;box-shadow:inset 0 1px #ffffff12,0 2px 8px -4px #000;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}button:hover:not(:disabled){border-color:#ffffff3a;transform:translateY(-1px)}button:focus-visible{outline:2px solid #ffcf5a;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#ffd36a,#ff9f3d 55%,#ff7b45);color:#2a1404;border:none;font-weight:800;text-shadow:0 1px 0 #ffffff55;box-shadow:inset 0 1px #ffffffa0,inset 0 -3px #b8481a55,0 8px 18px -8px #ff8a3c}button.primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffffa0,inset 0 -3px #b8481a55,0 10px 24px -8px #ff8a3c}button.ghost{background:transparent;box-shadow:none}button.big{font-size:1.08rem;padding:13px 26px;border-radius:14px}select,input[type=text],.rename{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.muted{color:var(--muted)}.ic{display:inline-block;vertical-align:-.2em;flex:none}.elx{--c: #9aa3bd;display:inline-grid;place-items:center;flex:none;border-radius:50%;color:#fff;vertical-align:middle;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--c) 50%,#fff),var(--c) 52%,color-mix(in srgb,var(--c) 68%,#000));box-shadow:0 0 0 1.5px #0b0e1acc,0 2px 4px #0007,inset 0 -2px 3px #0003}.elx .ic{vertical-align:0;filter:drop-shadow(0 1px 0 #0005)}.center{text-align:center;justify-content:center}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.app{max-width:1760px;margin:0 auto;padding:0 24px 72px}.app.wide{max-width:none}header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:14px 0 18px;margin:0 0 6px;background:linear-gradient(180deg,#0c0f1cf2 60%,#0c0f1c00);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;margin-right:auto}.mark{flex:none;filter:drop-shadow(0 4px 10px #ff6fbf55)}.brand-text{display:grid;gap:3px;line-height:1}.logo{font-family:var(--display);font-size:1.85rem;letter-spacing:.1em;background:linear-gradient(90deg,#ffd27a,#ff7ad9 50%,#8fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.74rem;font-weight:600}.tagline i{font-style:normal;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffcf5a;border:1px solid #ffcf5a66;border-radius:5px;padding:1px 5px}.tabs{display:flex;gap:2px;padding:4px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff08}.tabs button{background:transparent;border:none;box-shadow:none;padding:8px 14px;border-radius:12px;color:#b4bcda;font-weight:700;white-space:nowrap}.tabs button:hover:not(:disabled){color:#fff;background:#ffffff0d;transform:none}.tabs button.on,.tabs button.on:hover:not(:disabled){color:#fff;background:linear-gradient(180deg,#8f72ff,#6446e6);box-shadow:inset 0 1px #ffffff45,0 6px 16px -6px #7c5cff}footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;padding-top:18px;border-top:1px solid #ffffff0d;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 6px}.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{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:0 10px 14px;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#1c2340,#131829);border:1px solid #ffffff14;text-align:center;box-shadow:0 10px 24px -18px #000;transition:transform .16s,box-shadow .16s,border-color .16s}.card:hover:not(:disabled){transform:translateY(-4px);border-color:#ffffff30;box-shadow:0 18px 30px -18px #000}.card.small{padding:0 8px 8px}.card-stage{--c: #9aa3bd;display:grid;place-items:center;align-self:stretch;margin:0 -10px 4px;padding-top:4px;border-bottom:1px solid #ffffff0c;background:radial-gradient(ellipse 46% 16% at 50% 88%,color-mix(in srgb,var(--c) 45%,transparent),transparent 72%),radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--c) 24%,transparent),transparent 66%),linear-gradient(180deg,color-mix(in srgb,var(--c) 14%,#182040),#151b30)}.card.small .card-stage{margin:0 -8px 2px}.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-family:var(--display);font-size:1.12rem;letter-spacing:.02em}.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{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:2px 8px 2px 2px;border-radius:999px;background:#ffffff10}.el-inline{display:inline-flex;align-items:center;gap:4px;margin-right:6px}.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{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:1320px;margin-inline:auto}.battle>*,.dock>*,.hand>*{min-width:0}.hp{position:relative;height:10px;border-radius:6px;background:#0a0d18;overflow:hidden}.hp i{display:block;height:100%;background:linear-gradient(180deg,#7dffb5,#22c47a);transition:width .5s ease}.hp i.mid{background:linear-gradient(180deg,#ffe08a,#f2b01e)}.hp i.low{background:linear-gradient(180deg,#ff9aa8,#ff4d6a)}.hp em{position:absolute;top:0;right:0;height:45%;background:#b8e4ffcc}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:999px;background:#ffffff12;color:#d6dcf2}.tag.bad{background:#ff5d7330;color:#ffb3bf}.tag.good{background:#3ddc9730;color:#a6ffd6}.hint{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#7c5cff2a,#ffb54710);border:1px solid #7c5cff55;border-radius:12px;padding:8px 12px;font-size:.9rem}.hint .ic{color:#ffd27a;flex:none}.hint b{color:#c9bcff}.hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch}.fhud{--side: #4fd1ff;position:relative;display:flex;gap:12px;align-items:center;padding:10px 14px 10px 10px;border-radius:18px;min-width:0;background:linear-gradient(100deg,color-mix(in srgb,var(--side) 16%,#161c33),#141a2e 55%);border:1px solid #ffffff14;box-shadow:0 10px 28px -16px #000,inset 0 1px #ffffff12}.fhud.s1{--side: #ff6b81;flex-direction:row-reverse;padding:10px 10px 10px 14px;background:linear-gradient(260deg,color-mix(in srgb,var(--side) 16%,#161c33),#141a2e 55%)}.portrait{flex:none;position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a4790,#141a33 75%);border:2px solid var(--side);box-shadow:0 0 0 4px color-mix(in srgb,var(--side) 18%,transparent),0 0 18px -4px var(--side)}.portrait .xm{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fhud.s1 .portrait .xm{transform:scaleX(-1)}.fhud-body{flex:1;min-width:0;display:grid;gap:5px}.fhud-name{display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:0}.fhud.s1 .fhud-name{flex-direction:row-reverse}.fhud-name b{font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;min-width:0}.fhud-name .badge{font-size:.6rem}.fhud-els{display:inline-flex;gap:3px}.hpbar{position:relative;height:18px;border-radius:7px;background:#070912;border:1px solid #ffffff1f;overflow:hidden;box-shadow:inset 0 2px 5px #000a}.hpbar i{position:absolute;top:0;bottom:0;left:0}.fhud.s1 .hpbar i{left:auto;right:0}.hpbar .lag{background:#fff;opacity:.9;transition:width .9s .3s ease-out}.hpbar .fill{background:linear-gradient(180deg,#8dffc0,#2fd68a 45%,#17a364);box-shadow:inset 0 -4px #0000001f,inset 0 2px #fff5;transition:width .32s ease-out}.hpbar .fill.mid{background:linear-gradient(180deg,#ffe9a6,#f4b623 50%,#d4920a)}.hpbar .fill.low{background:linear-gradient(180deg,#ffadb8,#ff4d6a 50%,#d92e4e);animation:lowHp 1s ease-in-out infinite}@keyframes lowHp{50%{filter:brightness(1.35)}}.hpbar em{position:absolute;top:0;right:0;height:38%;background:#c8ecff;opacity:.9}.fhud.s1 .hpbar em{right:auto;left:0}.hpbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;gap:1px;padding:0 7px;font-family:var(--display);font-size:.82rem;letter-spacing:.03em;color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.fhud.s1 .hpbar span{justify-content:flex-start}.hpbar small{font-size:.72rem;opacity:.8}.fhud-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.fhud.s1 .fhud-row{flex-direction:row-reverse}.khi{display:flex;gap:5px;padding-left:2px}.khi i{width:10px;height:10px;transform:rotate(45deg);border:1.5px solid #ffb54777;border-radius:2px;background:#00000040}.khi i.on{background:linear-gradient(135deg,#fff1b8,#ffb547 50%,#f07f1b);border-color:#ffd27a;box-shadow:0 0 7px #ffb547}.team-dots{display:flex;gap:5px}.team-dots i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a6ffd6,#22c47a);box-shadow:0 0 0 2px #0a0d18}.team-dots i.cur{box-shadow:0 0 0 2px #0a0d18,0 0 0 3.5px #fff}.team-dots i.out{background:#3a4060}.fhud.s1 .tags{justify-content:flex-end}.hud-mid{display:grid;justify-items:center;align-content:center;gap:6px;min-width:130px}.turn{display:flex;align-items:baseline;gap:5px;font-family:var(--display)}.turn b{font-weight:400;font-size:2rem;line-height:1;text-shadow:0 3px 0 #0007}.turn small{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.rps{display:flex;align-items:center;gap:3px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff12;padding:3px 9px;border-radius:999px}.rps i{font-style:normal;font-size:.8rem;opacity:.6}.rps .ic:nth-of-type(1),.rps .ic:nth-of-type(4){color:#ff9a6b}.rps .ic:nth-of-type(2){color:#ff7ae0}.rps .ic:nth-of-type(3){color:#6cc8ff}.timer{display:inline-flex;align-items:center;gap:5px;background:#ffffff10;border:1px solid #ffffff1a;padding:3px 10px;border-radius:999px;font-family:var(--display);letter-spacing:.03em;font-variant-numeric:tabular-nums}.timer.low{background:#ff5d7333;border-color:#ff5d7377;color:#ffc2cb;animation:lowHp 1s infinite}.bf{position:relative;aspect-ratio:2.15 / 1;min-height:300px;border-radius:24px;overflow:hidden;border:1px solid #ffffff1f;box-shadow:0 24px 60px -28px #000,inset 0 0 0 1px #ffffff08;user-select:none;-webkit-user-select:none;isolation:isolate}.arena{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.arena svg{width:100%;height:100%;display:block}.motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.motes i{position:absolute;width:calc(5px * var(--s));height:calc(5px * var(--s));border-radius:50%;background:var(--glow);box-shadow:0 0 8px var(--glow);opacity:0;animation:moteFloat linear infinite}.motes-embers .motes i{background:#ffc06a;box-shadow:0 0 8px #ff7a2a;animation-name:moteRise}.motes-snow .motes i{background:#fff;box-shadow:0 0 3px #fff;animation-name:moteFall}.motes-bubbles .motes i{width:calc(9px * var(--s));height:calc(9px * var(--s));background:#ffffff10;border:1.5px solid #ffffff99;box-shadow:none;animation-name:moteRise}.motes-petals .motes i{width:calc(8px * var(--s));border-radius:70% 0;background:var(--ring);box-shadow:none;animation-name:moteDrift}.motes-sparks .motes i{width:3px;height:3px;animation-name:moteTwinkle}.motes-dust .motes i{background:#f0d8a8;box-shadow:none;animation-name:moteDrift}@keyframes moteFloat{0%{opacity:0;transform:translate(0)}20%{opacity:.9}50%{transform:translate(14px,-18px)}80%{opacity:.7}to{opacity:0;transform:translate(-6px,-34px)}}@keyframes moteRise{0%{opacity:0;transform:translateY(50px)}15%{opacity:.9}to{opacity:0;transform:translate(24px,-130px)}}@keyframes moteFall{0%{opacity:0;transform:translateY(-50px)}15%{opacity:.95}to{opacity:0;transform:translate(-24px,130px)}}@keyframes moteDrift{0%{opacity:0;transform:translate(-30px,-10px) rotate(0)}20%{opacity:.8}to{opacity:0;transform:translate(90px,46px) rotate(280deg)}}@keyframes moteTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.6)}}.bf.quake{animation:quake .5s}@keyframes quake{20%{transform:translate(-8px,3px)}40%{transform:translate(7px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}.fslot{position:absolute;z-index:1;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(.85) brightness(.82)}.fslot .sprite{position:relative;width:100%;transition:transform .2s}.fslot .sprite .xm{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px #0006)}.fslot.s1 .sprite .xm{transform:scaleX(-1)}.fslot .ring{position:absolute;left:12%;right:12%;bottom:0;height:12%;border-radius:50%;border:2px solid #6fdcff;background:radial-gradient(ellipse,#6fdcff33,transparent 70%);box-shadow:0 0 22px #4fd1ff66,inset 0 0 12px #4fd1ff55;animation:ringGlow 1.8s ease-in-out infinite}.fslot.s1 .ring{border-color:#ff8a9a;background:radial-gradient(ellipse,#ff6b8133,transparent 70%);box-shadow:0 0 22px #ff5d7366,inset 0 0 12px #ff5d7355}@keyframes ringGlow{50%{opacity:.5;transform:scale(.96)}}.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{15%{transform:translate(-8%) scale(.97)}45%{transform:translate(62%) scale(1.08)}}@keyframes dashL{15%{transform:translate(8%) scale(.97)}45%{transform:translate(-62%) scale(1.08)}}.fslot.pickable{cursor:pointer;filter:none}.fslot.pickable .sprite:before{content:"";position:absolute;top:20%;right:6%;bottom:0;left:6%;border-radius:50%;background:radial-gradient(#7c5cff55,transparent 70%);animation:ringGlow 1.6s infinite}.fslot.pickable:hover .sprite{transform:translateY(-6px)}.fslot.hinted{animation:none;box-shadow:none;outline:none}.fslot.hinted .sprite{filter:drop-shadow(0 0 12px #b8a6ff)}.swap-tag{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#9a7cff,#6a4ce0);border-radius:999px;padding:2px 9px;margin-top:-4px;box-shadow:0 4px 10px -4px #000;z-index:1}.mini{position:relative;z-index:2;width:58%;min-width:54px;display:grid;justify-items:center;gap:2px;margin-bottom:-16%}.mini .hp{width:100%;height:7px;border:1px solid #ffffff2a;background:#07091299;box-shadow:0 2px 6px #0007}.mini-name{font-size:.64rem;font-weight:700;color:#e8ecfa;text-shadow:0 1px 3px #000;white-space:nowrap}.field-tag{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:150;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 5px;border-radius:999px;font-size:.84rem;font-weight:700;background:#070912b0;border:1px solid #ffffff22;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.field-tag small{color:var(--muted);font-weight:600}.bf-label{position:absolute;top:12px;right:14px;z-index:150;font-size:.74rem;font-weight:600;color:#ffffffb0;padding:3px 10px;border-radius:999px;background:#0709128a}.ticker{position:absolute;left:50%;bottom:10px;transform:translate(-50%);max-width:92%;font-size:.84rem;font-weight:600;background:#070912c0;border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 14px;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:14%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;background:#070912c0;border:1px solid #ffffff1a;padding:5px 14px;border-radius:999px;z-index:150}.dots{display:inline-flex;gap:3px}.dots i{width:5px;height:5px;border-radius:50%;background:#fff;animation:dot 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.bf-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:190;background:radial-gradient(circle at 50% 55%,#fff,#fff0 70%);pointer-events:none;animation:flash .4s ease-out forwards}@keyframes flash{0%{opacity:.7}to{opacity:0}}.fx{--el: #9aa3bd;position:absolute;left:50%;top:55%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.fx:before,.fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0}.fx-slash:before,.fx-slash:after{border-radius:0;filter:drop-shadow(0 0 6px var(--el))}.fx-slash:before{background:linear-gradient(128deg,transparent 44%,color-mix(in srgb,var(--el) 70%,#fff) 48.5%,#fff 50%,var(--el) 51.5%,transparent 56%);animation:slash .42s ease-out forwards}.fx-slash:after{background:linear-gradient(52deg,transparent 46%,#fff 49.6%,var(--el) 51%,transparent 54%);animation:slash2 .42s .09s ease-out forwards}@keyframes slash{0%{opacity:0;transform:scale(.3) rotate(-30deg)}25%{opacity:1}to{opacity:0;transform:scale(1.25) rotate(8deg)}}@keyframes slash2{0%{opacity:0;transform:scale(.3) rotate(30deg)}25%{opacity:1}to{opacity:0;transform:scale(1.2) rotate(-8deg)}}.fx-smash:before{background:radial-gradient(circle,#fff 0 8%,color-mix(in srgb,var(--el) 60%,#fff) 14%,transparent 30%),repeating-conic-gradient(from 8deg,var(--el) 0 5deg,transparent 5deg 30deg);-webkit-mask:radial-gradient(circle,#000 0 40%,transparent 66%);mask:radial-gradient(circle,#000 0 40%,transparent 66%);animation:burst .5s ease-out forwards}.fx-ring{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:5px solid var(--el);box-shadow:0 0 18px var(--el),inset 0 0 14px var(--el);animation:shock .55s ease-out forwards}@keyframes shock{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0;border-width:1px}}.fx-burst:before{background:radial-gradient(circle,#fff 0 10%,var(--el) 26%,color-mix(in srgb,var(--el) 40%,transparent) 46%,transparent 66%);animation:burst .6s ease-out forwards}.fx-beam{width:165%}.fx-beam:before{background:radial-gradient(circle,#fff 0 12%,var(--el) 28%,color-mix(in srgb,var(--el) 35%,transparent) 48%,transparent 66%);animation:burst .75s ease-out forwards}.fx-beam:after{background:repeating-conic-gradient(color-mix(in srgb,var(--el) 60%,#fff) 0 3deg,transparent 3deg 18deg);-webkit-mask:radial-gradient(circle,transparent 0 18%,#000 28% 44%,transparent 62%);mask:radial-gradient(circle,transparent 0 18%,#000 28% 44%,transparent 62%);animation:spinBurst .75s ease-out forwards}@keyframes burst{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes spinBurst{0%{opacity:0;transform:scale(.4) rotate(0)}30%{opacity:1}to{opacity:0;transform:scale(1.45) rotate(50deg)}}.fx-aura:before{background:radial-gradient(circle,transparent 36%,var(--el) 50%,transparent 66%);animation:aura .8s ease-out forwards}.fx-aura:after{background:radial-gradient(circle,color-mix(in srgb,var(--el) 35%,transparent),transparent 62%);animation:aura .8s ease-out forwards}@keyframes aura{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(1.3)}}.fx-shield{width:106%}.fx-shield:before{background:radial-gradient(circle,#a8dcff12 0 50%,#a8dcff44 58%,#eef8ffee 63%,transparent 67%);animation:shield .8s ease-out forwards}.fx-shield:after{background:conic-gradient(from 0deg,transparent,#ffffffcc,transparent 30%);-webkit-mask:radial-gradient(circle,transparent 0 58%,#000 60% 64%,transparent 66%);mask:radial-gradient(circle,transparent 0 58%,#000 60% 64%,transparent 66%);animation:spinOut .8s linear forwards}@keyframes shield{0%{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.fx-heal{--el: #3ddc97 !important}.fx-heal:before{background:radial-gradient(circle,#7dffb566 0 30%,transparent 62%);animation:aura .8s ease-out forwards}.fx-stun{top:18%;width:60%}.fx-stun:before{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 .8s linear forwards}@keyframes spinOut{0%{transform:rotate(0);opacity:1}to{transform:rotate(300deg);opacity:0}}.fx-sparks{position:absolute;top:0;right:0;bottom:0;left:0}.fx-sparks i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:2px;background:color-mix(in srgb,var(--el) 55%,#fff);box-shadow:0 0 10px var(--el);opacity:0;animation:spark .62s ease-out forwards}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1.3)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.2)}}.fx-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:color-mix(in srgb,var(--el) 35%,#fff);filter:drop-shadow(0 0 10px var(--el)) drop-shadow(0 0 3px var(--el));animation:glyph .7s ease-out forwards}.fx-glyph .ic{width:36%;height:auto}@keyframes glyph{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}.float{position:absolute;top:4%;left:50%;transform:translate(-50%);font-family:var(--display);font-size:2.1rem;letter-spacing:.02em;line-height:1;pointer-events:none;animation:rise 1.2s cubic-bezier(.2,.8,.3,1) forwards;z-index:6;white-space:nowrap;color:#fff;text-shadow:0 4px 0 #000,2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000,0 0 16px #000a}.float.dmg{color:#fff}.float.crit{color:#ffd84a;font-size:2.9rem;text-shadow:0 4px 0 #6a2200,2px 2px 0 #6a2200,-2px 2px 0 #6a2200,2px -2px 0 #6a2200,-2px -2px 0 #6a2200,0 0 24px #ff8a2a}.float.heal{color:#7dffb5;text-shadow:0 4px 0 #053a1f,2px 2px 0 #053a1f,-2px 2px 0 #053a1f,2px -2px 0 #053a1f,-2px -2px 0 #053a1f}.float.info{color:#fff3c4;font-size:1.1rem}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px) scale(.5)}14%{opacity:1;transform:translate(-50%) scale(1.3)}28%{transform:translate(-50%,-6px) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-56px)}}.move-pop{--el: #dfe6ff;position:absolute;left:50%;top:-4%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:.78rem;font-weight:800;padding:4px 11px 4px 8px;border-radius:9px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 50%,#141a2e),#0b0e1aee);border:1.5px solid var(--el);box-shadow:0 6px 16px -6px #000,0 0 14px color-mix(in srgb,var(--el) 45%,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:radial-gradient(ellipse at center,#0b0e1a99,#05060cd8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;animation:fadeIn .2s;padding:0 10%}.clash-card{--el: #9aa3bd;width:min(140px,26vw);aspect-ratio:3 / 4;border-radius:16px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;padding:10px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--el) 70%,transparent),transparent 55%),linear-gradient(165deg,color-mix(in srgb,var(--el) 40%,#141a2e),#0c0f1c);border:2px solid var(--el);box-shadow:0 0 34px color-mix(in srgb,var(--el) 50%,transparent),inset 0 1px #fff3}.clash-card.s0{justify-self:end;animation:cardL .45s cubic-bezier(.2,.9,.3,1.25)}.clash-card.s1{justify-self:start;animation:cardR .45s cubic-bezier(.2,.9,.3,1.25)}@keyframes cardL{0%{transform:translate(-130%) rotate(-16deg);opacity:0}}@keyframes cardR{0%{transform:translate(130%) rotate(16deg);opacity:0}}.clash-icon{color:#fff;filter:drop-shadow(0 3px 0 #0007) drop-shadow(0 0 12px var(--el))}.clash-card b{font-size:.9rem;line-height:1.15}.clash-card small{color:#c4cbe6;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.clash-vs{font-family:var(--display);font-size:2.6rem;color:#ffd27a;margin:0 18px;text-shadow:0 4px 0 #8a3a0a,0 0 26px #ffb547aa}.clash-text{grid-column:1 / -1;justify-self:center;padding-bottom:8%;font-family:var(--display);font-weight:700;font-size:1.4rem;letter-spacing:.03em;color:#fff3c4;text-shadow:0 3px 0 #000,0 0 14px #000;animation:fadeIn .3s .25s both}.callout{position:absolute;left:50%;top:18%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(1.7rem,4.6vw,3rem);letter-spacing:.04em;text-transform:uppercase;color:#fff3c4;white-space:nowrap;pointer-events:none;z-index:210;text-shadow:0 5px 0 #a8460e,2px 2px 0 #7a2e0a,-2px 2px 0 #7a2e0a,2px -2px 0 #7a2e0a,-2px -2px 0 #7a2e0a,0 0 30px #ffb547aa;animation:callout .9s ease-out forwards}@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%)}}.bf-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#05060c66,#05060cd0);z-index:220;animation:fadeIn .4s}.bf-result span{font-family:var(--display);font-size:clamp(2.6rem,8vw,5.2rem);letter-spacing:.08em;text-transform:uppercase;padding:8px 80px;background:linear-gradient(90deg,transparent,#05060ccc 18%,#05060ccc 82%,transparent);animation:bannerIn .7s cubic-bezier(.2,1.4,.4,1)}.bf-result.win span{color:#ffe08a;text-shadow:0 5px 0 #a85a10,0 0 46px #ffb547}.bf-result.lose span{color:#ff9aa8;text-shadow:0 5px 0 #6a1424}.bf-result.draw span{color:#dfe6ff;text-shadow:0 5px 0 #2a3150}@keyframes bannerIn{0%{transform:scale(2.2);opacity:0;letter-spacing:.4em}}@keyframes fadeIn{0%{opacity:0}}.dock{display:grid;gap:8px}.dock.busy .cards{opacity:.5;pointer-events:none;filter:saturate(.6)}.hand{display:flex;gap:12px;align-items:stretch}.energy{flex:none;width:92px;display:grid;justify-items:center;align-content:center;gap:7px;margin:14px 0 8px;padding:10px 6px;border-radius:18px;background:linear-gradient(180deg,#2a2340,#151929);border:1px solid #ffb54744;box-shadow:inset 0 1px #ffffff14}.energy-orb{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff6d0,#ffb547 42%,#c4610f);box-shadow:0 0 24px #ffb54777,inset 0 -6px 12px #7a2e0a99,inset 0 4px 8px #fff9}.energy-orb .ic{position:absolute;color:#fff;opacity:.28;width:40px;height:40px}.energy-orb b{position:relative;font-family:var(--display);font-weight:700;font-size:2rem;line-height:1;color:#fff;text-shadow:0 2px 0 #8a3a0a,1px 1px 0 #8a3a0a,-1px 1px 0 #8a3a0a}.energy .orbs{display:flex;gap:5px}.energy .orbs i{width:8px;height:8px;transform:rotate(45deg);border-radius:2px;background:#ffffff1c}.energy .orbs i.on{background:#ffc35a;box-shadow:0 0 6px #ffb547}.energy small{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.cards{display:flex;gap:12px;overflow-x:auto;padding:14px 4px 10px;flex:1;scroll-snap-type:x proximity}.mcard{--el: #9aa3bd;position:relative;flex:none;width:130px;height:182px;padding:0;border-radius:15px;display:flex;flex-direction:column;text-align:center;overflow:hidden;color:#fff;background:linear-gradient(180deg,#222944,#141929);border:2px solid color-mix(in srgb,var(--el) 72%,#1a1f33);box-shadow:0 8px 18px -10px #000,inset 0 1px #fff2;scroll-snap-align:start;transition:transform .16s cubic-bezier(.2,.8,.3,1.3),box-shadow .16s}.mcard:hover:not(:disabled){transform:translateY(-10px) scale(1.03);border-color:var(--el);box-shadow:0 16px 30px -12px color-mix(in srgb,var(--el) 80%,#000),0 0 0 1px var(--el)}.mcard:active:not(:disabled){transform:translateY(-4px) scale(.98)}.mcard:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed;opacity:1}.mcard-art{position:relative;height:102px;flex:none;display:grid;place-items:center;overflow:hidden;border-bottom:2px solid color-mix(in srgb,var(--el) 55%,#000);background:radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--el) 70%,#fff) 0,color-mix(in srgb,var(--el) 75%,transparent) 24%,transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--el) 58%,#11152a),color-mix(in srgb,var(--el) 16%,#0b0e1a))}.mcard-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,#ffffff0b 0 6px,transparent 6px 14px)}.mcard-art:after{content:"";position:absolute;left:-30%;top:-60%;width:40%;height:220%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:rotate(25deg) translate(-260%);transition:transform .6s}.mcard:hover:not(:disabled) .mcard-art:after{transform:rotate(25deg) translate(520%)}.mcard-glyph{position:relative;color:#fff;filter:drop-shadow(0 3px 0 #0007) drop-shadow(0 0 12px color-mix(in srgb,var(--el) 80%,#fff))}.mcard-type{position:absolute;right:6px;bottom:6px}.mcard-cost{position:absolute;top:6px;left:6px;z-index:1;width:28px;height:30px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,#fff3c4,#ffb547 50%,#d9721b);filter:drop-shadow(0 2px 2px #0008)}.mcard-cost b{font-family:var(--display);font-weight:700;font-size:1.05rem;color:#3a1606}.mcard-body{flex:1;display:grid;align-content:center;gap:3px;padding:4px 8px 8px}.mcard-name{font-size:.84rem;line-height:1.14;font-weight:800}.mcard-meta{font-size:.64rem;font-weight:700;color:#a3acd0;text-transform:uppercase;letter-spacing:.07em}.mcard-meta em{font-style:normal;color:#fff;text-transform:none;letter-spacing:0}.mcard-badge{position:absolute;top:8px;right:6px;z-index:1;font-size:.7rem;font-weight:900;padding:2px 6px;border-radius:6px;box-shadow:0 2px 6px #0009}.mcard-badge.up{background:#22c47a;color:#03200e}.mcard-badge.down{background:#ff5d73;color:#2a0610}.mcard-badge.lethal{background:linear-gradient(180deg,#ffe9a6,#ffb547);color:#3a1606}.mcard-off{position:absolute;left:0;right:0;top:40%;padding:5px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#000c;color:#ffb3bf}.mcard.i-guard{--el: #4fb3ff !important}.mcard.i-ult{border-color:#ffd27a;box-shadow:0 0 20px -4px #ffd27a,inset 0 1px #fff2}.mcard.i-ult .mcard-art{background:radial-gradient(circle at 50% 56%,#fff6d0 0,#ffcf5a 22%,transparent 56%),conic-gradient(from 0deg at 50% 56%,#ffb54766,#ff5fb066,#7cc4ff66,#3ddc9766,#ffb54766),linear-gradient(160deg,#5a3a10,#140f08)}.mcard.hinted{animation:hintGlow 1.6s infinite;outline:none}@keyframes hintGlow{0%,to{box-shadow:0 0 0 2px #b8a6ff,0 0 10px #7c5cff}50%{box-shadow:0 0 0 3px #d8ccff,0 0 26px #7c5cff}}.pickcard{flex:none;width:140px;display:grid;justify-items:center;gap:4px;padding:8px 10px 12px;border-radius:16px;background:linear-gradient(180deg,#222944,#141929)}.pickcard .hp{width:100%;height:8px}.pickcard small{color:var(--muted)}.pickcard.hinted,.hinted{animation:hintGlow 1.6s infinite}.habit{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.82rem}.habit-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:2px}.habit-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#ffffff10;border:1px solid #ffffff14;color:#ffcf9a}.habit-tip{margin-left:auto;font-size:.78rem}.battle-bar{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.battle-bar .log{flex:1;min-width:220px;margin:0}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;cursor:pointer;padding:6px 0}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle span{width:34px;height:20px;border-radius:999px;background:#2b3452;position:relative;transition:background .15s}.toggle span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+span{background:var(--accent2)}.toggle input:checked+span:after{transform:translate(14px)}.toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.result{text-align:center;padding:18px;border-radius:18px;background:linear-gradient(180deg,#1c2340,#131829);border:1px solid #ffffff14}.result.win{border-color:#ffb54766;box-shadow:0 0 40px -18px #ffb547}.result h2{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--display);font-weight:700;font-size:1.9rem;letter-spacing:.02em}.result.win h2{color:#ffd27a}.log{background:#111526;border:1px solid #ffffff10;border-radius:12px;padding:8px 14px}.log summary{cursor:pointer;font-size:.86rem;font-weight:600;color:#c8cff0}.log ol{margin:6px 0 0;padding-left:20px;max-height:200px;overflow:auto;font-size:.84rem;color:#c8cff0}.empty{text-align:center;padding:40px 0}@media (prefers-reduced-motion: reduce){.bf.quake,.fslot.lunge .sprite,.ring,.motes i,.hpbar .fill.low,.hinted,.mcard.hinted{animation:none}}@media (max-width: 760px){.hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.hud-mid{grid-column:1 / -1;grid-row:1;display:flex;justify-content:center;gap:10px;min-width:0}.turn b{font-size:1.4rem}.rps{display:none}.fhud{gap:8px;padding:8px;border-radius:14px}.fhud.s1{padding:8px}.portrait{width:40px;height:40px}.fhud-name b{font-size:.9rem}.fhud-name .badge,.fhud .tags,.fhud .pulse{display:none}.hpbar{height:15px}.hpbar span{font-size:.7rem}.hpbar small{display:none}.khi{gap:3px}.khi i{width:7px;height:7px}.bf{aspect-ratio:4 / 3.4;min-height:0;border-radius:16px}.fslot{width:calc(var(--w) * 1.5%)}.mini{min-width:40px}.mini-name,.bf-label{display:none}.float{font-size:1.5rem}.float.crit{font-size:2rem}.move-pop{font-size:.62rem;padding:2px 7px 2px 5px}.field-tag{font-size:.72rem;top:8px}.mcard{width:104px;height:152px}.mcard-art{height:80px}.mcard-glyph{width:34px;height:34px}.mcard-name{font-size:.74rem}.energy{width:64px;padding:8px 4px}.energy-orb{width:46px;height:46px}.energy-orb b{font-size:1.5rem}.energy small,.habit-tip{display:none}.clash-vs{font-size:1.8rem;margin:0 8px}}.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-art{animation:xm-in .3s ease-out}@keyframes xm-in{0%{opacity:0}}.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:linear-gradient(180deg,#1c2340,#131829);border:1px solid #ffffff14;border-radius:20px;padding:16px 18px;display:grid;gap:10px;align-content:start;box-shadow:0 14px 30px -24px #000}.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{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px}.board-list li{display:grid;grid-template-columns:30px 1fr auto 64px;align-items:center;column-gap:12px;padding:7px 10px;border-radius:10px}.board-list li:nth-child(odd){background:#ffffff05}.board-list li.me{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.board-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--muted);background:#ffffff0a}.board-list li.top1 .board-rank{color:#3a2500;background:linear-gradient(180deg,#ffe08a,#f2b532)}.board-list li.top2 .board-rank{color:#1c2333;background:linear-gradient(180deg,#eef2fa,#aab4c8)}.board-list li.top3 .board-rank{color:#2c1406;background:linear-gradient(180deg,#f5b98a,#c9773e)}.board-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-you{font-style:normal;margin-left:8px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:5px;padding:1px 5px;vertical-align:2px}.board-record{font-size:.82rem}.board-rating{font-family:var(--display);font-size:1.05rem;text-align:right}.pulse{display:inline-flex;align-items:center;gap:1px;font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;padding:1px 6px 1px 3px;border-radius:6px;background:#ffffff10}.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)}.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)}.back{margin:0 0 8px;padding: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){.launch{grid-template-columns:1fr}}.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}.wars{background:linear-gradient(135deg,#2a1f4a,#1b2136);border:1px solid #7c5cff55;border-radius:16px;padding:12px 14px;margin-bottom:14px}.wars-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wars-head{flex-wrap:wrap}.wars-head>div:first-child{flex:1 1 280px}.wars-head h3{margin:0 0 2px;white-space:nowrap}.wars-pool{display:grid;justify-items:end;flex:none}.wars-pool b{font-size:1.3rem;color:#ffd27a}.wars-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.wars-row{width:100%;display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:10px;padding:4px 10px;text-align:left}.wars-rank{font-weight:900;text-align:center}.wars-face{width:40px;height:40px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a4790,#141a33 75%);border:1px solid #ffffff1f}.wars-face .xm{display:block;width:100%;height:100%}.wars-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wars-score b{color:#ffd27a}@media (max-width: 760px){.app{padding:0 14px 88px}header{gap:10px;padding:10px 0 12px;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,#0c0f1c 70%,#0c0f1c00)}.mark{width:34px;height:34px}.logo{font-size:1.45rem}.tagline{display:none}.wallet>button{padding:8px 12px;font-size:.86rem}.tabs{position:fixed;z-index:60;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));justify-content:space-around;gap:0;padding:6px;border-radius:20px;background:#121729ee;border-color:#ffffff1c;box-shadow:0 12px 30px -8px #000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tabs button{flex:1;flex-direction:column;gap:3px;padding:7px 2px 6px;font-size:.64rem;font-weight:700;border-radius:14px}.tabs button .ic{width:20px;height:20px}h2{font-size:1.6rem}}.panel{background:linear-gradient(180deg,#181e36,#121729);border:1px solid #ffffff12;border-radius:16px;box-shadow:0 12px 28px -22px #000}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:#ffffff08;border:1px solid #ffffff10}.seg button{padding:5px 10px;border:none;background:transparent;box-shadow:none;border-radius:8px;font-size:.78rem;font-weight:700;color:#9aa3c4}.seg button:hover:not(:disabled){color:#fff;transform:none;border:none}.seg button.on{background:#ffffff16;color:#fff}.seg.small button{padding:2px 7px;font-size:.7rem}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82em}.warn-text{color:#ffb547}.cp-kind{font-style:normal;font-family:Be Vietnam Pro,sans-serif;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:6px;background:var(--accent2);color:#fff;align-self:center}.cp-kind.wild{background:#2fb37a}.cp-sub{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.cp-sub a{color:#c8cff0}.cp-sub .dot{width:3px;height:3px;border-radius:50%;background:#ffffff40}.mk-label{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#c8cff0}.mk-label small{color:var(--muted);font-weight:700}.mk-trade{padding:12px;display:grid;gap:10px}.mk-side{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:#0b0e1a}.mk-side button{border:none;box-shadow:none;background:transparent;padding:9px;font-weight:800;color:#9aa3c4;border-radius:9px}.mk-side button:hover:not(:disabled){transform:none;color:#fff;border:none}.mk-side button.buy.on{background:#2fd68a;color:#05230f}.mk-side button.sell.on{background:#ff4d6a;color:#2a0610}.mk-balance{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}.mk-balance b{color:#e8ecfa;font-variant-numeric:tabular-nums}.mk-input{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#0b0e1a;border:1px solid #ffffff18}.mk-input:focus-within{border-color:#ffffff45}.mk-input input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:12px 0;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.mk-input span{font-size:.82rem;font-weight:800;color:var(--muted)}.mk-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mk-presets button{padding:6px 4px;font-size:.74rem;border-radius:9px}.mk-quote{display:grid;gap:6px;font-size:.8rem;padding:10px;border-radius:12px;background:#ffffff06}.mk-quote>div{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted)}.mk-quote b{color:#fff;font-variant-numeric:tabular-nums}.mk-go{padding:13px;border:none;border-radius:12px;font-weight:800;font-size:1rem}.mk-go.buy{background:linear-gradient(180deg,#4deda0,#22c47a);color:#04230f;box-shadow:0 8px 20px -10px #22c47a}.mk-go.sell{background:linear-gradient(180deg,#ff7a8e,#ff4d6a);color:#2a0610;box-shadow:0 8px 20px -10px #ff4d6a}.mk-note{margin:0;font-size:.8rem}.mk-note.good{color:#8fffc8}.mk-note.bad{color:#ffb3bf}.mk-kind{font-style:normal;margin-left:6px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;border-radius:5px;background:#ffffff12;color:#c8cff0}.mk-curve{padding:12px;display:grid;gap:8px}.mk-curve-head{display:flex;justify-content:space-between;align-items:center}.mk-curve-head b{font-variant-numeric:tabular-nums}.mk-bar{height:10px;border-radius:6px;background:#0b0e1a;overflow:hidden;border:1px solid #ffffff10}.mk-bar i{display:block;height:100%;background:linear-gradient(90deg,#2fd68a,#ffd36a);border-radius:inherit}.mk-curve p,.cp-hatch p{margin:0}.cp-hatch{padding:12px;display:grid;gap:8px}.cp-hatch-head{display:flex;align-items:center;gap:8px}.cp-hatch-head .ic{color:#ffcf5a}.cp-eggs{display:flex;align-items:baseline;gap:8px;font-size:.8rem;color:var(--muted)}.cp-eggs b{color:#fff;font-variant-numeric:tabular-nums}.cp-eggs em{margin-left:auto;font-style:normal;font-weight:800;color:#ffcf5a}.up{color:#3ddc97}.down{color:#ff6b81}.num{font-variant-numeric:tabular-nums}.coin-face{--c: #7c5cff;flex:none;display:block;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--c) 50%,transparent),color-mix(in srgb,var(--c) 14%,#141a2e) 72%);border:1px solid #ffffff1a}.coin-face .xm{display:block;width:100%;height:100%}.tc-tabs{display:flex;gap:2px}.tc-tabs button,.tc-tools button,.tc-pair button,.term-tabbar button{border:none;box-shadow:none;background:transparent;padding:6px 10px;border-radius:8px;font-size:.8rem;font-weight:700;color:#8f98bb}.tc-tabs button:hover:not(:disabled),.tc-tools button:hover:not(:disabled),.tc-pair button:hover:not(:disabled),.term-tabbar button:hover:not(:disabled){color:#fff;background:#ffffff0a;transform:none;border:none}.tc-tabs button.on,.tc-tools button.on,.term-tabbar button.on{color:#fff;background:#ffffff14}.tc-search{display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:10px;background:#0b0e1a;border:1px solid #ffffff14;color:var(--muted)}.tc-search:focus-within{border-color:#ffffff3a}.tc-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:8px 0;font-size:.84rem;color:var(--text)}.ct{padding:6px 8px 8px}.ct-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 10px;flex-wrap:wrap}.ct-bar .tc-search{width:min(320px,100%)}.ct-row{width:100%;display:grid;grid-template-columns:32px minmax(220px,2.4fr) 1.1fr 1.1fr .8fr 1.1fr .7fr 1.2fr .6fr;gap:12px;align-items:center;padding:10px;border:none;border-radius:12px;background:transparent;box-shadow:none;text-align:left;font-weight:600;font-size:.9rem}.ct-row:not(.head):hover:not(:disabled){background:#ffffff08;transform:none;border:none}.ct-row.head{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:4px;padding-bottom:6px;border-bottom:1px solid #ffffff0d;border-radius:0}.ct-row>span:nth-child(n+3){justify-self:end;text-align:right}.ct-row>span.ct-curve{justify-self:stretch}.ct-coin{display:flex;align-items:center;gap:12px;min-width:0}.ct-coin>span:last-child{display:grid;gap:2px;min-width:0}.ct-coin b{font-size:.98rem}.ct-coin small{display:flex;align-items:center;gap:4px;font-size:.74rem}.ct-coin .cp-kind{margin-left:6px;vertical-align:2px}.ct-curve{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.ct-curve .mk-bar{height:6px}.ct-curve small{font-size:.74rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.ct-empty{padding:12px}.term{display:grid;grid-template-columns:290px minmax(0,1fr) 360px;gap:12px;align-items:start}.term-main,.term-side{display:grid;gap:12px;min-width:0}.term-wait{padding:40px;text-align:center}.tl{position:sticky;top:84px;display:flex;flex-direction:column;height:calc(100vh - 128px);overflow:hidden;padding:8px}.tl-head{display:grid;gap:8px;padding:2px 2px 8px;border-bottom:1px solid #ffffff0d}.tl-all{justify-self:start;border:none;box-shadow:none;background:transparent;padding:4px 6px;font-size:.8rem;color:var(--muted)}.tl-all:hover:not(:disabled){color:#fff;transform:none;border:none}.tl-rows{overflow-y:auto;display:grid;align-content:start;gap:2px;padding-top:6px;scrollbar-width:thin}.tl-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:none;border-radius:12px;background:transparent;box-shadow:none;text-align:left}.tl-row:hover:not(:disabled){background:#ffffff08;transform:none;border:none}.tl-row.on{background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff14}.tl-name,.tl-num{display:grid;gap:1px;min-width:0}.tl-name b{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-name small,.tl-num small{font-size:.74rem}.tl-num{justify-items:end;font-variant-numeric:tabular-nums}.tl-num b{font-size:.86rem}.term-head{display:flex;align-items:center;gap:18px 28px;padding:12px 16px;flex-wrap:wrap}.term-coin{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 320px}.term-title{display:grid;gap:4px;min-width:0}.term-title h2{margin:0;font-size:1.45rem;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.term-title h2 span{font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.92rem;font-weight:700;color:var(--muted)}.term-mint{border:none;box-shadow:none;background:#ffffff0a;padding:2px 8px;border-radius:7px;font-size:.76rem;font-weight:600;color:#c8cff0;font-family:ui-monospace,monospace}.term-mint:hover:not(:disabled){background:#ffffff16;transform:none;border:none}.term-link{display:inline-flex;color:#c8cff0}.term-stats{display:flex;flex-wrap:wrap;gap:8px}.term-stats>div{display:grid;gap:2px;padding:8px 14px;border-radius:12px;background:#ffffff06;border:1px solid #ffffff0d;min-width:104px}.term-stats small{font-size:.7rem;font-weight:700;color:var(--muted)}.term-stats b{font-size:1.04rem;font-variant-numeric:tabular-nums;white-space:nowrap}.term-stats .big b{font-size:1.3rem}.tc-chart{padding:6px 10px;display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.tc-chart:fullscreen{border-radius:0;padding:14px;grid-template-rows:auto auto 1fr auto;background:#0e1222}.tc-chart:fullscreen .tc-box{height:auto}.tc-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0 6px;border-bottom:1px solid #ffffff0b}.tc-tools,.tc-pair{display:flex;align-items:center;gap:1px}.tc-tools button{padding:5px 9px;display:inline-flex}.tc-pair{color:#5d6688;font-size:.8rem}.tc-pair button{padding:5px 6px}.tc-pair button.on{color:#8fb4ff;background:transparent}.tc-sep{width:1px;height:18px;background:#ffffff14;margin:0 4px}.tc-right{margin-left:auto}.tc-legend{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;padding:8px 4px 0;font-size:.78rem;font-variant-numeric:tabular-nums}.tc-legend b{font-size:.9rem}.tc-legend em{font-style:normal;margin:0 6px 0 3px}.tc-box{height:clamp(360px,54vh,640px);min-width:0;overflow:hidden}.tc-foot{display:flex;align-items:center;gap:12px;padding:6px 2px 0;border-top:1px solid #ffffff0b;font-size:.78rem}.tc-check{display:inline-flex;align-items:center;gap:6px;color:#c8cff0;font-weight:600;cursor:pointer}.tc-check.off{color:var(--muted);cursor:not-allowed}.tc-check input{accent-color:#7c5cff}.term-tabs{padding:6px 10px 10px;min-height:220px}.term-tabbar{display:flex;gap:2px;padding-bottom:6px;border-bottom:1px solid #ffffff0b}.term-tabbar button{font-size:.86rem;padding:7px 12px}.term-tabbar small{color:var(--muted);font-weight:700}.term-tab{padding-top:6px}.term-tab .grid.small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tc-table{display:grid;font-size:.82rem}.tc-filter{justify-self:end;margin:0 4px 4px;font-size:.78rem}.tc-row{display:grid;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid #ffffff07;color:inherit;text-decoration:none;font-variant-numeric:tabular-nums}.tc-table.trades .tc-row{grid-template-columns:.5fr .8fr 1fr 1fr 1fr .9fr 1.1fr}.tc-table.holders .tc-row{grid-template-columns:28px 1.4fr 1.4fr 1fr 1fr}.tc-row>span:nth-child(n+3){text-align:right}.tc-row:not(.head):hover{background:#ffffff06}.tc-row.head{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tc-buy{color:#3ddc97}.tc-sell{color:#ff6b81}.tc-you{color:#ffcf5a}.tc-share{display:grid;grid-template-columns:1fr 58px;align-items:center;gap:8px}.tc-share i{justify-self:start;height:6px;border-radius:4px;background:linear-gradient(90deg,#7c5cff,#ff6fbf)}.tc-share em{font-style:normal}.tc-flow{padding:12px;display:grid;gap:10px}.tc-windows{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tc-windows button{display:grid;gap:2px;justify-items:center;padding:8px 4px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff0d;box-shadow:none}.tc-windows button:hover:not(:disabled){transform:none;background:#ffffff0c}.tc-windows button.on{border-color:#ffffff30;background:#ffffff10}.tc-windows small{font-size:.7rem;color:var(--muted);font-weight:700}.tc-windows b{font-size:.86rem;font-variant-numeric:tabular-nums}.tc-flow-note{margin:2px 0 -2px;font-size:.72rem}.tc-split{display:grid;gap:5px}.tc-split-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.tc-split-labels b{color:var(--text)}.tc-split-bar{display:flex;gap:3px;height:6px}.tc-split-bar i{border-radius:4px;min-width:3px}.tc-split-bar i.up{background:#2fd68a}.tc-split-bar i.down{background:#ff4d6a}.mk-worth{margin-top:-4px;padding:0 4px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.statusbar{position:fixed;z-index:50;left:0;right:0;bottom:0;height:32px;display:flex;align-items:center;gap:20px;padding:0 20px;font-size:.76rem;color:var(--muted);background:#0a0d18f2;border-top:1px solid #ffffff10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sb-sol{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.sb-sol .ic{color:#b693ff}.sb-sol b{color:var(--text)}.sb-sol em{font-style:normal}.sb-net{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-net i{font-style:normal;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffcf5a;border:1px solid #ffcf5a66;border-radius:5px;padding:1px 5px;margin-right:6px}.sb-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#ff8a9b;font-weight:700}.sb-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.sb-live.on{color:#3ddc97}@media (max-width: 1380px){.term{grid-template-columns:250px minmax(0,1fr) 330px}.ct-row{grid-template-columns:28px minmax(200px,2.2fr) 1fr 1fr .8fr 1fr .6fr 1fr .5fr;gap:10px}}@media (max-width: 1180px){.term{grid-template-columns:minmax(0,1fr) 330px}.tl{display:none}.ct-row{grid-template-columns:28px minmax(180px,2fr) 1fr 1fr .8fr 1fr}.ct-row>:nth-child(n+7){display:none}}@media (min-width: 901px){footer{display:none}}@media (max-width: 900px){.term{grid-template-columns:minmax(0,1fr)}.term-main,.term-side{display:contents}.term-head{order:1}.tc-chart{order:2}.mk-trade{order:3}.cp-hatch{order:4}.term-tabs{order:5}.tc-flow{order:6}.mk-curve{order:7}.tc-box{height:340px}.tc-table.trades .tc-row{grid-template-columns:.5fr .7fr 1fr 1fr 1fr;font-size:.76rem}.tc-table.trades .tc-row>:nth-child(6),.tc-table.trades .tc-row>:nth-child(7){display:none}.tc-table.holders .tc-row{grid-template-columns:24px 1.4fr 1.2fr 1fr;font-size:.76rem}.tc-table.holders .tc-row>:nth-child(5){display:none}.statusbar{display:none}}@media (max-width: 760px){.ct-row{grid-template-columns:minmax(0,1.8fr) 1fr .8fr;gap:8px;padding:9px 6px}.ct-row>:nth-child(1),.ct-row>:nth-child(4),.ct-row>:nth-child(6){display:none}.ct-coin .coin-face{width:34px!important;height:34px!important}.ct-coin small{display:none}.term-stats>div{flex:1 1 calc(33% - 8px);min-width:0;padding:7px 10px}.term-stats .big b{font-size:1.08rem}.tc-toolbar{gap:2px}.tc-tools button{padding:5px 7px}.tc-box{height:300px}}.sheet.xd{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;padding:0;overflow:hidden;max-width:820px}.sheet.xd .close{z-index:2;width:34px;height:34px;padding:0;right:12px;top:12px;border-radius:10px}.xd-art{--c: #7c5cff;position:relative;display:grid;place-items:center;align-content:center;gap:8px;padding:22px 16px 16px;background:radial-gradient(ellipse 60% 18% at 50% 72%,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%),radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,#161c33),#10142a);border-right:1px solid #ffffff10}.xd-genome{display:flex;gap:6px;align-items:baseline;font-size:.72rem;color:var(--muted)}.xd-genome b{font-family:ui-monospace,monospace;color:#e8ecfa;font-size:.8rem}.xd-record{display:flex;gap:12px;font-size:.74rem;color:var(--muted)}.xd-record b{color:#fff}.xd-info{display:grid;gap:10px;align-content:start;padding:18px 20px 20px;min-width:0;font-size:.86rem}.xd-name{width:calc(100% - 44px);background:transparent;border:1px solid transparent;border-radius:10px;padding:4px 8px;margin-left:-8px;font-family:var(--display);font-size:1.6rem;letter-spacing:.02em}.xd-name:hover,.xd-name:focus{border-color:#fff2;background:#ffffff06;outline:none}.xd-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.xd-class{font-size:.78rem;font-weight:700;padding:2px 9px;border-radius:999px;background:#ffffff10}.xd-class i{font-style:normal;color:var(--muted);font-weight:600;margin-left:2px}.xd-pulse{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--muted);cursor:help}.xd-pulse .pulse{background:none;padding:0}.xd-tabs{justify-self:start}.xd-pane{display:grid;gap:12px}.xd-stats{display:grid;gap:7px}.xd-stat{display:grid;grid-template-columns:34px minmax(0,1fr) 38px 46px;gap:10px;align-items:center}.xd-stat-k{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--muted)}.xd-bar{height:8px;border-radius:5px;background:#ffffff0d;overflow:hidden}.xd-bar i{display:block;height:100%;border-radius:inherit}.xd-stat b{text-align:right;font-variant-numeric:tabular-nums}.xd-pips{display:flex;gap:3px}.xd-pips i{width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:#ffffff18}.xd-pips i.on{background:linear-gradient(135deg,#b9a4ff,#7c5cff)}.xd-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xd-card{display:grid;gap:2px;align-content:start;padding:9px 11px;border-radius:12px;background:#ffffff07;border:1px solid #ffffff0e}.xd-card small,.xd-sig>small,.xd-genes small,.xd-origin>small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.xd-card b{font-size:.92rem}.xd-card span{font-size:.76rem;color:#b8c0dc;line-height:1.35}.xd-card em{font-style:normal;font-weight:700;margin-right:6px}.xd-sig{display:grid;gap:4px}.xd-moves{gap:6px}.xd-move{--el: #9aa3bd;display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:10px;align-items:center;padding:7px 10px 7px 7px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--el) 16%,transparent),#ffffff05 60%);border:1px solid color-mix(in srgb,var(--el) 30%,#ffffff10)}.xd-move-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--el) 60%,#fff),var(--el) 60%,color-mix(in srgb,var(--el) 60%,#000));box-shadow:inset 0 -2px 3px #0004}.xd-move-body{display:grid;min-width:0}.xd-move-body b{font-size:.84rem}.xd-move-body small{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xd-move-cost{width:24px;height:26px;display:grid;place-items:center;font-family:var(--display);font-size:.85rem;color:#3a1606;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,#fff3c4,#ffb547 50%,#d9721b)}.xd-genes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.xd-genes>div{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#ffffff07}.xd-genes b{font-size:.8rem}.xd-swatches{display:flex;gap:4px}.xd-swatches i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px #ffffff30}.xd-origin{display:grid;gap:4px}.xd-origin p{margin:0;display:flex;align-items:center;gap:6px;font-size:.8rem}.xd-origin p span{color:var(--muted)}.xd-unique{margin:0;font-size:.74rem;color:#ffd27a;display:flex;align-items:center;gap:5px}@media (max-width: 760px){.sheet.xd{grid-template-columns:1fr;max-height:92vh;overflow:auto}.xd-art{border-right:none;border-bottom:1px solid #ffffff10;padding:14px}.xd-art .xm{width:170px;height:170px}.xd-genes{grid-template-columns:repeat(2,minmax(0,1fr))}.xd-cards{grid-template-columns:1fr}}.logo,.card-name,.hpbar span,.turn,.timer,.float,.clash-vs,.callout,.bf-result span,.xd-name,.xd-move-cost,.energy-orb b,.mcard-cost b{font-weight:700}.logo{letter-spacing:.14em}.fhud{border-radius:10px;padding:10px 16px 10px 10px;background:linear-gradient(100deg,color-mix(in srgb,var(--side) 22%,#10142a),#0d1122 46%,#0b0e1c);border:1px solid color-mix(in srgb,var(--side) 35%,#ffffff10);box-shadow:0 14px 30px -18px #000,inset 0 1px #ffffff10;overflow:hidden}.fhud:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--side);box-shadow:0 0 14px var(--side)}.fhud.s1:after{left:auto;right:0}.fhud.s1{padding:10px 10px 10px 16px;background:linear-gradient(260deg,color-mix(in srgb,var(--side) 22%,#10142a),#0d1122 46%,#0b0e1c)}.portrait{border-radius:12px;transform:rotate(45deg) scale(.86);border-width:2px}.portrait .xm{transform:rotate(-45deg) scale(1.42)}.fhud.s1 .portrait .xm{transform:rotate(-45deg) scale(-1.42,1.42)}.fhud-name b{font-size:1.04rem;text-transform:uppercase;letter-spacing:.05em}.hpbar{height:16px;border-radius:3px;transform:skew(-16deg);border-color:#ffffff26}.fhud.s1 .hpbar{transform:skew(16deg)}.hpbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#00000070 calc(10% - 1px) 10%);pointer-events:none}.hpbar span{transform:skew(16deg);font-size:.8rem;letter-spacing:.04em;z-index:1}.fhud.s1 .hpbar span{transform:skew(-16deg)}.khi i{border-radius:1px}.hud-mid{gap:4px}.turn{flex-direction:column;align-items:center;gap:0;position:relative;width:74px;height:74px;justify-content:center}.turn:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;transform:rotate(45deg);border-radius:8px;background:linear-gradient(135deg,#1f2647,#0b0e1c);border:1px solid #ffffff22;box-shadow:0 0 0 4px #ffffff06,0 10px 24px -10px #000}.turn>*{position:relative}.turn b{font-size:1.7rem;font-style:italic}.turn small{font-size:.56rem;letter-spacing:.18em}.turn small:last-child{display:none}.bf{border-radius:14px;border-color:#ffffff18;box-shadow:0 30px 70px -30px #000,inset 0 0 120px #000a}.fslot.s0.front .sprite .xm{filter:drop-shadow(0 0 1.5px #8ae6ff) drop-shadow(0 0 12px #4fd1ff44) drop-shadow(0 8px 10px #000a)}.fslot.s1.front .sprite .xm{filter:drop-shadow(0 0 1.5px #ff9aa8) drop-shadow(0 0 12px #ff5d7344) drop-shadow(0 8px 10px #000a)}.fslot .ring{left:6%;right:6%;bottom:-6%;height:auto;aspect-ratio:1;border-radius:50%;border:2px dashed #6fdcffaa;background:radial-gradient(circle,#4fd1ff30 0 30%,transparent 62%);box-shadow:0 0 26px #4fd1ff55,inset 0 0 18px #4fd1ff44;transform:rotateX(74deg);animation:runeSpin 9s linear infinite}.fslot.s1 .ring{border-color:#ff8a9aaa;background:radial-gradient(circle,#ff5d7330 0 30%,transparent 62%);box-shadow:0 0 26px #ff5d7355,inset 0 0 18px #ff5d7344;animation-direction:reverse}@keyframes runeSpin{0%{transform:rotateX(74deg) rotate(0)}to{transform:rotateX(74deg) rotate(360deg)}}.bf.quake{animation:quake .32s}.float{font-style:italic;letter-spacing:0;font-size:2.3rem}.float.crit{font-size:3.1rem}.callout{font-style:italic;letter-spacing:.06em;color:#fff;text-shadow:-3px 0 0 #00e5ffcc,3px 0 0 #ff2e63cc,0 5px 0 #000,0 0 34px #ffb547aa}.bf-result span{font-style:italic;letter-spacing:.14em}.bf-result.win span{color:#fff;text-shadow:-4px 0 0 #00e5ff,4px 0 0 #ff2e63,0 6px 0 #000,0 0 60px #ffb547}.move-pop{border-radius:5px;font-style:italic;text-transform:uppercase;letter-spacing:.04em;font-family:var(--display);font-weight:700}.clash{background:radial-gradient(ellipse at center,#05060c88,#05060ce8)}.clash-card{border-radius:10px}.clash-card.win{box-shadow:0 0 0 2px #fff,0 0 46px color-mix(in srgb,var(--el) 80%,transparent);transform:scale(1.06)}.clash-vs{font-style:italic;color:#fff;text-shadow:-3px 0 0 #00e5ff,3px 0 0 #ff2e63,0 4px 0 #000}.clash-text{display:grid;justify-items:center;gap:4px;font-family:Be Vietnam Pro,sans-serif;font-size:.9rem;color:#c8cff0}.clash-text span{text-shadow:0 2px 6px #000}.read{font-family:var(--display);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.08em;font-size:1.8rem;animation:stamp .45s .35s cubic-bezier(.2,1.6,.4,1) both}.read i{font-style:italic;color:#ffd27a}.read.good{color:#7dffb5;text-shadow:0 0 22px #22c47a,0 3px 0 #000}.read.bad{color:#ff8a9a;text-shadow:0 0 22px #ff4d6a,0 3px 0 #000}@keyframes stamp{0%{opacity:0;transform:scale(2.4) rotate(-6deg)}to{opacity:1;transform:none}}.cutin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:205;pointer-events:none;display:grid;align-items:center;background:#05060c99;animation:fadeIn .12s}.cutin-band{--el: #ffd27a;position:relative;height:46%;display:flex;align-items:center;gap:4%;padding:0 8%;overflow:hidden;transform:skewY(-5deg);background:repeating-linear-gradient(90deg,#ffffff10 0 2px,transparent 2px 38px),linear-gradient(90deg,color-mix(in srgb,var(--el) 60%,#05060c),#0b0e1c 45%,color-mix(in srgb,var(--el) 40%,#05060c));border-top:3px solid var(--el);border-bottom:3px solid var(--el);box-shadow:0 0 60px color-mix(in srgb,var(--el) 60%,transparent);animation:bandIn 1s cubic-bezier(.2,.8,.3,1) forwards}.cutin-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 60px,#ffffff22 60px 62px);animation:speed .3s linear infinite}.cutin.s1 .cutin-band{flex-direction:row-reverse;transform:skewY(5deg)}.cutin-art{position:relative;transform:skewY(5deg);animation:artIn 1s cubic-bezier(.2,.8,.3,1) forwards;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--el) 70%,transparent))}.cutin.s1 .cutin-art{transform:skewY(-5deg) scaleX(-1);animation-name:artInR}.cutin-art .xm{width:clamp(120px,22vw,230px);height:auto}.cutin-text{position:relative;display:grid;transform:skewY(5deg);animation:textIn 1s cubic-bezier(.2,.8,.3,1) forwards}.cutin.s1 .cutin-text{transform:skewY(-5deg);text-align:right;animation-name:textInR}.cutin-text small{font-family:var(--display);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.3em;font-size:.9rem;color:var(--el)}.cutin-text b{font-family:var(--display);font-weight:700;font-style:italic;text-transform:uppercase;font-size:clamp(1.6rem,4.6vw,3.4rem);line-height:1;color:#fff;text-shadow:-3px 0 0 #00e5ffaa,3px 0 0 #ff2e63aa,0 4px 0 #000}@keyframes bandIn{0%{clip-path:inset(48% 0 48% 0)}18%{clip-path:inset(0 0 0 0)}82%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(48% 0 48% 0);opacity:0}}@keyframes speed{to{transform:translate(-62px)}}@keyframes artIn{0%{translate:-60% 0;opacity:0}20%{translate:0 0;opacity:1}80%{translate:6% 0}to{translate:10% 0}}@keyframes artInR{0%{translate:60% 0;opacity:0}20%{translate:0 0;opacity:1}80%{translate:-6% 0}to{translate:-10% 0}}@keyframes textIn{0%{translate:40% 0;opacity:0}25%{translate:0 0;opacity:1}to{translate:-4% 0}}@keyframes textInR{0%{translate:-40% 0;opacity:0}25%{translate:0 0;opacity:1}to{translate:4% 0}}.mcard{border-radius:9px;background:linear-gradient(180deg,#1c2238,#0f1324)}.mcard-art{border-bottom-width:1px}.mcard-name{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem}.mcard-badge{border-radius:4px}.energy{border-radius:10px}.dock .hint{border-radius:8px}.result{border-radius:12px}.result h2{font-style:italic;text-transform:uppercase;letter-spacing:.06em}@media (prefers-reduced-motion: reduce){.fslot .ring,.cutin-band:before{animation:none}}@media (max-width: 760px){.turn{width:56px;height:56px}.turn b{font-size:1.3rem}.portrait{transform:rotate(45deg) scale(.8)}.read{font-size:1.3rem}.cutin-band{height:40%}}.xd-evo{display:grid;gap:6px}.xd-evo>small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.xd-evo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.xd-evo-step{display:grid;justify-items:center;gap:1px;padding:6px 4px 8px;border-radius:10px;background:#ffffff07;border:1px solid #ffffff0e;text-align:center}.xd-evo-step b{font-size:.74rem}.xd-evo-step span{font-size:.64rem;color:var(--muted);line-height:1.25}.xd-evo-step.locked .xm{filter:brightness(0) drop-shadow(0 0 6px #7c5cff88);opacity:.55}.xd-evo-step.now{border-color:#ffcf5a66;background:#ffcf5a10}.xd-evo-step.now span{color:#ffcf5a;font-weight:700}.tk-hero{position:relative;width:100%;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:center;justify-content:stretch;text-align:left;padding:20px 24px;margin-bottom:20px;border-radius:22px;overflow:hidden;background:radial-gradient(420px 200px at 14% 60%,#4fd1ff26,transparent 70%),radial-gradient(420px 220px at 92% 0%,#ffcf5a22,transparent 70%),linear-gradient(135deg,#1e2749,#12172b 70%);border:1px solid #ffcf5a44;box-shadow:0 22px 44px -30px #000,inset 0 1px #ffffff14}.tk-hero:hover:not(:disabled){transform:translateY(-2px);border-color:#ffcf5a8a}.tk-hero-tag{position:absolute;top:12px;right:14px;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2a1404;background:linear-gradient(180deg,#ffd36a,#ff9f3d);border-radius:6px;padding:2px 8px}.tk-hero-art{position:relative;display:block}.tk-hero-unit{position:absolute;z-index:1;line-height:0;transform:translate(-50%,-92%)}.tk-hero-unit .xm{filter:drop-shadow(0 4px 4px #000a)}.tk-hero-unit.u0,.tk-hero-unit.u1{top:41%}.tk-hero-unit.u0{left:40.5%}.tk-hero-unit.u1{left:59.5%}.tk-hero-unit.u0 .xm,.tk-hero-unit.u1 .xm{transform:scaleX(-1)}.tk-hero-unit.u2,.tk-hero-unit.u3{top:95%}.tk-hero-unit.u2{left:35.7%}.tk-hero-unit.u3{left:64.3%}.tk-hero-board{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:-34px 0 -18px;transform:perspective(420px) rotateX(46deg);transform-origin:50% 80%}.tk-hero-board i{aspect-ratio:1;border-radius:4px;background:#243052;box-shadow:inset 0 -3px #0007}.tk-hero-board i:nth-child(8n+1),.tk-hero-board i:nth-child(8n+3),.tk-hero-board i:nth-child(8n+6),.tk-hero-board i:nth-child(8n+8){background:#2c3962}.tk-hero-board i:nth-child(-n+4){background:#4a2433}.tk-hero-board i:nth-last-child(-n+4){background:#1d3d5a}.tk-hero-board i.altar{background:#7a6430;box-shadow:0 0 18px #ffcf5a99,inset 0 -3px #0006}.tk-hero-text{display:grid;gap:6px}.tk-hero-text b{font-family:var(--display);font-size:1.9rem;letter-spacing:.03em;line-height:1.05;background:linear-gradient(90deg,#ffe08a,#ff9f3d);-webkit-background-clip:text;background-clip:text;color:transparent}.tk-hero-text .muted{font-weight:500;max-width:560px}.tk-hero-cta{display:inline-flex;align-items:center;gap:4px;justify-self:start;margin-top:6px;font-weight:800;color:#2a1404;background:linear-gradient(180deg,#ffd36a,#ff9f3d 55%,#ff7b45);padding:9px 18px;border-radius:12px;box-shadow:inset 0 1px #ffffffa0,0 8px 18px -8px #ff8a3c}.modes-head{margin:4px 0 10px}.modes-head small{font-family:Be Vietnam Pro,system-ui,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:0}.tk-setup{display:grid;gap:14px}.tk-setup .section-head{margin-bottom:0}.tk-back{padding:4px 8px;margin:0 0 4px -8px;font-size:.84rem;color:var(--muted)}.tk-rules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tk-rule{display:grid;gap:4px;align-content:start;padding:12px;border-radius:14px;background:linear-gradient(180deg,#1a2038,#131829);border:1px solid #ffffff12;font-size:.8rem;line-height:1.35}.tk-rule b{font-size:.88rem}.tk-rule-ic{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#ffcf5a;background:#ffcf5a18;border:1px solid #ffcf5a40;margin-bottom:2px}.tk-pick-head h3{margin:8px 0 2px}.tk-pick-head h3 small{font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.82rem}.tk-pick-head p{margin:0;font-size:.86rem}.tk-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.tk-pick-card{position:relative;flex-direction:column;gap:3px;padding:8px 8px 10px;border-radius:14px;background:linear-gradient(180deg,#1c2340,#131829)}.tk-pick-card .xm{width:84px;height:auto}.tk-pick-card b{font-size:.86rem}.tk-pick-card small{font-size:.68rem;text-align:center;line-height:1.2;font-weight:500}.tk-pick-card.on{border-color:#4fd1ff;box-shadow:0 0 0 1px #4fd1ff,0 0 18px -6px #4fd1ff}.tk-pick-n{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.8rem;color:#04202c;background:#8fe3ff}.tk-foe-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 18px;border-radius:18px;background:linear-gradient(180deg,#221a30,#151225);border:1px solid #ff5d7330}.tk-foe-card h3{margin:0 0 8px}.tk-foe-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tk-foe{display:grid;justify-items:center;gap:2px;width:96px;text-align:center}.tk-foe .xm{width:72px;height:auto;transform:scaleX(-1)}.tk-foe b{font-size:.8rem}.tk-foe small{font-size:.64rem;line-height:1.2}.tk{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:10px 14px;align-items:start;max-width:1400px;margin-inline:auto}.tk>.tk-hud,.tk>.battle-bar{grid-column:1 / -1}.tk>.result{grid-column:2;grid-row:2;align-self:center}.tk>.result .row{flex-direction:column;align-items:stretch}.tk>.tk-dock{grid-column:2;grid-row:2;position:sticky;top:92px}.tk-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}.tk-side{display:grid;gap:6px;align-content:start;padding:8px 10px;border-radius:14px;background:linear-gradient(180deg,#1a2038,#121729);border:1px solid #ffffff12;transition:border-color .3s,box-shadow .3s}.tk-side.s1{justify-items:end}.tk-side.acting.s0{border-color:#4fd1ff66;box-shadow:0 0 22px -10px #4fd1ff}.tk-side.acting.s1{border-color:#ff5d7366;box-shadow:0 0 22px -10px #ff5d73}.tk-side-head{display:flex;align-items:center;gap:10px}.tk-side.s1 .tk-side-head{flex-direction:row-reverse}.tk-side-head b{font-family:var(--display);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.tk-side.s0 .tk-side-head b{color:#8fe3ff}.tk-side.s1 .tk-side-head b{color:#ff9aa8}.tk-energy{display:inline-flex;align-items:center;gap:3px;color:#ffcf5a}.tk-energy i{width:9px;height:12px;border-radius:3px;background:#ffffff14;transform:skew(-12deg);transition:background .25s,box-shadow .25s}.tk-energy i.on{background:linear-gradient(180deg,#ffe08a,#ff9f3d);box-shadow:0 0 8px #ffb54788}.tk-chips{display:flex;gap:6px}.tk-side.s1 .tk-chips{flex-direction:row-reverse}.tk-chip{padding:0;width:50px;display:grid;gap:3px;background:#0b0e1a;border-radius:10px;border:1px solid #ffffff14;overflow:hidden;box-shadow:none}.tk-chip:hover:not(:disabled){transform:none}.tk-chip-art{display:grid;place-items:center;height:38px;overflow:hidden}.tk-chip-art .xm{width:100%;height:100%}.tk-chip-hp{height:4px;background:#ffffff14;margin:0 4px 4px;border-radius:2px;overflow:hidden}.tk-chip-hp i{display:block;height:100%;background:#4fd1ff;transition:width .35s}.tk-side.s1 .tk-chip-hp i{background:#ff7a8a}.tk-chip.on{border-color:#ffcf5a;box-shadow:0 0 0 1px #ffcf5a}.tk-chip.done{opacity:.5}.tk-chip.out{opacity:.28;filter:grayscale(1)}.tk-turn{display:grid;justify-items:center;align-content:center;gap:4px;padding:4px 8px;min-width:132px}.tk-turn small{color:var(--muted);font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.tk-turn small i{font-style:normal;opacity:.6}.tk-turn b{font-family:var(--display);font-size:1.15rem;white-space:nowrap}.tk-turn b.me{color:#8fe3ff}.tk-turn b.foe{color:#ff9aa8}.tk-altar-meter{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#ffcf5a14;border:1px solid #ffcf5a40;color:#ffcf5a;white-space:nowrap}.tk-altar-meter.asleep{opacity:.75}.tk-altar-meter small{font-size:.64rem;letter-spacing:.06em;color:#ffe3a0}.tk-altar-meter .pips{display:inline-flex;gap:2px}.tk-altar-meter .pips i{width:7px;height:7px;border-radius:50%;background:#fff2}.tk-altar-meter .pips.s0 i.on{background:#4fd1ff;box-shadow:0 0 6px #4fd1ff}.tk-altar-meter .pips.s1 i.on{background:#ff5d73;box-shadow:0 0 6px #ff5d73}.tk-stage{position:relative;width:100%;border-radius:20px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#0b1118 40%,#04060a);border:1px solid #ffffff14;box-shadow:0 30px 60px -40px #000;user-select:none;-webkit-user-select:none;touch-action:manipulation}.tk-sky{position:absolute;left:0;right:0;top:-33%;height:100%;z-index:0}.tk-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,#0b1118 92%)}.tk-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}.tk-rim{fill:#0a0e1c;stroke:#ffffff14;stroke-width:8;stroke-linejoin:round}.tk-tile{stroke:#090c18;stroke-width:1.6;transition:fill .25s}.tk-tile.a{fill:#2a3459}.tk-tile.b{fill:#232c4c}.tk-tile.home0.a{fill:#24405f}.tk-tile.home0.b{fill:#1e3753}.tk-tile.home1.a{fill:#4a2a3f}.tk-tile.home1.b{fill:#3f2336}.tk-tile.altar.a{fill:#54472a}.tk-tile.altar.b{fill:#4a3e23}.tk-terrain{fill:var(--el);fill-opacity:.34;stroke:var(--el);stroke-opacity:.75;stroke-width:2;pointer-events:none}.tk-altar-glow{pointer-events:none;mix-blend-mode:screen}.tk-seal{pointer-events:none}.tk-seal .o{fill:none;stroke:var(--c);stroke-width:3;opacity:.55}.tk-seal .i{fill:color-mix(in srgb,var(--c) 30%,transparent);stroke:var(--c);stroke-width:2;opacity:.7}.tk-seal .x{stroke:var(--c);stroke-width:3.5;stroke-linecap:round;opacity:.8}.tk-seal.awake .o{animation:sealPulse 2.4s ease-in-out infinite}.tk-seal:not(.awake){opacity:.4}@keyframes sealPulse{50%{opacity:1;stroke-width:5}}.hl-move{fill:#4fd1ff3a;stroke:#8fe3ff;stroke-width:2;pointer-events:none;animation:hlIn .18s ease-out}.hl-move.hinted{fill:#b8a6ff66;stroke:#e2d8ff;stroke-width:3.5}.hl-foe{fill:#ff5d7314;stroke:#ff5d7377;stroke-width:1.5;stroke-dasharray:6 5;pointer-events:none}.hl-danger{fill:#ff2d4a;fill-opacity:.14;pointer-events:none}.hl-danger.d2{fill-opacity:.28}.hl-danger.d3{fill-opacity:.44;stroke:#ff5d73;stroke-width:1.5;stroke-opacity:.6}.hl-target{fill:#ff8a3c3a;stroke:#ffb066;stroke-width:2.5;pointer-events:none;animation:hlTarget 1.1s ease-in-out infinite}.hl-target.on{fill:#ff8a3c8c;stroke:#fff;animation:none}.hl-area{fill:#ffcf5a50;stroke:#ffe9a0;stroke-width:2;pointer-events:none}.hl-sel{fill:none;stroke-width:3.5;pointer-events:none}.hl-sel.s0{stroke:#bff2ff}.hl-sel.s1{stroke:#ffc4cc}.hl-path{fill:none;stroke:#ffffffd0;stroke-width:5;stroke-dasharray:1 12;stroke-linecap:round;pointer-events:none}@keyframes hlIn{0%{opacity:0}}@keyframes hlTarget{50%{fill-opacity:.55}}.tk-flash{fill:var(--el);pointer-events:none;animation:tFlash .7s ease-out forwards}@keyframes tFlash{0%{opacity:.9}to{opacity:0}}.tk-ground{pointer-events:none}.tk-ground .ring{stroke-width:3}.tk-ground.s0 .ring{stroke:#4fd1ff;fill:#4fd1ff26}.tk-ground.s1 .ring{stroke:#ff5d73;fill:#ff5d7326}.tk-ground.s0 .chev{fill:#bff2ff}.tk-ground.s1 .chev{fill:#ffc4cc}.tk-hit{fill:transparent;cursor:pointer}.tk-hit:hover{fill:#ffffff12}.tk-units{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.tu{position:absolute;transform:translate(-50%,-88%);transition:left .13s linear,top .13s linear,width .13s linear;display:flex;flex-direction:column;align-items:center}.tu-sprite{position:relative;width:100%;pointer-events:auto;cursor:pointer}.tu-sprite .xm{width:100%;height:auto;display:block;filter:drop-shadow(0 5px 5px #000a)}.tu.s0 .tu-sprite .xm{filter:drop-shadow(0 0 1.5px #8ae6ffcc) drop-shadow(0 5px 5px #000a)}.tu.s1 .tu-sprite .xm{filter:drop-shadow(0 0 1.5px #ff9aa8cc) drop-shadow(0 5px 5px #000a)}.tu.done .tu-sprite{filter:saturate(.3) brightness(.72)}.tu.lunge{animation:tuLunge .42s cubic-bezier(.3,.7,.4,1)}@keyframes tuLunge{40%{translate:calc(var(--lx) * 34%) calc(var(--ly) * 34%)}}.tu.doomed .tu-sprite{animation:doom .9s ease-in-out infinite}@keyframes doom{50%{filter:brightness(1.6) drop-shadow(0 0 8px #ff5d73)}}.tu-plate{position:relative;z-index:3;width:56%;min-width:30px;display:grid;justify-items:center;gap:1px;margin-bottom:-34%}.tu-hp{position:relative;width:100%;height:7px;border-radius:3px;background:#070912d9;border:1px solid #ffffff38;overflow:hidden;box-shadow:0 2px 4px #0009}.tu-hp i{position:absolute;left:0;top:0;bottom:0;transition:width .35s}.tu.s0 .tu-hp .fill{background:linear-gradient(180deg,#8ff4ff,#22a8e0)}.tu.s1 .tu-hp .fill{background:linear-gradient(180deg,#ffa4b0,#e2324e)}.tu-hp .ghost{background:#fff;animation:ghost .8s ease-in-out infinite}@keyframes ghost{50%{opacity:.35}}.tu-hp em{position:absolute;right:0;top:0;bottom:0;background:#e8f4ffd0}.tu-tags{display:inline-flex;gap:3px;align-items:center;height:11px;font-size:.55rem;font-weight:800;color:#fff;filter:drop-shadow(0 1px 1px #000)}.tu-tags .bad{color:#ffc0c8;background:#3a0d18d9;border-radius:4px;padding:0 4px;line-height:11px}.tu-target{position:absolute;top:20%;right:2%;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ff8a3c;color:#2a1404;box-shadow:0 0 10px #ff8a3c;animation:tgtPop 1s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes tgtPop{50%{transform:scale(1.15)}}.tu-pv{position:absolute;top:0;left:50%;transform:translate(-50%,-110%);display:inline-flex;align-items:center;gap:3px;font-family:var(--display);font-weight:700;font-size:.92rem;padding:1px 8px;border-radius:7px;background:#1a0a0ee8;color:#ffb0bc;border:1px solid #ff5d7388;white-space:nowrap;z-index:4;pointer-events:none}.tu-pv.ko{background:#e2324e;color:#fff;border-color:#ffb0bc}.tu-pv.heal{color:#7dffb5;border-color:#3ddc9788;background:#04170ee8}.tu-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.tk .float{font-size:clamp(1rem,2.6vw,1.7rem)}.tk .float.crit{font-size:clamp(1.2rem,3.2vw,2.1rem)}.tk .float.info{font-size:clamp(.6rem,1.3vw,.82rem);top:-6%}.tk-banner{position:absolute;left:0;right:0;top:42%;transform:translateY(-50%);display:grid;justify-items:center;gap:2px;padding:12px 0;z-index:300;pointer-events:none;background:linear-gradient(90deg,transparent,#05060cd9 22%,#05060cd9 78%,transparent);animation:tkBanner 1s ease-out forwards}.tk-banner b{font-family:var(--display);font-size:clamp(1.5rem,5vw,2.7rem);letter-spacing:.08em;text-transform:uppercase;line-height:1.05}.tk-banner.s0 b{color:#c8f4ff;text-shadow:0 0 24px #4fd1ff,0 3px 0 #0a4a66}.tk-banner.s1 b{color:#ffcad2;text-shadow:0 0 24px #ff5d73,0 3px 0 #6a1424}.tk-banner small{color:#ffcf5a;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}@keyframes tkBanner{0%{opacity:0;transform:translateY(-50%) scaleY(.2)}14%{opacity:1;transform:translateY(-50%) scaleY(1)}78%{opacity:1}to{opacity:0}}.tk-stage .callout{top:16%;font-size:clamp(1.2rem,3.6vw,2.2rem)}.tk-dock{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;padding:12px;border-radius:18px;background:linear-gradient(180deg,#171d33,#10142a);border:1px solid #ffffff12}.tk-dock.busy .tk-skills,.tk-dock.busy .tk-side-panel{opacity:.55}.tk-unit{display:flex;gap:10px;align-items:center;min-width:0}.tk-unit-art{flex:none;width:76px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle at 50% 62%,#ffffff12,transparent 70%)}.tk-unit-art .xm{width:76px;height:auto}.tk-unit-body{display:grid;gap:5px;min-width:0;flex:1}.tk-unit-name{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tk-unit-name b{font-family:var(--display);font-size:1rem}.tk-owner{font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:1px 6px;border-radius:5px}.tk-owner.s0{color:#8fe3ff;background:#4fd1ff1a}.tk-owner.s1{color:#ff9aa8;background:#ff5d731a}.tk-unit-hp{position:relative;height:16px;border-radius:6px;background:#070912;border:1px solid #ffffff1a;overflow:hidden}.tk-unit-hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#5ff0a8,#22b06e);transition:width .3s}.tk-unit-hp span{position:relative;display:block;text-align:center;font-size:.72rem;font-weight:800;line-height:14px;text-shadow:0 1px 2px #000}.tk-unit-hp small{font-weight:600;opacity:.7}.tk-unit-meta{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:.72rem;color:var(--muted)}.tk-unit-meta span{display:inline-flex;align-items:center;gap:3px}.tk-unit-meta .good{color:#7dffb5}.tk-unit-meta .bad{color:#ff9aa8}.tk-unit-empty{margin:0;font-size:.9rem;padding:18px 4px}.tk-skills{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-content:start}.tk-skill{--el: #9aa3bd;position:relative;justify-content:flex-start;gap:8px;padding:7px 9px;border-radius:12px;text-align:left;min-height:50px;background:linear-gradient(180deg,color-mix(in srgb,var(--el) 15%,#1d2442),#151a30);border:1px solid color-mix(in srgb,var(--el) 35%,#ffffff10)}.tk-skill.on{border-color:#fff;box-shadow:0 0 0 2px var(--el),0 0 18px color-mix(in srgb,var(--el) 50%,transparent)}.tk-skill.hinted{animation:hintGlow 1.4s infinite}.tk-skill.i-ult{background:linear-gradient(180deg,color-mix(in srgb,var(--el) 28%,#2a1f3a),#1a1430)}.tk-skill.i-guard{--el: #8fb4ff}.tk-skill-ic{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--el) 60%,#fff),var(--el) 55%,color-mix(in srgb,var(--el) 60%,#000));box-shadow:inset 0 -2px 3px #0005}.tk-skill-body{display:grid;gap:1px;min-width:0;flex:1}.tk-skill-body b{font-size:.84rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-skill-body small{font-size:.68rem;color:var(--muted);font-weight:600;white-space:nowrap}.tk-cost{display:inline-flex;gap:2px;flex:none;align-self:flex-start;margin-top:2px}.tk-cost i{width:6px;height:10px;border-radius:2px;background:linear-gradient(180deg,#ffe08a,#ff9f3d);transform:skew(-12deg)}.tk-cost em{font-style:normal;font-size:.6rem;font-weight:800;color:#7dffb5;text-transform:uppercase;letter-spacing:.04em}.tk-skill-off{position:absolute;right:6px;top:-8px;font-size:.6rem;font-weight:800;color:#ffd0d6;background:#3a0d18;border:1px solid #ff5d7355;border-radius:6px;padding:1px 6px}.tk-side-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding-top:10px;border-top:1px solid #ffffff10}.tk-side-panel .tk-tools{grid-column:1 / -1}.tk-orb{display:inline-flex;align-items:baseline;justify-content:center;gap:4px;color:#ffcf5a;font-family:var(--display)}.tk-orb b{font-size:1.6rem;line-height:1}.tk-orb small{color:var(--muted)}.tk-side-panel .primary small{font-weight:700;opacity:.75}.tk-tools{display:flex;gap:2px;justify-content:center}.tk-tools button{padding:5px 8px;font-size:.76rem;color:#c8cff0}.tk-tools button.on{color:#ff9aa8;background:#ff5d731f}.tk-tip{margin:-4px 0 0;font-size:.8rem;order:-1;padding:7px 10px;border-radius:10px;background:#ffffff08}.tk-legend{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;flex-wrap:wrap;padding-top:8px}.tk-legend .lg{width:12px;height:12px;border-radius:3px;display:inline-block;margin-left:6px}.tk-legend .lg.move{background:#4fd1ff66;border:1px solid #8fe3ff}.tk-legend .lg.target{background:#ff8a3c77;border:1px solid #ffb066}.tk-legend .lg.danger{background:#ff2d4a66}.tk-legend .lg.altar{background:#6a5a30;border:1px solid #ffcf5a}@media (max-width: 1020px){.tk{grid-template-columns:minmax(0,1fr)}.tk>.tk-dock,.tk>.result{grid-column:1;grid-row:auto;position:static}.tk>.result .row{flex-direction:row;align-items:center}.tk-dock{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.tk-skills{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-row:span 2}.tk-side-panel{border-top:0;padding-top:0}.tk-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.tk-hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.tk-hero-board{width:150px;justify-self:center}.tk-hero-text b{font-size:1.5rem}.tk-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-foe-card{grid-template-columns:minmax(0,1fr)}.tk-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.tk-turn{grid-column:1 / -1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:0;min-width:0}.tk-side{padding:6px 8px}.tk-chips{gap:4px}.tk-chip{width:36px;border-radius:8px}.tk-chip-art{height:28px}.tk-energy i{width:6px;height:10px}.tk-stage{border-radius:14px}.tu-target{width:15px;height:15px}.tu-target .ic{width:9px;height:9px}.tu-pv{font-size:.7rem;padding:0 5px}.tu-hp{height:5px}.tk-dock{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px}.tk-unit-art,.tk-unit-art .xm{width:56px}.tk-skills{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:auto;gap:6px}.tk-tip{order:0}.tk-skill{min-height:46px;padding:6px 7px;gap:6px}.tk-skill-ic{width:26px;height:26px}.tk-side-panel{grid-template-columns:auto minmax(0,1fr);min-width:0}.tk-side-panel .tk-tools{grid-column:1 / -1}.tk-legend{display:none}}@media (prefers-reduced-motion: reduce){.tk-seal .o,.hl-target,.tu-target,.tu.doomed .tu-sprite,.tu-hp .ghost{animation:none}}