:root{--bg:#070b16;--bg-2:#0c1222;--panel:#111a2e;--panel-2:#16213a;--line:#94aadc1f;--line-2:#94aadc38;--text:#eef2fb;--muted:#8d9abb;--dim:#5d6a8a;--accent:#c8ff3c;--accent-ink:#0b1400;--pitch:#19c37d;--coin:#ffc94a;--danger:#ff5d6c;--info:#5cc8ff;--r-common:#9aa6bf;--r-rare:#22d3a6;--r-epic:#a66bff;--r-legendary:#ffc94a;--radius:14px;--radius-sm:9px;--shadow:0 10px 30px #00000059;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%, #19c37d1a, transparent 60%), radial-gradient(900px 500px at -10% 10%, #5cc8ff14, transparent 60%), var(--bg);color:var(--text);font:14px/1.5 var(--body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:700;line-height:1.05}h1{font-size:40px}h2{font-size:26px}h3{font-size:19px}.muted{color:var(--muted)}.dim{color:var(--dim)}.num{font-variant-numeric:tabular-nums}.eyebrow{font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.shell{grid-template-columns:236px 1fr;min-height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#111a2ee6,#070b16e6);flex-direction:column;gap:24px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 8px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--pitch));width:38px;height:38px;color:var(--accent-ink);font:800 19px/1 var(--display);border-radius:11px;place-items:center;display:grid;transform:skew(-8deg);box-shadow:0 6px 20px #c8ff3c40}.brand-name{font:800 22px/1 var(--display);letter-spacing:.04em}.brand-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.nav{flex-direction:column;gap:3px;display:flex}.nav-label{padding:12px 12px 6px}.nav a,.nav .soon{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav a:hover{color:var(--text);background:#ffffff0a}.nav a.active{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#c8ff3c17}.nav svg{flex:none;width:18px;height:18px}.nav .soon{opacity:.45;cursor:default}.nav .tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-2);border-radius:99px;margin-left:auto;padding:2px 6px;font-size:9px}.sidebar-foot{color:var(--dim);margin-top:auto;padding:0 8px;font-size:11px;line-height:1.5}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#070b16c7;align-items:center;gap:14px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar .grow{flex:1}.page{width:100%;max-width:1320px;padding:28px 32px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-head p{color:var(--muted);max-width:640px;margin:6px 0 0}.gw-pill{background:var(--panel);border:1px solid var(--line);border-radius:99px;align-items:center;gap:10px;padding:7px 14px 7px 8px;display:inline-flex}.gw-pill b{font:700 13px/1 var(--display);letter-spacing:.06em;background:var(--pitch);color:#04120b;border-radius:99px;padding:5px 8px}.coin-chip{background:linear-gradient(#1a2440,#121a30);border:1px solid #ffc94a40;border-radius:99px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-weight:700;display:inline-flex}.coin-chip .plus{background:var(--coin);color:#2b1d00;border-radius:99px;place-items:center;width:26px;height:26px;font-size:16px;font-weight:800;display:grid}.coin{vertical-align:-3px;background:radial-gradient(circle at 35% 30%, #fff1b8, var(--coin) 45%, #c58a12);border-radius:50%;flex:none;width:16px;height:16px;display:inline-block;box-shadow:inset 0 0 0 1.5px #78460073}.coin.lg{vertical-align:-5px;width:22px;height:22px}.avatar{width:34px;height:34px;font:700 14px/1 var(--display);background:var(--panel-2);border:1px solid var(--line-2);border-radius:50%;place-items:center;display:grid}.panel{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius)}.panel.pad{padding:20px}.grid{gap:16px;display:grid}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.btn{border:1px solid var(--line-2);background:var(--panel-2);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{border-color:#c8dcff59}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:700;box-shadow:0 6px 22px #c8ff3c2e}.btn.primary:hover{background:#d6ff6b}.btn.gold{color:#2b1d00;background:linear-gradient(#ffd770,#f2b324);border-color:#0000;font-weight:700}.btn.ghost{background:0 0}.btn.danger{color:var(--danger)}.btn.sm{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.btn.lg{border-radius:12px;height:50px;padding:0 26px;font-size:16px}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:12px;font-weight:600}.input{border:1px solid var(--line-2);background:#0a1020;border-radius:10px;outline:none;height:44px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8ff3c26}.chip{border:1px solid var(--line-2);height:30px;color:var(--muted);background:0 0;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip .dot{border-radius:50%;width:8px;height:8px}.badge{font:700 10px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#ffffff0f;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.badge.green{color:#4be3a0;background:#19c37d24}.badge.lime{color:var(--accent);background:#c8ff3c24}.badge.gold{color:var(--coin);background:#ffc94a24}.badge.blue{color:var(--info);background:#5cc8ff24}.badge.violet{color:#c4a0ff;background:#a66bff29}.badge.red{color:var(--danger);background:#ff5d6c24}.alert{border:1px solid;border-radius:10px;padding:12px 14px;font-size:13px}.alert.error{color:#ffb3ba;background:#ff5d6c14;border-color:#ff5d6c4d}.alert.ok{color:#8ff0c4;background:#19c37d14;border-color:#19c37d4d}.alert.note{color:#ffe2a0;background:#ffc94a12;border-color:#ffc94a40}.stat{flex-direction:column;gap:4px;display:flex}.stat .v{font:700 30px/1 var(--display);letter-spacing:.01em}.stat .k{color:var(--muted);font-size:12px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding:10px 12px}.table td{border-bottom:1px solid var(--line);padding:12px}.table tr:last-child td{border-bottom:none}.table tr.me td{background:#c8ff3c0d}.table tr.click{cursor:pointer}.table tr.click:hover td{background:#ffffff08}.pos{color:var(--green)}.amt-pos{color:#4be3a0}.amt-neg{color:#ff8f99}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty h3{color:var(--text);margin-bottom:8px}.pcard{--rc:var(--r-common);--w:168px;width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .075);background:linear-gradient(150deg, color-mix(in srgb, var(--rc) 85%, white), color-mix(in srgb, var(--rc) 55%, black) 55%, var(--rc));-webkit-user-select:none;user-select:none;font-size:calc(var(--w) * .0833);flex:none;padding:3px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 10px 26px #00000073,0 0 0 1px #0006}.pcard.sm{--w:128px}.pcard.xs .pcard-pos small,.pcard.xs .pcard-full,.pcard.xs .pcard-serial{display:none}.pcard.xs .pcard-foot{justify-content:center}.pcard.xs{--w:92px}.pcard.lg{--w:220px}.pcard.r-rare{--rc:var(--r-rare)}.pcard.r-epic{--rc:var(--r-epic)}.pcard.r-legendary{--rc:var(--r-legendary)}.pcard.clickable{cursor:pointer}.pcard.clickable:hover{box-shadow:0 16px 34px #00000080, 0 0 22px color-mix(in srgb, var(--rc) 35%, transparent);transform:translateY(-4px)}.pcard.selected{outline:3px solid var(--accent);outline-offset:3px}.pcard.dim{filter:grayscale(.85)brightness(.55)}.pcard-in{border-radius:calc(var(--w) * .06);background:linear-gradient(180deg, transparent 52%, #04070ff2 76%), radial-gradient(90% 55% at 50% 36%, color-mix(in srgb, var(--rc) 38%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--c1) 42%, #0b1326), color-mix(in srgb, var(--c2) 30%, #060a14));flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.pcard-shirt{z-index:1;filter:drop-shadow(0 6px 10px #00000073);width:82%;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.pcard-in:before{content:"";opacity:.16;pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff80 0 2px,#0000 2px 14px);position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0000 60%);mask:linear-gradient(#000,#0000 60%)}.pcard-top{z-index:2;justify-content:space-between;align-items:flex-start;padding:.7em .75em 0;display:flex;position:relative}.pcard-pos{font:800 1.45em/.9 var(--display);letter-spacing:.02em;text-shadow:0 2px 6px #00000073}.pcard-pos small{font:700 .42em/1.2 var(--body);letter-spacing:.12em;opacity:.85;margin-top:.3em;display:block}.pcard-club{font:800 .8em/1 var(--display);letter-spacing:.08em;background:#00000059;border:1px solid #ffffff2e;border-radius:.4em;padding:.35em .5em}.pcard-mono{aspect-ratio:1;z-index:1;width:64%;font:800 2.9em/1 var(--display);letter-spacing:-.02em;color:#ffffffeb;text-shadow:0 4px 14px #0006;background:radial-gradient(circle at 50% 35%,#ffffff38,#ffffff05 65%);border:1px solid #ffffff38;border-radius:50%;place-items:center;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.pcard-mono svg{opacity:.18;width:72%;height:72%;position:absolute;inset:14%}.pcard-body{z-index:2;margin-top:auto;padding:0 .75em .7em;position:relative}.pcard-name{font:800 1.5em/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pcard-full{color:#eef2fb99;white-space:nowrap;text-overflow:ellipsis;margin-top:.15em;font-size:.62em;overflow:hidden}.pcard-foot{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:.55em;padding-top:.5em;font-size:.62em;display:flex}.pcard-rar{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--rc) 80%, white);font-weight:800}.pcard-serial{color:#ffffffbf;font-variant-numeric:tabular-nums;font-weight:700}.pcard-avg{z-index:3;background:#04070f99;border:1px solid #ffffff24;border-radius:.45em;flex-direction:column;align-items:center;min-width:2.1em;padding:.25em .3em;display:flex;position:absolute;top:2.5em;right:.7em}.pcard-avg b{font:800 1.05em/1 var(--display)}.pcard-avg span{letter-spacing:.12em;color:var(--muted);font-size:.42em}.pcard-flag{z-index:4;font:700 .5em/1 var(--body);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);white-space:nowrap;background:#04070fd9;border-radius:99px;padding:.45em .7em;position:absolute;top:.6em;left:50%;transform:translate(-50%)}.pcard-cap{z-index:5;background:var(--accent);width:2em;height:2em;color:var(--accent-ink);font:800 1em/1 var(--display);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.4em;left:-.4em;box-shadow:0 3px 10px #00000080}.pcard.r-epic .pcard-in:after,.pcard.r-legendary .pcard-in:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 40%,#ffffff8c 48%,#0000 56%);animation:4.5s ease-in-out infinite foil;position:absolute;inset:-50%}.pcard.r-legendary{box-shadow:0 10px 30px #00000073,0 0 26px #ffc94a59}@keyframes foil{0%{transform:translate(-40%)}55%,to{transform:translate(40%)}}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));justify-items:center;gap:22px 18px;display:grid}.auth{grid-template-columns:1.15fr 1fr;min-height:100%;display:grid}.auth-hero{border-right:1px solid var(--line);background:radial-gradient(900px 500px at 30% 120%,#19c37d47,#0000 60%),linear-gradient(160deg,#0d1730,#070b16);flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.auth-hero h1{max-width:560px;font-size:72px;line-height:.92}.auth-hero h1 em{color:var(--accent);font-style:normal}.auth-hero p{max-width:460px;color:var(--muted);font-size:16px}.auth-fan{height:290px;margin:10px 0 0 30px;position:relative}.auth-fan .pcard{transform-origin:50% 120%;position:absolute;bottom:0}.auth-form{place-items:center;padding:40px;display:grid}.auth-box{width:100%;max-width:380px}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs button{height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;font-weight:600}.tabs button.on{background:var(--panel-2);color:var(--text);box-shadow:0 2px 8px #0000004d}.pitch-lines{opacity:.07;pointer-events:none;position:absolute;inset:0}.hero{border:1px solid var(--line-2);background:radial-gradient(700px 300px at 85% 0,#c8ff3c29,#0000 60%),linear-gradient(135deg,#12305a,#0d1730 55%,#0b1326);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:30px 32px;display:grid;position:relative;overflow:hidden}.hero h1{font-size:46px}.hero p{color:#b8c4e0;max-width:520px;margin:10px 0 18px}.countdown{gap:8px;display:flex}.countdown div{text-align:center;border:1px solid var(--line-2);background:#04070f8c;border-radius:12px;min-width:62px;padding:10px 8px}.countdown b{font:800 30px/1 var(--display);display:block}.countdown span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{padding:18px 20px}.home-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}.section-title{justify-content:space-between;align-items:center;margin:0 0 14px;display:flex}.t-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.t-card{flex-direction:column;gap:14px;padding:20px;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.t-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.t-card:before{content:"";background:var(--kind,var(--pitch));height:3px;position:absolute;top:0;left:0;right:0}.t-card .pool{font:800 34px/1 var(--display)}.t-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0;display:grid}.t-meta .k{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.t-meta .v{margin-top:2px;font-weight:700}.pips{gap:6px;display:flex}.t-card .pips,.pack-tile>.btn{margin-top:auto}.pip{height:26px;font:700 12px/1 var(--display);letter-spacing:.05em;color:var(--dim);border:1px solid var(--line);background:#ffffff0a;border-radius:7px;flex:1;place-items:center;display:grid}.pip.open{color:var(--accent);background:#c8ff3c1f;border-color:#c8ff3c59}.pip.scored{color:#4be3a0;background:#19c37d1f;border-color:#19c37d4d}.t-head{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:20px;padding:26px 28px;display:grid}.t-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.stage-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pitch{background:repeating-linear-gradient(#ffffff06 0 46px,#0000 46px 92px),radial-gradient(120% 80% at 50% 0,#1c7a4e,#0f4a31 60%,#0b3424);border:1px solid #6ee6a040;border-radius:16px;padding:26px 18px 22px;position:relative;overflow:hidden}.pitch svg.markings{opacity:.28;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pitch-row{justify-content:center;gap:22px;margin-bottom:14px;display:flex;position:relative}.pitch-row:last-child{margin-bottom:0}.slot{aspect-ratio:5/7;cursor:pointer;color:#ffffffbf;background:#04140c59;border:2px dashed #ffffff4d;border-radius:11px;flex:none;place-items:center;width:128px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.slot:hover,.slot.active{border-color:var(--accent);background:#c8ff3c14}.slot.active{transform:translateY(-3px)}.slot .slot-label{text-align:center}.slot .slot-label b{font:800 26px/1 var(--display);display:block}.slot .slot-label span{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:11px}.slot.filled{background:0 0;border:0}.slot.filled.active .pcard{outline:3px solid var(--accent);outline-offset:3px}.slot-pts{z-index:6;font:800 15px/1 var(--display);color:#8ff0c4;white-space:nowrap;background:#04120b;border:1px solid #6ee6a073;border-radius:99px;padding:4px 10px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.cap-btn{z-index:7;width:28px;height:28px;color:var(--muted);font:800 13px/1 var(--display);background:#2a3550;border:2px solid #04120b;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.cap-btn.on{background:var(--accent);color:var(--accent-ink)}.builder{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:16px;display:grid}.picker-panel{flex-direction:column;min-height:0;max-height:520px;display:flex}.picker{flex:1;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));justify-items:center;gap:14px 10px;min-height:0;padding:6px 4px;display:grid;overflow:auto}@media (width<=1320px){.builder{grid-template-columns:1fr}.picker-panel{max-height:420px}}.picker-item{flex-direction:column;align-items:center;gap:6px;display:flex}.picker-item small{color:var(--muted);text-align:center;font-size:10px;line-height:1.2}.lineup-total{font:800 44px/1 var(--display);color:var(--accent)}.lineup-total small{color:#cfeedd;font-size:18px}.pitch-head{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 16px;padding:0 6px;display:flex;position:relative}.breakdown{font-size:12px}.breakdown div{border-bottom:1px dashed var(--line);justify-content:space-between;padding:3px 0;display:flex}.packs{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.pack-tile{flex-direction:column;align-items:stretch;gap:16px;padding:22px;display:flex}.pack-art{--pc:var(--r-common);background:radial-gradient(70% 60% at 50% 40%, color-mix(in srgb, var(--pc) 45%, transparent), transparent 70%), #0a1020;border:1px solid var(--line);border-radius:14px;place-items:center;height:250px;display:grid;position:relative;overflow:hidden}.pack-foil{background:linear-gradient(160deg, color-mix(in srgb, var(--pc) 90%, white), color-mix(in srgb, var(--pc) 70%, black) 55%, color-mix(in srgb, var(--pc) 85%, white));color:#08101e;border-radius:10px 10px 14px 14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:150px;height:210px;display:flex;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 20px 40px #0000008c,inset 0 0 0 2px #ffffff40}.pack-foil:before{content:"";background:repeating-linear-gradient(90deg,#00000040 0 6px,#0000 6px 10px);height:16px;position:absolute;top:0;left:0;right:0}.pack-foil:after{content:"";background:linear-gradient(115deg,#0000 42%,#fff9 50%,#0000 58%);animation:3.8s ease-in-out infinite foil;position:absolute;inset:-40%}.pack-foil .pf-mark{font:800 44px/1 var(--display);transform:skew(-8deg)}.pack-foil .pf-name{font:800 15px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.pack-foil .pf-sub{font:700 9px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;opacity:.7}.pack-art.standard{--pc:#5cc8ff}.pack-art.premium{--pc:var(--r-legendary)}.pack-art.starter{--pc:var(--accent)}.odds{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.odds div{text-align:center;border:1px solid var(--line);background:#ffffff08;border-radius:8px;padding:8px 4px}.odds b{font:800 15px/1 var(--display);display:block}.odds span{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.drawer-bg{z-index:90;background:#02040a99;animation:.2s fadein;position:fixed;inset:0}.drawer{z-index:91;background:var(--bg-2);border-left:1px solid var(--line-2);width:min(460px,100%);padding:26px;animation:.25s ease-out slidein;position:fixed;top:0;bottom:0;right:0;overflow:auto}@keyframes slidein{0%{opacity:0;transform:translate(40px)}}.modal{z-index:91;background:var(--bg-2);border:1px solid var(--line-2);width:min(880px,100% - 32px);max-height:calc(100% - 48px);box-shadow:var(--shadow);border-radius:18px;padding:26px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.bars{align-items:flex-end;gap:8px;height:120px;padding-top:10px;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar i{background:linear-gradient(180deg, var(--accent), var(--pitch));border-radius:6px 6px 3px 3px;width:100%;min-height:3px;display:block}.bar i.neg{background:var(--danger)}.bar b{font:700 13px/1 var(--display)}.bar span{color:var(--dim);font-size:10px}.deposit{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.amount-input{height:72px;font:800 40px/1 var(--display);text-align:left;letter-spacing:.02em;padding:0 20px}.quick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.toast{z-index:200;border:1px solid var(--line-2);box-shadow:var(--shadow);background:#172238;border-radius:12px;padding:12px 18px;font-weight:600;animation:.3s dealin;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@media (width<=1100px){.t-layout,.home-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:12px;height:auto;padding:12px 16px;position:static;overflow-x:auto}.nav{flex-direction:row}.nav-label,.sidebar-foot,.brand>div,.nav .tag{display:none}.page{padding:20px 16px 48px}.topbar{padding:12px 16px}.auth{grid-template-columns:1fr}.auth-hero{padding:32px 24px}.auth-hero h1{font-size:48px}.auth-fan{display:none}.hero,.deposit{grid-template-columns:1fr}.pitch{padding:18px 10px 20px}.pitch-row{gap:8px;margin-bottom:18px}.slot{width:92px}.slot .pcard{--w:92px}.slot .pcard .pcard-pos small,.slot .pcard .pcard-full{display:none}.nav a,.nav .soon{white-space:nowrap}.gw-pill span,.topbar .row>div:not(.avatar){display:none}.topbar{gap:10px}h1,.hero h1{font-size:32px}.t-head{grid-template-columns:1fr;padding:20px}.t-head>.row{flex-wrap:wrap;gap:18px!important}.kpis{grid-template-columns:1fr 1fr}.stat .v{font-size:24px}.t-list,.packs{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr);gap:16px 10px}.cards-grid .pcard{--w:150px}.countdown div{min-width:52px}.hero{padding:22px}.page-head>.row{flex-wrap:wrap}.table td,.table th{padding:10px 8px}.quick{grid-template-columns:repeat(2,1fr)}.deposit>*{min-width:0}}.league-hero{background:radial-gradient(700px 300px at 85% 0,#ffc94a29,#0000 60%),linear-gradient(135deg,#1d2f57,#0d1730 55%,#0b1326)}.pass-card{background:#04070f99;border-color:#c8ff3c4d;gap:14px;min-width:320px}.major-card{background:#04070f99;border-color:#ffc94a59}.step-n{width:30px;height:30px;font:800 16px/1 var(--display);color:var(--accent);background:#c8ff3c1f;border:1px solid #c8ff3c4d;border-radius:50%;flex:none;place-items:center;display:grid}.how{gap:16px}.reward-kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dot-club{vertical-align:0;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.starter-tile{border-color:#c8ff3c40}@media (width<=860px){.reward-kpis{grid-template-columns:1fr}.pass-card,.major-card{min-width:0}}.pitch .slot{border-radius:9px;width:92px}.pitch .slot .slot-label b{font-size:20px}.pitch .slot .slot-label span{font-size:9px}.pitch-row{gap:12px;margin-bottom:16px}.pitch .cap-btn{width:24px;height:24px;font-size:12px;top:-7px;right:-7px}.rm-btn{z-index:7;width:22px;height:22px;color:var(--muted);font:700 14px/1 var(--body);opacity:0;background:#2a3550;border:2px solid #04120b;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;top:-7px;left:-7px}.slot:hover .rm-btn,.slot.active .rm-btn{opacity:1}.pitch .slot-pts{padding:3px 8px;font-size:13px;bottom:-10px}.pitch.view .pitch-row{margin-bottom:20px}.stage-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.stage-tabs .chip{flex:none}.picker-panel{max-height:700px}.t-progress{background:#ffffff0f;border-radius:99px;height:8px;overflow:hidden}.t-progress i{background:linear-gradient(90deg, var(--coin), #ffe08a);border-radius:99px;height:100%;display:block}@media (width<=860px){.pitch .slot{width:72px}.pitch .slot .pcard{--w:72px}.pitch-row{gap:6px}}.market-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.listing{cursor:pointer;grid-template-columns:128px 1fr;gap:16px;padding:16px;transition:border-color .15s,transform .15s;display:grid}.listing:hover{border-color:var(--line-2);transform:translateY(-2px)}.buy-pill{height:30px;color:var(--coin);background:#ffc94a1f;border:1px solid #ffc94a4d;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:700;display:inline-flex}.buy-pill.off{color:var(--dim);border-color:var(--line);background:0 0}.listing-detail{grid-template-columns:240px 1fr;gap:26px;display:grid}.trade.hot{border-color:#c8ff3c59}.trade-sides{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.trade-side{border:1px solid var(--line);background:#ffffff06;border-radius:12px;min-height:160px;padding:12px}.trade-arrow{font:800 28px/1 var(--display);color:var(--accent)}.coin-tile{aspect-ratio:5/7;background:#ffc94a14;border:1px dashed #ffc94a66;border-radius:9px;place-items:center;width:92px;font-weight:800;display:grid}.manager-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:420px;display:grid;overflow:auto}.manager{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.manager:hover{border-color:var(--accent)}.trade-build{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pick-grid{border:1px solid var(--line);background:#ffffff05;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));justify-items:center;gap:12px 8px;max-height:380px;margin-top:8px;padding:10px 4px;display:grid;overflow:auto}@media (width<=860px){.listing-detail,.trade-build,.trade-sides{grid-template-columns:1fr}.trade-arrow{text-align:center}.market-grid{grid-template-columns:1fr}}.overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(60% 50% at 50% 45%,#193c6e8c,#03050cf0);place-items:center;padding:24px;animation:.25s fadein;display:grid;position:fixed;inset:0;overflow:hidden auto}.overlay .dimmer{pointer-events:none;opacity:0;background:#000000bf;transition:opacity .5s;position:fixed;inset:0}.overlay.dimmed .dimmer{opacity:1}@keyframes fadein{0%{opacity:0}}.reveal-stage{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:1180px;display:flex;position:relative}.reveal-row{--fw:180px;perspective:1400px;flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.reveal-row.big{--fw:128px;gap:14px;max-width:1000px}.flip-wrap{width:var(--fw);aspect-ratio:5/7;animation:.55s cubic-bezier(.2,.9,.25,1.15) backwards dealin;position:relative}@keyframes dealin{0%{opacity:0;transform:translateY(-160px)scale(.35)rotate(-14deg)}}.flip{transform-style:preserve-3d;cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1.15);position:absolute;inset:0}.flip.up{cursor:default;transform:rotateY(180deg)}.flip>*{backface-visibility:hidden;position:absolute;inset:0}.flip .face{place-items:center;display:grid;transform:rotateY(180deg)}.flip .face .pcard{--w:var(--fw)}.flip .back{background:repeating-linear-gradient(45deg,#ffffff0a 0 10px,#0000 10px 20px),linear-gradient(160deg,#1b2b4d,#0b1326);border:2px solid #c8dcff40;border-radius:14px;place-items:center;transition:box-shadow .2s,border-color .2s;display:grid;box-shadow:0 14px 30px #00000080}.flip .back .brand-mark{width:54px;height:54px;font-size:25px}.flip.down:hover{transform:translateY(-6px)}.flip.down:hover .back{border-color:var(--accent);box-shadow:0 0 30px #c8ff3c40}.flip.charging{animation:.65s ease-in forwards charge}.flip.charging.r-legendary{animation-duration:1.3s}.flip.charging .back{border-color:var(--r-epic);box-shadow:0 0 46px #a66bffbf}.flip.charging.r-legendary .back{border-color:var(--r-legendary);box-shadow:0 0 80px #ffc94af2,inset 0 0 40px #ffc94a80}@keyframes charge{0%{transform:translateY(0)scale(1)rotate(0)}15%{transform:translateY(-8px)scale(1.04)rotate(-1.5deg)}30%{transform:translateY(-10px)scale(1.06)rotate(1.5deg)}45%{transform:translateY(-12px)scale(1.08)rotate(-2deg)}60%{transform:translateY(-14px)scale(1.1)rotate(2deg)}75%{transform:translateY(-16px)scale(1.12)rotate(-3deg)}90%{transform:translateY(-18px)scale(1.14)rotate(3deg)}to{transform:translateY(-18px)scale(1.15)rotate(0)}}.flip.up.r-legendary{z-index:5;animation:.9s cubic-bezier(.2,.9,.2,1.2) legend-pop}@keyframes legend-pop{0%{transform:rotateY(180deg)scale(1.15)}40%{transform:rotateY(180deg)scale(1.32)}to{transform:rotateY(180deg)scale(1)}}.flip.up.r-epic{animation:.6s ease-out epic-pop}@keyframes epic-pop{50%{transform:rotateY(180deg)scale(1.12)}}.rays{aspect-ratio:1;pointer-events:none;z-index:-1;background:repeating-conic-gradient(#ffd6668c 0deg 7deg,#0000 7deg 22deg);width:260%;animation:9s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 18%,#0000 62%);mask:radial-gradient(circle,#000 18%,#0000 62%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.burst{pointer-events:none;z-index:101;animation:.8s ease-out forwards burst;position:fixed;inset:0}.burst-rare{background:radial-gradient(circle,#22d3a68c,#0000 45%)}.burst-epic{background:radial-gradient(circle,#a66bffbf,#0000 55%)}.burst-legendary{background:radial-gradient(circle,#fff 0,#ffd666f2 18%,#ffaa1e66 45%,#0000 70%);animation-duration:1.3s}@keyframes burst{0%{opacity:1}to{opacity:0;transform:scale(1.5)}}.camshake{animation:.55s cubic-bezier(.36,.07,.19,.97) camshake}@keyframes camshake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-8px,3px)}40%,60%{transform:translate(8px,-3px)}}.legend-layer{pointer-events:none;z-index:102;position:fixed;inset:0}.legend-sparks{position:absolute;top:50%;left:50%}.legend-sparks span{border-radius:50%;animation:ease-out forwards spark;position:absolute;top:0;left:0;box-shadow:0 0 10px #ffd666e6}@keyframes spark{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(.2);opacity:0}}.legend-banner{text-align:center;animation:3.2s ease-out forwards banner;position:absolute;top:7%;left:0;right:0}.lb-word{font:italic 800 clamp(48px, 9vw, 112px)/.9 var(--display);letter-spacing:.06em;background:linear-gradient(#fff6d6,#ffd36b 45%,#d68a12);color:#0000;filter:drop-shadow(0 6px 24px #ffb428a6);-webkit-background-clip:text;background-clip:text}.lb-name{font:700 14px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#ffe2a0;margin-top:8px}@keyframes banner{0%{opacity:0;transform:scale(2.4)}12%{opacity:1;transform:scale(.94)}18%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.pack-stage{place-items:center;min-height:420px;display:grid;position:relative}.pack-foil.big{width:220px;height:308px}.pack-foil.big .pf-mark{font-size:64px}.pack-aura{filter:blur(30px);opacity:.55;border-radius:50%;width:520px;height:520px;animation:1.1s ease-in-out infinite alternate aura;position:absolute}.aura-common{background:radial-gradient(circle,#c8dcff59,#0000 60%)}.aura-rare{background:radial-gradient(circle,#22d3a68c,#0000 60%)}.aura-epic{background:radial-gradient(circle,#a66bffb3,#0000 60%)}.aura-legendary{background:radial-gradient(circle,#ffc94ae6,#0000 60%);animation-duration:.35s}@keyframes aura{0%{opacity:.35;transform:scale(.85)}to{opacity:.85;transform:scale(1.1)}}.pack-shake{animation:1.1s ease-in-out infinite shake}@keyframes shake{0%,to{transform:rotate(-3deg)scale(1)}20%{transform:rotate(3deg)scale(1.03)}40%{transform:rotate(-5deg)scale(1.05)}60%{transform:rotate(5deg)scale(1.07)}80%{transform:rotate(-2deg)scale(1.1)}}.pack-burst{animation:.5s ease-in forwards packburst}@keyframes packburst{0%{filter:brightness();transform:scale(1.1)}60%{filter:brightness(2.5);opacity:1;transform:scale(1.35)}to{filter:brightness(4);opacity:0;transform:scale(1.8)}}.tear-flash{pointer-events:none;background:radial-gradient(circle,#fff,#fff9 25%,#0000 60%);animation:.6s ease-out forwards burst;position:fixed;inset:0}@media (width<=860px){.reveal-row{--fw:140px}.reveal-row.big{--fw:100px;gap:8px}.pack-aura{width:340px;height:340px}}.reels{gap:10px;width:min(1100px,100%);display:grid}.reels.many{grid-template-columns:1fr 1fr;gap:8px 12px}.reel{background:linear-gradient(#0a1122,#0d1630);border:1px solid #a0beff29;border-radius:12px;height:150px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.reel-strip{will-change:transform;align-items:center;gap:8px;padding-left:4px;display:flex;position:absolute;top:0;bottom:0;left:0}.reel-marker{z-index:3;background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 14px #c8ff3ce6}.reel-marker:before,.reel-marker:after{content:"";border:8px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.reel-marker:before{border-top-color:var(--accent);top:0}.reel-marker:after{border-bottom-color:var(--accent);bottom:0}.reel-tile{background:radial-gradient(90% 60% at 50% 35%, color-mix(in srgb, var(--rc) 30%, transparent), transparent 70%), linear-gradient(170deg, color-mix(in srgb, var(--c1) 35%, #0b1326), #070b16);border:1px solid color-mix(in srgb, var(--rc) 45%, transparent);--rc:var(--r-common);border-radius:9px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;height:132px;padding:6px 4px 9px;display:flex;position:relative;overflow:hidden}.reel-tile.r-rare{--rc:var(--r-rare)}.reel-tile.r-epic{--rc:var(--r-epic)}.reel-tile.r-legendary{--rc:var(--r-legendary);box-shadow:inset 0 0 18px #ffc94a59}.reel-tile .pcard-shirt{width:74%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.reel.compact .reel-tile .pcard-shirt{width:66%;top:42%}.rt-pos{font:800 12px/1 var(--display);color:#ffffffd9;z-index:1;position:absolute;top:5px;left:6px}.rt-name{z-index:1;font:800 13px/1 var(--display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 6px #000000b3;max-width:100%;position:relative;overflow:hidden}.reel.compact .rt-name{font-size:11px}.rt-bar{background:var(--rc);height:4px;position:absolute;bottom:0;left:0;right:0}.reel.won{border-color:color-mix(in srgb, var(--rw) 70%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--rw) 35%, transparent)}.reel.won-common{--rw:var(--r-common)}.reel.won-rare{--rw:var(--r-rare)}.reel.won-epic{--rw:var(--r-epic)}.reel.won-legendary{--rw:var(--r-legendary)}.reel-tile.hit{border-color:var(--rc);box-shadow:0 0 22px color-mix(in srgb, var(--rc) 80%, transparent), inset 0 0 18px color-mix(in srgb, var(--rc) 40%, transparent);animation:.6s ease-out hit}.reel-tile.hit.r-legendary{animation:.6s ease-out hit,1.1s ease-in-out .6s infinite alternate glowpulse}@keyframes hit{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes glowpulse{to{box-shadow:0 0 40px #ffc94af2,inset 0 0 26px #ffc94a8c}}.flip-wrap .face-up{place-items:center;display:grid;position:absolute;inset:0}.flip-wrap .face-up .pcard{--w:var(--fw)}@media (width<=860px){.reels.many{grid-template-columns:1fr}.reel{height:120px}.reel-tile{height:104px}}.reel-strip{backface-visibility:hidden;transform:translateZ(0)}.reel:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff0d,#0000 30% 70%,#00000059);position:absolute;inset:0}.reel.won:after{background:linear-gradient(#ffffff0a,#0000 35%)}.reel-tile{justify-content:center;gap:8px;padding:6px}.rt-gem{color:var(--rc);text-shadow:0 0 18px color-mix(in srgb, var(--rc) 70%, transparent);font-size:34px;line-height:1}.reel.compact .rt-gem{font-size:24px}.reel-tile .rt-name{color:color-mix(in srgb, var(--rc) 70%, white);letter-spacing:.08em;font-size:12px}.reel-tile{background:radial-gradient(80% 60% at 50% 40%, color-mix(in srgb, var(--rc) 28%, transparent), transparent 75%), linear-gradient(170deg, #121c35, #070b16)}.reel-tile.r-legendary .rt-gem{animation:2.4s linear infinite gemspin}@keyframes gemspin{50%{transform:scale(1.15)rotate(36deg)}}.flip .back.rb-common{--rc:var(--r-common)}.flip .back.rb-rare{--rc:var(--r-rare)}.flip .back.rb-epic{--rc:var(--r-epic)}.flip .back.rb-legendary{--rc:var(--r-legendary)}.flip .back[class*=rb-]{border-color:color-mix(in srgb, var(--rc) 70%, transparent);background:radial-gradient(70% 50% at 50% 42%, color-mix(in srgb, var(--rc) 35%, transparent), transparent 75%), repeating-linear-gradient(45deg, #ffffff08 0 10px, transparent 10px 20px), linear-gradient(160deg, #18264a, #0a1124);box-shadow:0 14px 30px #00000080, 0 0 26px color-mix(in srgb, var(--rc) 30%, transparent);flex-direction:column;gap:10px}.rb-gem{font-size:calc(var(--fw) * .3);color:var(--rc);text-shadow:0 0 24px var(--rc);line-height:1}.rb-label{font:800 calc(var(--fw) * .1) / 1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--rc) 75%, white)}.flip.down.r-legendary .back{animation:1.1s ease-in-out infinite alternate glowpulse}.flip.down:hover .back[class*=rb-]{border-color:var(--rc);box-shadow:0 0 34px color-mix(in srgb, var(--rc) 55%, transparent)}.reel{height:112px}.reel-tile{height:96px}.reel.compact{height:92px}.reel.compact .reel-tile{height:78px}.reels{gap:8px}.reveal-stage{gap:20px}@media (height<=760px){.reel{height:96px}.reel-tile{height:82px}.rt-gem{font-size:26px}}