:root{--arcade-yellow:#ffd166;--arcade-cyan:#45e0ff;--arcade-purple:#805dff}.shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#0005,transparent 55%)}
.arcade-hero{position:relative;padding:30px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#171a2b,#39306d 58%,#1f5d7a);overflow:hidden;box-shadow:0 25px 70px #20223a30}.arcade-hero:after{content:"✦";position:absolute;right:6%;top:-15%;font-size:220px;color:#ffffff0d;transform:rotate(18deg)}.arcade-hero h1{font-size:clamp(38px,6vw,76px);line-height:.9;letter-spacing:-.06em;margin:8px 0}.arcade-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.wallet-chip{background:#171821;color:#fff;border:2px solid var(--arcade-yellow);padding:10px 15px;border-radius:15px;font-weight:900}.history-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.history-column{background:#ffffffa8;border:1px solid var(--line);border-radius:22px;padding:18px}.history-column h2{margin-top:0}.room-list{display:grid;gap:12px}.room{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.room-main{min-width:0}.room h3{margin:0}.room-meta{color:var(--muted);font-size:13px}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:22px 0}.lobby-player{position:relative;padding:18px;border-radius:18px;background:#fff;border:2px solid var(--line);text-align:left}.lobby-player.ready{border-color:#32bd73}.lobby-player .team-badge{position:absolute;right:10px;top:10px}.game-board.duel{grid-template-columns:minmax(240px,.78fr) minmax(380px,1.35fr) minmax(240px,.78fr)}.team.p1{background:linear-gradient(180deg,#3179e7,#1d57b2);color:#fff;border:0}.team.p2{background:linear-gradient(180deg,#ec5a64,#b73242);color:#fff;border:0}.team.p1 .card,.team.p2 .card{color:var(--ink);background:#fff}.team .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.team-info{padding:14px;border-radius:16px;background:#ffffff18;border:1px solid #ffffff28}.team-deck{margin-top:12px;padding:10px;border-radius:16px;background:#ffffff12}.multiplayer-game{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(320px,1fr);gap:18px}.multiplayer-game .arena{min-height:620px}.player-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:78vh;overflow:auto}.player-mini{background:#fff;border-radius:18px;padding:14px;border:3px solid transparent}.player-mini.active{border-color:var(--arcade-yellow);box-shadow:0 0 25px #ffd16655}.player-mini h3{margin:3px 0}.mini-cards{display:flex;gap:5px;flex-wrap:wrap}.mini-card{width:42px;height:42px;border-radius:9px;background:#eef0f5;display:grid;place-items:center;overflow:hidden;font-size:10px}.mini-card img{width:100%;height:100%;object-fit:cover}.auction-clock{font-size:32px;font-weight:1000;color:#ef5261}.auction-log{margin:12px 0;padding:10px;border-radius:14px;background:#f5f6fa;text-align:left;font-size:13px}.auction-log p{margin:5px 0}.rarity{display:inline-block;padding:3px 7px;border-radius:99px;font-size:10px;font-weight:900;color:#fff}.shop-grid,.binder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.booster-card{padding:22px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#37345a,#795ce5);box-shadow:var(--shadow)}.booster-card.gold{background:linear-gradient(145deg,#5d4012,#e9a92e)}.collect-card{position:relative;padding:10px;border-radius:18px;background:#fff;border:3px solid var(--rarity,#ddd);box-shadow:0 8px 22px #17182114}.collect-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.collect-card h3{margin:8px 0 3px}.binder-meter{height:14px;border-radius:99px;background:#e6e8ef;overflow:hidden}.binder-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--arcade-cyan))}.ranking{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:14px;border-radius:15px;background:#fff;border:1px solid var(--line)}.rank-row:first-child{border-color:var(--arcade-yellow);background:#fffbea}.rank-no{font-size:24px;font-weight:1000}
@media(max-width:900px){.history-columns,.multiplayer-game{grid-template-columns:1fr}.player-strip{max-height:none}.game-board.duel{grid-template-columns:1fr 1fr}.game-board.duel .arena{grid-column:1/-1}.shop-grid,.binder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.history-columns,.player-strip{grid-template-columns:1fr}.shop-grid,.binder-grid{grid-template-columns:1fr}.team .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Collection edition */
body{background:radial-gradient(circle at 15% 0,#222c67 0,transparent 34%),radial-gradient(circle at 88% 8%,#56265f 0,transparent 30%),linear-gradient(180deg,#0b0d1a 0,#13162a 38%,#eceef5 38%,#f4f5f9 100%);background-attachment:fixed}.shell{max-width:1440px}.topbar{border:1px solid #ffffff1c;background:#101326eb;color:#fff;box-shadow:0 14px 45px #05071466;backdrop-filter:blur(18px)}.topbar .btn.secondary{color:#e9ebff;border-color:#ffffff24;background:#ffffff0b}.brand-mark{background:conic-gradient(from 210deg,#45e0ff,#805dff,#ff4fd8,#ffd166,#45e0ff);box-shadow:0 0 25px #805dff88}.brand{letter-spacing:.04em}.collector-hero{min-height:410px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;background:radial-gradient(circle at 85% 20%,#6959e766,transparent 36%),linear-gradient(135deg,#101426,#252351 55%,#54245d);border:1px solid #a4afff30}.collector-hero h1,.shop-hero h1{font-weight:1000;text-transform:uppercase;text-shadow:0 5px 25px #0008}.hero-copy{position:relative;z-index:2}.hero-pack-fan{height:360px;position:relative;filter:drop-shadow(0 28px 30px #05061299)}.hero-pack-fan img{position:absolute;height:330px;width:220px;object-fit:cover;border-radius:12px;right:15%;top:5px;transform:rotate(8deg);box-shadow:0 0 45px #ffd16655}.hero-pack-fan img:first-child{right:45%;top:24px;transform:rotate(-10deg);z-index:2;box-shadow:0 0 45px #45e0ff55}.booster-cta{background:linear-gradient(135deg,#ffd166,#ff9b42)!important;color:#241500!important;box-shadow:0 0 25px #ffd16655!important}.player-stats .tile{background:linear-gradient(145deg,#fff,#f0f1ff);border:1px solid #fff;box-shadow:0 12px 35px #13152c22}.section-title{margin:34px 0 16px}.section-title>span{font-size:12px;font-weight:1000;letter-spacing:.2em;color:#785ee9}.section-title h2{font-size:clamp(27px,4vw,43px);margin:3px 0;letter-spacing:-.04em}.collector-ranking{margin:25px 0;padding:26px;border-radius:26px;background:linear-gradient(145deg,#121629,#29264b);color:#fff;box-shadow:0 22px 60px #171a3433;overflow:hidden}.collector-ranking .section-title{margin:0 0 18px}.collector-ranking .section-title h2{color:#fff}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.podium-player{position:relative;display:grid;gap:4px;justify-items:center;padding:22px 12px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff1c;text-align:center}.podium-player.rank-1{order:2;transform:translateY(-8px);background:linear-gradient(145deg,#72530e,#d99a24);box-shadow:0 0 30px #ffc64d35}.podium-player.rank-2{order:1}.podium-player.rank-3{order:3}.rank-medal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#191b2b;font-size:23px;box-shadow:0 0 18px #fff5}.collector-ranking .rank-row{background:#ffffff0b;border-color:#ffffff17;color:#fff}.collector-ranking .rank-row.is-me{border-color:#45e0ff;background:#45e0ff18}.collector-shop{padding-bottom:50px}.shop-hero{background:radial-gradient(circle at 85% 20%,#ffce6755,transparent 30%),linear-gradient(135deg,#111528,#30255d 60%,#692f52)}.pack-store{grid-template-columns:repeat(2,minmax(280px,1fr));gap:24px}.booster-card.pack-product{position:relative;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(210px,1fr);align-items:center;min-height:480px;padding:20px;border:1px solid #ffffff24;background:radial-gradient(circle at 35% 45%,#3e63ff4d,transparent 28%),linear-gradient(145deg,#171a32,#332a67);overflow:hidden}.booster-card.pack-product.gold{background:radial-gradient(circle at 35% 45%,#ffc54b55,transparent 30%),linear-gradient(145deg,#18130b,#594319)}.pack-art{position:relative;z-index:2;width:100%;max-width:280px;justify-self:center;border-radius:14px;filter:drop-shadow(0 24px 24px #050612aa);transition:transform .35s ease,filter .35s ease}.pack-product:hover .pack-art{transform:translateY(-9px) rotate(-2deg) scale(1.03);filter:drop-shadow(0 30px 30px #000c) brightness(1.08)}.pack-aura{position:absolute;width:300px;height:300px;left:8%;border-radius:50%;background:conic-gradient(#45e0ff00,#45e0ff88,#ff4fd800,#805dffaa,#45e0ff00);filter:blur(20px);animation:packAura 7s linear infinite}.pack-info{position:relative;z-index:3}.pack-info h2{font-size:36px;margin:8px 0;text-transform:uppercase}.pack-info h3{font-size:26px}.pack-info select{width:100%;margin:9px 0 15px;padding:12px;border-radius:11px}.owned-packs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pack-product.compact{min-height:340px;grid-template-columns:130px 1fr}.pack-product.compact .pack-art{max-height:300px;object-fit:cover}.collect-card{isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.collect-card:hover{transform:translateY(-7px) rotateX(2deg);box-shadow:0 18px 35px #11142c33}.collect-card:before{content:"";position:absolute;inset:-3px;z-index:-2;border-radius:18px;background:var(--rarity,#ddd)}.collect-card:after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:14px;background:#fff}.card-shine{position:absolute;z-index:3;inset:-70% -40%;pointer-events:none;opacity:0;transform:rotate(25deg);background:linear-gradient(90deg,transparent 42%,#fff8 50%,transparent 58%)}.rarity-rare{box-shadow:0 0 20px #3f7cff66}.rarity-rare .card-shine{opacity:.7;animation:cardSweep 4.8s ease-in-out infinite}.rarity-epic:before{background:conic-gradient(from var(--holo-angle),#9b5de5,#45e0ff,#ff4fd8,#fff,#9b5de5);animation:holoSpin 3.5s linear infinite}.rarity-epic{box-shadow:0 0 30px #9b5de588}.rarity-epic .card-shine,.rarity-legendary .card-shine{opacity:.85;animation:cardSweep 3s ease-in-out infinite}.rarity-legendary:before{background:conic-gradient(from var(--holo-angle),#f4b942,#fff5ad,#ff7d00,#fff,#f4b942);animation:holoSpin 2.3s linear infinite}.rarity-legendary{box-shadow:0 0 18px #f4b942,0 0 42px #ff9f1c66}.booster-opening{text-align:center;min-width:min(520px,82vw);overflow:hidden}.opening-title,.reveal-head>span{display:block;font-weight:1000;letter-spacing:.18em;color:#7a61e8}.opening-pack{position:relative;width:235px;margin:10px auto 20px;filter:drop-shadow(0 25px 25px #12142f66);animation:packShake .5s ease-in-out 2,packBurst .55s 1s ease forwards}.opening-pack img{display:block;width:100%;border-radius:12px}.tear-line{position:absolute;left:-10%;right:-10%;top:14%;height:4px;background:#fff;box-shadow:0 0 18px #fff,0 0 35px #45e0ff;transform:scaleX(0);animation:tearOpen .5s .7s ease forwards}.reveal-grid{grid-template-columns:repeat(5,minmax(135px,1fr));min-width:min(1080px,86vw)}.reveal-card{opacity:0;transform:translateY(30px) scale(.82);animation:revealCard .55s calc(var(--delay) + 80ms) cubic-bezier(.2,.8,.2,1) forwards}.modal .panel{max-width:min(1180px,92vw)}
@property --holo-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes holoSpin{to{--holo-angle:360deg}}@keyframes cardSweep{0%,55%{transform:translateX(-80%) rotate(25deg)}85%,100%{transform:translateX(80%) rotate(25deg)}}@keyframes packAura{to{transform:rotate(360deg)}}@keyframes packShake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes tearOpen{to{transform:scaleX(1)}}@keyframes packBurst{to{transform:scale(1.08);filter:drop-shadow(0 0 45px #fff) brightness(1.5);opacity:.15}}@keyframes revealCard{to{opacity:1;transform:none}}
@media(max-width:900px){.collector-hero{grid-template-columns:1fr;min-height:auto}.hero-pack-fan{height:290px;margin-top:10px}.hero-pack-fan img{height:270px;width:180px;right:22%}.hero-pack-fan img:first-child{right:50%}.pack-store{grid-template-columns:1fr}.reveal-grid{grid-template-columns:repeat(2,minmax(130px,1fr));min-width:auto}}
@media(max-width:600px){body{background:linear-gradient(180deg,#0b0d1a 0,#1b1d37 22%,#f4f5f9 22%)}.collector-hero{padding:22px}.hero-pack-fan{height:220px}.hero-pack-fan img{height:210px;width:140px}.booster-card.pack-product{grid-template-columns:120px 1fr;min-height:330px;padding:14px}.pack-info h2{font-size:24px}.podium{grid-template-columns:1fr}.podium-player.rank-1,.podium-player.rank-2,.podium-player.rank-3{order:initial;transform:none}.reveal-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.pack-aura,.card-shine,.rarity-epic:before,.rarity-legendary:before,.opening-pack,.tear-line,.reveal-card{animation:none!important}.reveal-card{opacity:1;transform:none}}

/* Gameplay clarity update */
.tag{color:#222638}.arcade-hero .tag,.battle-stage .tag,.booster-card .tag,.team .tag{color:#fff;background:#ffffff16;border-color:#ffffff35}.field-help{display:block;color:#626779;line-height:1.4}.savings-option{align-items:flex-start;background:#f4f1ff}.savings-option span{display:grid;gap:4px}.savings-option small{color:#626779;line-height:1.4}.page-title-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.equipment-callout{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:16px;border-radius:16px;text-align:left;background:#f1efff;border:1px solid #d9d2ff}.equipment-callout p{margin:4px 0;color:#626779}.equipment-picker{max-height:56vh;overflow:auto;padding:5px}.equip-choice{position:relative;display:block;border:3px solid var(--rarity,#d9dce7);border-radius:16px;padding:8px;background:#fff;cursor:pointer}.equip-choice input{position:absolute;z-index:2;top:12px;left:12px;width:20px;height:20px;accent-color:#6c5ce7}.equip-choice>span{display:grid;gap:5px}.equip-choice img,.equip-choice .portrait{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.equip-choice:has(input:checked){box-shadow:0 0 0 4px #6c5ce733,0 10px 25px #191c2d22;transform:translateY(-2px)}.permanent-card{border-color:#a56cff;box-shadow:inset 0 0 0 2px #a56cff33}.permanent-card .price{background:linear-gradient(135deg,#6c5ce7,#ae4cf0)}.mini-card.permanent{outline:2px solid #b07cff}.auction-clock{display:inline-grid;place-items:center;min-width:112px;margin:8px auto;padding:8px 14px;border-radius:14px;background:#111426;color:#74f3b0;font-variant-numeric:tabular-nums;box-shadow:0 0 22px #74f3b044}.auction-clock.urgent{color:#fff;background:#df3348;animation:clockPulse .45s ease-in-out infinite alternate}.quick-times{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quick-times button{border:1px solid #d9dce7;background:#f7f7fb;color:#252938;padding:7px 10px;border-radius:9px;font-weight:750}.market-actions{position:relative;z-index:6;display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:12px;background:#f4f5fa;color:#202432}.market-actions p{margin:0;color:#555b6d}.market-button{position:relative;z-index:7;width:100%;display:block!important;visibility:visible!important;opacity:1!important}.market-bid-box{display:grid;gap:6px}.market-bid-box>div{display:grid;grid-template-columns:minmax(80px,1fr) auto;gap:7px}.market-bid-box input{min-width:0;padding:12px;border:1px solid #cfd3df;border-radius:10px}.victory-money{display:grid;gap:4px;justify-items:center;margin:18px auto;padding:18px;width:min(440px,100%);border-radius:18px;background:#eff1f6;color:#5d6270}.victory-money.won{color:#4d3300;background:linear-gradient(135deg,#fff3c4,#ffd770);box-shadow:0 12px 34px #e8ad3544}.victory-money small{font-weight:900;letter-spacing:.14em}.victory-money strong{font-size:38px}.milestone-reward{margin:18px auto;padding:20px;max-width:560px;border-radius:20px;color:#fff;background:radial-gradient(circle at 80% 0,#ffd16655,transparent 35%),linear-gradient(135deg,#29204d,#6b3ea1);box-shadow:0 16px 40px #5f3b9c44}.milestone-reward>span{font-weight:1000;letter-spacing:.1em}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}@keyframes clockPulse{to{transform:scale(1.06);box-shadow:0 0 28px #ef334f88}}@media(max-width:600px){.page-title-actions,.equipment-callout{align-items:stretch;flex-direction:column}.market-bid-box>div{grid-template-columns:1fr}.market-button{width:100%}}