:root{--bg:#0d0718;--pa:#1a1030;--pa2:#22153d;--ink:#f3eefe;--mu:#a79cc4;--ln:#3a2a5e;--pk:#ff5fd2;--gd:#ffd257;--cy:#4fe3ff;--up:#3ee08f;--dn:#ff5577;--foil:linear-gradient(115deg,#ff5fd2,#ffd257 45%,#4fe3ff);--r:18px;--mx:min(96vw,3400px);--fline:#ffffff1f;--facc:#ffd257;--fbg:#0d0718;font-size:clamp(15px,.5vw + 10px,26px)}
*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 700px at 85% -10%,#ff5fd225,transparent 60%),radial-gradient(1000px 700px at -10% 30%,#4fe3ff18,transparent 60%),var(--bg);color:var(--ink);font:400 1rem/1.55 Figtree,system-ui,sans-serif;min-height:100vh}
a{color:var(--cy)}.mono,code{font-family:'Fira Code',monospace}.muted{color:var(--mu)}.sm{font-size:.82rem}.r{text-align:right}.pad{padding:1.5rem}.mt{margin-top:1.4rem}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:99}
.top{position:sticky;top:0;z-index:50;background:#0d0718d9;backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.top:after{content:"";display:block;height:2px;background:var(--foil);opacity:.8}
.bar{max-width:var(--mx);margin:auto;display:flex;align-items:center;gap:1.1rem;padding:.7rem 1.2rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font:400 1.15rem Bungee,sans-serif;letter-spacing:.02em}.brand b{font-weight:400;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}.brand img{width:2.1rem;height:2.1rem}
.nav{display:flex;gap:.25rem;margin-left:.8rem;flex:1;flex-wrap:wrap}.nav a{color:var(--ink);text-decoration:none;font-weight:600;padding:.45rem .85rem;border-radius:999px;font-size:.95rem;opacity:.85}.nav a:hover{background:#ffffff10;opacity:1}.nav a[aria-current]{background:#ffffff14;opacity:1;box-shadow:inset 0 0 0 1px #ffd25788}
.feed{font:500 .78rem 'Fira Code',monospace;display:flex;align-items:center;gap:.4rem;color:var(--mu);white-space:nowrap}.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--up);box-shadow:0 0 10px var(--up)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--ln);background:var(--pa2);color:var(--ink);font:700 .92rem Figtree,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:.15s}.btn:hover{border-color:var(--gd)}
.btn.foil{background:var(--foil);color:#1a0b2e;border:0;box-shadow:0 6px 24px #ff5fd244}.btn.foil:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.big{padding:.85rem 1.5rem;font-size:1.05rem}.btn.wide{width:100%;margin-top:1rem}.btn:disabled{opacity:.5}
.burger{display:none;background:none;border:0;color:var(--ink);cursor:pointer}.ic{width:1.6rem;height:1.6rem}
main{max-width:var(--mx);margin:auto;padding:1.6rem 1.2rem 3rem;display:grid;gap:1.6rem}
.card.panel{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--ln);border-radius:var(--r);padding:1.4rem}
h1,h2,h3{line-height:1.12;margin:0 0 .7rem}h1{font:400 clamp(2rem,3.2vw,4.6rem)/1.02 Bungee,sans-serif;letter-spacing:.01em}h2{font-size:1.25rem;font-weight:800}h3{font-size:1rem;color:var(--mu);font-weight:700}
.tag{display:inline-block;font:600 .72rem 'Fira Code',monospace;text-transform:uppercase;letter-spacing:.12em;padding:.3rem .7rem;border-radius:999px;border:1px solid #ffd25766;color:var(--gd);margin-bottom:.9rem}
.lede{font-size:1.12rem;color:var(--mu);max-width:48rem}.crumbs{font-size:.82rem;color:var(--mu);margin-bottom:.8rem}.crumbs a{color:var(--mu)}
.ph{padding:1rem 0 .2rem}
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center;padding:1.5rem 0}
.hero em{font-style:normal;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.4rem 0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:0}.kpis div{background:#ffffff08;border:1px solid var(--ln);border-radius:14px;padding:.8rem 1rem}.kpis dt{font-size:.74rem;color:var(--mu);text-transform:uppercase;letter-spacing:.08em}.kpis dd{margin:.2rem 0 0;font:600 1.35rem 'Fira Code',monospace}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.g2w{display:grid;grid-template-columns:1.1fr 1fr;gap:1.6rem}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.fx{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
input,select{background:#0d0718;border:1px solid var(--ln);color:var(--ink);border-radius:12px;padding:.6rem .8rem;font:500 .92rem Figtree,sans-serif;min-width:0}input:focus,select:focus{outline:2px solid #ffd25788;border-color:transparent}#c-ca,#bn-ca,#p-lca{flex:1;min-width:14rem}
.seg{display:inline-flex;background:#0d0718;border:1px solid var(--ln);border-radius:999px;padding:3px;flex-wrap:wrap}.seg button{background:none;border:0;color:var(--mu);font:700 .8rem Figtree;padding:.4rem .75rem;border-radius:999px;cursor:pointer}.seg button.on{background:var(--pa2);color:var(--ink);box-shadow:inset 0 0 0 1px #ffd25777}
.chk{display:flex;gap:.4rem;align-items:center;font-size:.88rem;color:var(--mu)}
.frm{display:grid;gap:.8rem}.f2{grid-template-columns:1fr 1fr}.f3{grid-template-columns:repeat(3,1fr)}.frm label{display:grid;gap:.3rem;font-size:.82rem;color:var(--mu)}
/* trading card */
.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(210px,13vw,330px),1fr));gap:1.4rem}
.tcard{--rc:#8e86a8;perspective:1000px;aspect-ratio:5/7;cursor:pointer;position:relative}
.tcard .in{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.tcard.flip .in{transform:rotateY(180deg)}
.tcard .fa,.tcard .ba{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;padding:.8rem;display:flex;flex-direction:column;background:linear-gradient(160deg,#2a1a4a,#140b26);border:2px solid var(--rc);box-shadow:0 10px 30px #0008,inset 0 0 0 4px #0d0718;overflow:hidden}
.tcard .ba{transform:rotateY(180deg)}
.tcard[data-r=L]{--rc:#ffd257}.tcard[data-r=E]{--rc:#c06bff}.tcard[data-r=R]{--rc:#4fa9ff}
.tcard[data-r=L] .fa:before,.tcard[data-r=E] .fa:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff22 45%,#ff5fd222 50%,#4fe3ff22 55%,transparent 70%);background-size:250% 250%;animation:sheen 6s linear infinite;pointer-events:none}
@keyframes sheen{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.tcard .in{transition:none}.tcard .fa:before{animation:none!important}}
.tc-top{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.tc-name{font:400 1rem Bungee,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-rar{font:600 .62rem 'Fira Code';letter-spacing:.1em;color:var(--rc);text-transform:uppercase}
.tc-art{flex:1;margin:.55rem 0;border-radius:10px;background:radial-gradient(circle at 50% 40%,hsl(var(--h) 80% 55% / .55),transparent 65%),linear-gradient(135deg,hsl(var(--h) 60% 20%),#0d0718);display:grid;place-items:center;position:relative;border:1px solid #ffffff1a;min-height:0}
.tc-art .glyph{font:400 clamp(2.2rem,3.4vw,4.4rem) Bungee;color:#fff;text-shadow:0 4px 20px hsl(var(--h) 90% 60%)}.tc-art img{width:56%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #ffffff33,0 8px 30px #000a}
.tc-art .mc{position:absolute;left:.5rem;bottom:.4rem;font:600 .82rem 'Fira Code';background:#0009;padding:.1rem .45rem;border-radius:6px}.tc-art .chn{position:absolute;right:.5rem;top:.45rem}
.chip{display:inline-block;font:700 .64rem 'Fira Code';padding:.15rem .45rem;border-radius:6px;background:color-mix(in srgb,var(--cc) 25%,transparent);color:var(--cc);border:1px solid color-mix(in srgb,var(--cc) 50%,transparent)}
.stats{display:grid;gap:.25rem;font-size:.74rem}.stats div{display:grid;grid-template-columns:4.3rem 1fr 1.6rem;align-items:center;gap:.4rem}.stats span{color:var(--mu)}.stats i{height:.4rem;border-radius:9px;background:#ffffff14;position:relative;overflow:hidden}.stats i:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--foil);border-radius:9px}.stats b{font:600 .74rem 'Fira Code';text-align:right}
.tc-foot{display:flex;justify-content:space-between;font:500 .66rem 'Fira Code';color:var(--mu);margin-top:.45rem}
.ba h4{margin:.2rem 0 .5rem;font:400 .95rem Bungee}.ba dl{display:grid;grid-template-columns:1fr auto;gap:.25rem .5rem;font-size:.78rem;margin:0}.ba dt{color:var(--mu)}.ba dd{margin:0;font-family:'Fira Code';text-align:right}.ba .acts{margin-top:auto;display:grid;gap:.4rem}
.trade{display:flex;flex-wrap:wrap;gap:.35rem}.trade a{flex:1;text-align:center;font:700 .74rem Figtree;padding:.42rem .5rem;border-radius:9px;background:#ffffff12;color:var(--ink);text-decoration:none;border:1px solid var(--ln)}.trade a.p{background:var(--foil);color:#1a0b2e;border:0}.trade a:hover{border-color:var(--gd)}
.ba .btn{padding:.42rem .6rem;font-size:.78rem}
.av{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-grid;place-items:center;background:hsl(var(--h) 60% 40%);font:700 .6rem Figtree;color:#fff;vertical-align:middle;margin-right:.4rem}.av i{display:none}
/* hero hand */
.hand{position:relative;overflow:hidden;height:clamp(360px,30vw,780px)}.hand .tcard{position:absolute;width:clamp(200px,15vw,400px);left:50%;top:50%;transition:.35s}
.hand .tcard:nth-child(1){transform:translate(-140%,-46%) rotate(-16deg)}.hand .tcard:nth-child(2){transform:translate(-100%,-52%) rotate(-8deg)}.hand .tcard:nth-child(3){transform:translate(-50%,-56%) rotate(0);z-index:3}.hand .tcard:nth-child(4){transform:translate(0,-52%) rotate(8deg);z-index:2}.hand .tcard:nth-child(5){transform:translate(40%,-46%) rotate(16deg);z-index:1}
.hand .tcard:hover{z-index:9;filter:brightness(1.1)}
.rar-row .rb{display:flex;gap:1rem;align-items:center}.rb .gem{width:3.2rem;height:3.2rem;border-radius:12px;display:grid;place-items:center;font:400 1.3rem Bungee;color:#1a0b2e;background:var(--rc)}.rb dd{font:600 1.6rem 'Fira Code';margin:0}.rb dt{color:var(--mu);font-size:.85rem}.rar-row{grid-template-columns:repeat(4,1fr)}
.pulls{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.pulls li{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:10px;background:#ffffff06;border:1px solid transparent}.pulls li:hover{border-color:var(--ln)}.pulls a{color:var(--ink);text-decoration:none;font-weight:700;flex:1}.pulls .rt{font:600 .66rem 'Fira Code';padding:.15rem .4rem;border-radius:5px;color:#1a0b2e;background:var(--rc,#8e86a8)}
.feat{padding-left:1.1rem;display:grid;gap:.5rem;color:var(--mu)}.feat b{color:var(--ink)}
.faq details{border-top:1px solid var(--ln);padding:.75rem 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--mu);margin:.5rem 0 0}
/* card page */
.cardview{display:grid;grid-template-columns:minmax(260px,clamp(300px,24vw,560px)) 1fr;gap:1.6rem;align-items:start}.bigcard-wrap .tcard{width:100%}
.chart{height:clamp(340px,32vw,900px);border-radius:12px;background:#0d0718;border:1px solid var(--ln)}.ch-h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
#c-tl .trade,.dlg .trade{margin-top:.9rem}#c-tl .trade a{font-size:.88rem;padding:.6rem}
.calllog{list-style:none;padding:0;margin:0;display:grid;gap:.3rem;max-height:18rem;overflow:auto;font-size:.86rem}.calllog li{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem .5rem;border-radius:8px;background:#ffffff06}.calllog .mono{color:var(--mu)}
/* battle */
.bpick{display:grid;grid-template-columns:1fr auto 1fr;gap:1.4rem;align-items:center}.bpick select{width:100%;margin-bottom:.5rem}.sm-fx input{flex:1}
.arena{display:grid;grid-template-columns:minmax(220px,clamp(260px,18vw,440px)) 1fr minmax(220px,clamp(260px,18vw,440px));gap:1.6rem;align-items:start}
.vs-tbl{display:grid;gap:.55rem}.vs-row{display:grid;grid-template-columns:1fr 6rem 1fr;align-items:center;gap:.6rem}.vs-row .l,.vs-row .r{height:2.1rem;border-radius:10px;background:#ffffff0c;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 .7rem;font:600 .85rem 'Fira Code'}.vs-row .l{justify-content:flex-start;flex-direction:row-reverse}.vs-row .l:before,.vs-row .r:before{content:"";position:absolute;top:0;bottom:0;width:var(--w);background:#ffffff1a;z-index:0}.vs-row .l:before{right:0}.vs-row .r:before{left:0}.vs-row .win:before{background:var(--foil);opacity:.55}.vs-row span{position:relative;z-index:1}.vs-row .n{text-align:center;font-weight:800;font-size:.85rem;color:var(--mu)}
.verdict{text-align:center;padding:1rem;border-radius:14px;background:#ffffff08;border:1px solid var(--ln);margin-bottom:1rem}.verdict b{font:400 1.6rem Bungee;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.raw{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:1rem}.raw td,.raw th{padding:.4rem .5rem;border-bottom:1px solid var(--ln);text-align:right}.raw td:first-child,.raw th:first-child{text-align:left;color:var(--mu)}
.minich{height:220px;border-radius:12px;background:#0d0718;border:1px solid var(--ln);margin-top:.8rem}
/* callers */
.ccard .tc-art{--h:280}.ccard .glyph{font-size:clamp(1.6rem,2.4vw,3rem)}
.dlg{border:1px solid var(--ln);border-radius:18px;background:var(--pa);color:var(--ink);padding:0;width:min(1100px,94vw);max-height:90vh}.dlg::backdrop{background:#000a;backdrop-filter:blur(4px)}.dlg-in{padding:1.4rem;position:relative}.x{position:absolute;right:.8rem;top:.6rem;background:none;border:0;color:var(--ink);font-size:1.8rem;cursor:pointer}
.ctbl{width:100%;border-collapse:collapse;font-size:.86rem;margin-top:.8rem}.ctbl td,.ctbl th{padding:.4rem;border-bottom:1px solid var(--ln);text-align:left}.ctbl a{color:var(--ink)}
/* pnl */
#p-cv{width:min(100%,520px);height:auto;border-radius:18px;box-shadow:0 20px 60px #000a}
.binder .tcard .delta{position:absolute;top:-.6rem;right:-.6rem;z-index:5;font:700 .8rem 'Fira Code';padding:.25rem .55rem;border-radius:999px;background:#0d0718;border:1px solid var(--ln)}
.u{color:var(--up)}.d{color:var(--dn)}
.art{max-width:58rem}.art h2{margin-top:1.6rem}.art p,.art li{color:#d9d1ef}.gl{text-decoration:none;color:var(--ink)}.gl:hover{border-color:var(--gd)}
.foot{border-top:1px solid var(--ln);background:#08040f;margin-top:2rem;padding:2.6rem 1.2rem 2rem}.foot>*{max-width:var(--mx);margin-left:auto;margin-right:auto}.fgrid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:2rem}.foot h4{margin:0 0 .7rem;font-size:.95rem}.foot a{color:var(--ink);text-decoration:none;display:block;padding:.2rem 0;opacity:.85}.foot a:hover{opacity:1;color:var(--gd)}.foot p{color:var(--mu)}.disc{font-size:.78rem;color:var(--mu);margin-top:2rem}.cpy{font-size:.78rem;color:var(--mu)}
.empire-net a,.esites a{display:inline-flex!important}
@media(max-width:1200px){.hero,.g2,.g2w,.cardview{grid-template-columns:1fr}.rar-row{grid-template-columns:1fr 1fr}.arena{grid-template-columns:1fr 1fr}.arena .mid{grid-column:1/-1;order:3}}
@media(max-width:900px){.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--pa);border-bottom:1px solid var(--ln);padding:.6rem;margin:0}.nav.open{display:flex}.burger{display:block}.feed{display:none}.bar .btn.foil{margin-left:auto;padding:.5rem .8rem;font-size:.82rem}.fgrid{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.bpick{grid-template-columns:1fr}.f3{grid-template-columns:1fr}
.hand{height:420px}.hand .tcard{width:190px}.hand .tcard:nth-child(1),.hand .tcard:nth-child(5){display:none}.hand .tcard:nth-child(2){transform:translate(-110%,-50%) rotate(-9deg)}.hand .tcard:nth-child(4){transform:translate(10%,-50%) rotate(9deg)}}
@media(max-width:560px){.f2{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}.deck{grid-template-columns:1fr 1fr;gap:.8rem}.arena{grid-template-columns:1fr}.rar-row{grid-template-columns:1fr 1fr}.brand span{font-size:.95rem}.stats div{grid-template-columns:3.4rem 1fr 1.4rem}.tcard .fa,.tcard .ba{padding:.55rem}.tc-name{font-size:.82rem}}

.empire-net{display:grid;grid-template-columns:auto 1fr 1fr;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--fline,#ffffff22);align-items:start}
.esoc{display:flex;gap:.6rem;flex-wrap:wrap}.esoc a{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--fline,#ffffff22);color:inherit;transition:.2s}.esoc a:hover{background:var(--facc,#fff);color:var(--fbg,#000);border-color:var(--facc,#fff)}
.esvg{width:1.1rem;height:1.1rem}.esvg.sm{width:.85rem;height:.85rem;flex:none;color:#2aabee}
.etg h4{margin:0 0 .7rem}.elist{display:flex;flex-wrap:wrap;gap:.4rem}.elist a{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--fline,#ffffff22);text-decoration:none;font-size:.8rem;color:inherit}.elist a:hover{border-color:var(--facc,#fff)}

.esites{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--fline,#ffffff22)}.esites h4{margin:0 0 .6rem}.esites nav ul{display:flex;flex-wrap:wrap;gap:.5rem .55rem}.esites a{color:inherit;opacity:.8;text-decoration:none;font-size:.86rem}.esites a:hover{opacity:1;text-decoration:underline}
@media (max-width:1000px){.empire-net{grid-template-columns:1fr}}