:root{--bg:#0b0b16;--surface:#17162a;--paper:#f5f0df;--lime:#c7ff3d;--blue:#52d9ff;--violet:#8b5cff;--coral:#ff5d5d;--gold:#ffd45a;--muted:#aaa6c1;--line:rgba(255,255,255,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--paper);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% -10%,#25204a 0,transparent 38%),var(--bg);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.app-shell{width:100%;max-width:520px;min-height:100dvh;margin:auto;position:relative;padding-bottom:96px}.topbar{height:78px;padding:18px 16px 10px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);background:none;border:0;text-align:left;padding:0;cursor:pointer}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--lime);color:#101019;border-radius:12px 6px 12px 6px;font-weight:1000;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--violet)}.brand b{font-size:13px;letter-spacing:.08em;display:block}.brand small{font-size:8px;color:var(--muted);letter-spacing:.16em}.wallet{border:1px solid var(--line);background:rgba(23,22,42,.8);padding:10px 12px;border-radius:14px;font-weight:800;font-size:13px}.wallet span{color:var(--gold)}main{min-height:calc(100dvh - 174px)}.view{display:none;padding:12px 16px 28px;animation:view-in .3s ease}.view.active{display:block}@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime);margin-right:5px}.hero-copy{margin:12px 0 4px}.hero-copy h1,.section-head h1,.empty-state h1{font-size:clamp(36px,11vw,54px);line-height:.91;letter-spacing:-.055em;margin:0;font-weight:950}.hero-copy h1 em{color:var(--lime);font-style:normal}.hero-copy p{font-size:13px;color:var(--muted);margin:12px 0 0;max-width:310px;line-height:1.4}.pack-stage{height:370px;position:relative;display:grid;place-items:center;perspective:1200px}.halo{width:260px;height:260px;border-radius:50%;position:absolute;background:radial-gradient(circle,rgba(199,255,61,.23),transparent 68%);filter:blur(12px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.15);opacity:.7}}.booster{width:214px;height:304px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:17px 17px 25px 25px;color:var(--paper);cursor:pointer;transform:rotate(2deg);transition:.35s cubic-bezier(.2,.8,.2,1);background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 22%),radial-gradient(circle at 80% 20%,var(--violet),transparent 30%),repeating-linear-gradient(-45deg,transparent 0 10px,rgba(255,255,255,.035) 10px 12px),#201c41;box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 0 0 6px rgba(255,255,255,.03)}.booster:hover{transform:rotate(-1deg) translateY(-8px)}.booster-rip{position:absolute;top:0;left:0;right:0;height:34px;display:grid;place-items:center;border-bottom:1px dashed rgba(255,255,255,.45);font-size:8px;letter-spacing:.16em}.booster-season{position:absolute;top:48px;left:0;right:0;font-size:9px;letter-spacing:.2em}.booster-symbol{display:block;color:var(--lime);font-size:86px;line-height:1;margin-top:40px;text-shadow:7px 7px 0 var(--coral);transform:rotate(-8deg)}.booster strong{display:block;font-size:25px;line-height:.92;letter-spacing:-.04em;margin-top:18px}.booster-count{position:absolute;bottom:18px;left:20px;right:20px;padding:8px;background:var(--lime);color:#101019;border-radius:9px;font-size:9px;font-weight:1000;letter-spacing:.15em}.booster.opening{transform:translateY(-40px) rotate(-8deg) scale(1.08);filter:brightness(1.8);opacity:0}.revealed-card{display:none;width:230px;position:relative;z-index:2}.pack-stage.revealed{height:540px}.pack-stage.revealed .halo{background:radial-gradient(circle,rgba(255,212,90,.28),transparent 68%)}.pack-stage.revealed .revealed-card{display:block;animation:card-reveal .65s cubic-bezier(.16,.9,.3,1.15)}@keyframes card-reveal{from{opacity:0;transform:translateY(50px) rotateY(90deg) scale(.75)}to{opacity:1;transform:none}}.game-card{height:390px;border-radius:25px;position:relative;overflow:hidden;background:#201d33;border:3px solid var(--gold);box-shadow:0 0 0 5px #41291f,0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(255,212,90,.15);transform:rotate(-1deg)}.game-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.3);border-radius:17px;pointer-events:none}.game-card img{width:100%;height:100%;object-fit:cover}.rarity-tag{position:absolute;z-index:3;top:14px;left:14px;background:var(--gold);color:#24190b;padding:6px 9px;border-radius:8px;font-size:8px;font-weight:1000;letter-spacing:.12em;box-shadow:3px 3px 0 #8e3e2b}.foil{position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(82,217,255,.3),rgba(199,255,61,.22),rgba(255,93,93,.24),transparent 70%);mix-blend-mode:screen;transform:translateX(-90%);animation:foil 3.2s ease-in-out infinite}@keyframes foil{55%,100%{transform:translateX(90%)}}.card-info{position:absolute;left:0;right:0;bottom:0;padding:42px 17px 14px;background:linear-gradient(transparent,rgba(8,7,20,.95) 32%)}.faction{font-size:7px;letter-spacing:.15em;color:var(--gold);font-weight:900}.card-info h2{font-size:24px;line-height:.86;margin:4px 0 10px;letter-spacing:-.045em;text-transform:uppercase}.stats{display:grid;grid-template-columns:1fr 1fr;gap:4px}.stats span{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);padding:5px 6px;border-radius:6px}.stats i{font-style:normal;font-size:6px;color:var(--muted);font-weight:900}.stats b{font-size:10px;font-variant-numeric:tabular-nums}.reveal-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.reveal-meta div span{display:block;color:var(--lime);font-weight:900;font-size:8px;letter-spacing:.12em}.reveal-meta div strong{font-size:18px}.primary,.secondary{border:0;cursor:pointer;font:inherit;font-weight:900}.primary{background:var(--lime);color:#0d0d16;box-shadow:5px 5px 0 var(--violet);border-radius:17px}.open-button{width:100%;height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column}.open-button small{font-size:8px;opacity:.65;letter-spacing:.1em;margin-top:2px}.primary.compact{padding:12px 15px;font-size:12px}.open-button.hidden{display:none}.daily-row{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.days{display:flex;gap:5px}.days i{width:24px;height:24px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:8px}.days .done{color:#15151d;background:var(--muted)}.days .today{border-color:var(--lime);color:var(--lime);box-shadow:0 0 0 2px rgba(199,255,61,.12)}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:82px;padding:8px 8px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(15,14,28,.92);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:none;color:#77738c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:750;cursor:pointer}.bottom-nav i{font-style:normal;font-size:20px}.bottom-nav button.active{color:var(--lime)}.bottom-nav .battle-nav i{width:44px;height:44px;margin-top:-20px;border-radius:15px;display:grid;place-items:center;color:#111;background:var(--lime);box-shadow:4px 4px 0 var(--violet)}.bottom-nav .battle-nav.active i{transform:translateY(-2px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:14px 0}.section-head h1{margin-top:5px}.completion b{font-size:28px;color:var(--lime)}.completion span{color:var(--muted)}.progress{height:7px;border-radius:20px;background:var(--surface);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--lime));border-radius:inherit}.filters{display:flex;gap:8px;overflow:auto;padding:20px 0 16px;scrollbar-width:none}.filters button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:13px;padding:10px 13px;white-space:nowrap;font-weight:800}.filters button.active{background:var(--paper);color:#15131f}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-card{height:225px;border:1px solid var(--line);border-radius:19px;padding:0;overflow:hidden;position:relative;color:var(--paper);background:linear-gradient(145deg,#2a2448,#151422);cursor:pointer}.mini-card img{width:100%;height:100%;object-fit:cover}.mini-card>i{height:100%;display:grid;place-items:center;font-size:70px;font-style:normal;color:rgba(255,255,255,.8)}.mini-card.corridor{background:radial-gradient(circle at 70% 30%,rgba(82,217,255,.5),transparent 38%),#17243a}.mini-card.cabinet{background:radial-gradient(circle at 70% 30%,rgba(139,92,255,.55),transparent 38%),#241732}.mini-card.canteen{background:radial-gradient(circle at 70% 30%,rgba(255,93,93,.6),transparent 38%),#35191e}.mini-card span{position:absolute;left:0;right:0;bottom:0;padding:34px 11px 11px;text-align:left;background:linear-gradient(transparent,rgba(8,8,15,.95))}.mini-card b{font-size:13px;display:block}.mini-card small{font-size:7px;color:var(--lime);letter-spacing:.08em}.mini-card.locked{filter:saturate(.1);opacity:.55}.battle-head{display:flex;justify-content:space-between;padding-top:12px}.round{font-size:9px;color:var(--lime);font-weight:900}.score{display:flex;justify-content:center;align-items:center;gap:12px;font-size:24px;margin:20px}.score i{width:48px;height:3px;background:var(--line);position:relative}.score i:after{content:"";position:absolute;width:6px;height:6px;background:var(--lime);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.battlefield{display:flex;align-items:center;justify-content:center;gap:11px}.battle-card{height:225px;width:43%;border-radius:21px;position:relative;overflow:hidden;background:var(--surface);border:2px solid var(--line)}.battle-card.enemy{display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,#201d38 0 8px,#18162a 8px 16px)}.battle-card.enemy span{font-size:70px;color:var(--violet)}.battle-card.enemy small{font-size:7px;letter-spacing:.12em}.battle-card.player img{width:100%;height:100%;object-fit:cover}.battle-card.player strong{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(transparent,#080812);font-size:12px}.versus{font-weight:1000;font-size:12px;color:var(--coral);transform:rotate(-8deg)}.choose-stat{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-top:22px;padding:16px}.choose-stat>span{font-weight:900;font-size:12px}.stat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stat-buttons button{height:49px;border:1px solid var(--line);background:#211f36;color:var(--muted);border-radius:13px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-weight:750;cursor:pointer}.stat-buttons b{color:var(--paper)}.stat-buttons button:hover,.stat-buttons button.selected{border-color:var(--lime);color:var(--lime)}.empty-state{text-align:center;min-height:65dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state .qr-mark{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;font-size:46px;color:var(--lime);background:var(--surface);border:1px solid var(--line);margin-bottom:25px;box-shadow:8px 8px 0 var(--violet)}.empty-state h1{font-size:42px;margin:8px 0 14px}.empty-state p{color:var(--muted);font-size:14px;line-height:1.55;max-width:330px}.secondary{background:var(--surface);color:var(--paper);border:1px solid var(--line);border-radius:16px;padding:15px 18px;margin-top:14px}.wide{width:100%}.profile-card{display:flex;align-items:center;gap:16px;margin:18px 0 22px}.avatar{width:70px;height:70px;border-radius:24px 13px 24px 13px;background:var(--lime);color:#111;display:grid;place-items:center;font-weight:1000;font-size:28px;box-shadow:6px 6px 0 var(--violet)}.profile-card h1{font-size:25px;margin:4px 0 0}.profile-card p{font-size:11px;color:var(--muted);margin:3px 0}.favorite{height:210px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(120deg,rgba(255,212,90,.13),transparent),var(--surface);display:flex;align-items:center;gap:16px;padding:16px;overflow:hidden}.favorite-art{height:180px;width:125px;flex:none;border-radius:18px;overflow:hidden;border:2px solid var(--gold);transform:rotate(-3deg)}.favorite-art img{width:100%;height:100%;object-fit:cover}.favorite span{font-size:8px;color:var(--gold);font-weight:900;letter-spacing:.12em}.favorite h2{font-size:21px;line-height:.95;margin:8px 0}.favorite small{color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.profile-stats div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.profile-stats b{font-size:20px;display:block}.profile-stats span{font-size:9px;color:var(--muted)}.toast{position:fixed;z-index:40;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--paper);color:#15131f;padding:12px 16px;border-radius:13px;font-weight:850;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:800px){body{padding:24px}.app-shell{max-width:1120px;min-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:32px;background:rgba(11,11,22,.74);padding-left:94px;padding-bottom:0;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.35)}.topbar{padding:20px 28px;height:82px}.bottom-nav{position:absolute;left:0;top:0;bottom:0;transform:none;width:94px;height:auto;grid-template-columns:1fr;grid-template-rows:repeat(5,72px);align-content:center;border-top:0;border-right:1px solid var(--line);padding:12px;background:rgba(15,14,28,.75)}.bottom-nav .battle-nav i{margin:0}.view{padding:30px 54px}.view[data-view-panel="packs"].active{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;column-gap:50px;align-items:center}.view[data-view-panel="packs"]>.eyebrow,.hero-copy,.daily-row{grid-column:1}.pack-stage{grid-column:2;grid-row:1/5;height:600px}.hero-copy h1{font-size:70px}.hero-copy p{font-size:16px}.open-button{grid-column:1;width:360px}.daily-row{width:360px}.pack-stage.revealed{height:600px}.game-card{height:450px}.revealed-card{width:270px}.card-grid{grid-template-columns:repeat(4,1fr)}.battlefield{max-width:650px;margin:auto}.battle-card{height:320px;max-width:230px}.choose-stat{max-width:650px;margin:24px auto}.profile-card,.favorite,.profile-stats,.view[data-view-panel="profile"]>.wide{max-width:720px;margin-left:auto;margin-right:auto}.empty-state{min-height:60dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.booster,.toast{transition:none}}
main:focus{outline:none}
.card-visual{position:absolute;inset:0;overflow:hidden}.card-visual>img{display:block;width:100%;height:100%;object-fit:cover}.generated-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 65% 28%,rgba(255,255,255,.18),transparent 26%),linear-gradient(145deg,#292448,#11101e)}.generated-art:before{content:"";position:absolute;width:190px;height:190px;border:18px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.025);transform:rotate(-12deg)}.generated-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 12px,rgba(255,255,255,.035) 12px 14px)}.generated-art i{font-style:normal;font-size:104px;color:rgba(255,255,255,.9);text-shadow:7px 7px 0 rgba(0,0,0,.25);transform:rotate(-8deg);z-index:1}.generated-art.corridor{background:radial-gradient(circle at 62% 28%,rgba(82,217,255,.7),transparent 34%),linear-gradient(145deg,#1b3c55,#11101e)}.generated-art.cabinet{background:radial-gradient(circle at 62% 28%,rgba(139,92,255,.72),transparent 34%),linear-gradient(145deg,#392355,#11101e)}.game-card.common{border-color:#c6c1d0;box-shadow:0 0 0 5px #373343,0 24px 60px rgba(0,0,0,.5)}.game-card.rare{border-color:var(--blue);box-shadow:0 0 0 5px #183b4b,0 24px 60px rgba(0,0,0,.5),0 0 35px rgba(82,217,255,.16)}.game-card.common .rarity-tag{background:#d4cfdb;box-shadow:3px 3px 0 #6d6878}.game-card.rare .rarity-tag{background:var(--blue);box-shadow:3px 3px 0 #325477}.card-swap .game-card{animation:swap-card .42s cubic-bezier(.2,.8,.2,1)}@keyframes swap-card{from{opacity:0;transform:translateX(38px) rotate(4deg) scale(.92)}to{opacity:1;transform:rotate(-1deg)}}.mini-card>.generated-art{position:absolute}.mini-card>span{position:absolute;left:0;right:0;bottom:0;padding:34px 11px 11px;text-align:left;background:linear-gradient(transparent,rgba(8,8,15,.95));z-index:2}
.game-card.uncommon{border-color:var(--violet);box-shadow:0 0 0 5px #342454,0 24px 60px rgba(0,0,0,.5),0 0 35px rgba(139,92,255,.18)}.game-card.uncommon .rarity-tag{background:var(--violet);color:white;box-shadow:3px 3px 0 #4c3774}.deck-builder{margin:0 0 18px;padding:15px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(139,92,255,.13),transparent),var(--surface)}.deck-builder-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.deck-builder-head strong{display:block;margin-top:3px;font-size:18px}.deck-builder-head>b{color:var(--lime);font-size:19px}.deck-builder>small{display:block;margin-top:10px;color:var(--muted);font-size:9px}.deck-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.deck-slot{aspect-ratio:2/3;border:1px dashed rgba(255,255,255,.22);border-radius:11px;background:#11101d;color:var(--muted);display:grid;place-items:center;position:relative;overflow:hidden;padding:0}.deck-slot.filled{border-style:solid;border-color:rgba(199,255,61,.45);cursor:pointer}.deck-slot img{width:100%;height:100%;object-fit:cover}.deck-slot b{position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:6px;background:var(--lime);color:#111;display:grid;place-items:center;font-size:8px}.modal-backdrop{position:fixed;z-index:50;inset:0;background:rgba(5,5,12,.86);backdrop-filter:blur(16px);display:grid;place-items:center;padding:18px;overflow:auto}.card-detail{position:relative;width:min(100%,760px);max-height:calc(100dvh - 36px);overflow:auto;background:linear-gradient(145deg,rgba(139,92,255,.12),transparent 32%),#131222;border:1px solid var(--line);border-radius:28px;padding:18px;display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:24px;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-close{position:absolute;z-index:2;right:13px;top:13px;width:38px;height:38px;border-radius:13px;border:1px solid var(--line);background:rgba(10,9,18,.8);color:white;font-size:24px;cursor:pointer}.detail-art{aspect-ratio:2/3;border:2px solid var(--gold);border-radius:21px;overflow:hidden;box-shadow:6px 6px 0 rgba(139,92,255,.5)}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-copy{align-self:center;padding-right:10px}.detail-copy h2{font-size:34px;line-height:.94;letter-spacing:-.045em;margin:8px 0 14px}.detail-copy p{color:var(--muted);font-size:13px;line-height:1.5}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.detail-stats div{display:flex;justify-content:space-between;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.detail-stats span{font-size:9px;color:var(--muted)}.detail-stats b{font-size:12px}.detail-copy .wide{margin-top:0}.detail-copy .wide:disabled{filter:saturate(.1);opacity:.5}.battle-message{text-align:center;min-height:36px;color:var(--paper);font-size:13px;font-weight:800;margin:5px auto 12px;max-width:420px}.battle-card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center}.battle-card.empty>span{font-size:52px;color:var(--violet)}.battle-card.empty>small{font-size:7px;letter-spacing:.12em}.battle-card.revealed img,.battle-card.player img{width:100%;height:100%;object-fit:cover}.battle-card.revealed strong,.battle-card.player strong{position:absolute;bottom:0;left:0;right:0;padding:32px 10px 10px;background:linear-gradient(transparent,#080812);font-size:11px}.battle-card.winner{border-color:var(--lime);box-shadow:0 0 28px rgba(199,255,61,.25)}.battle-card.loser{filter:saturate(.5) brightness(.7)}.battle-hand{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px auto 0;max-width:540px}.battle-hand button{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;padding:0;border:1px solid var(--line);background:var(--surface);color:white;cursor:pointer;transition:.18s}.battle-hand button:hover:not(:disabled),.battle-hand button.selected{transform:translateY(-6px);border-color:var(--lime)}.battle-hand button.used{filter:grayscale(1);opacity:.28}.battle-hand img{width:100%;height:100%;object-fit:cover}.battle-hand span{position:absolute;left:0;right:0;bottom:0;padding:18px 4px 5px;background:linear-gradient(transparent,#080812);font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-buttons button:disabled{opacity:.45;cursor:not-allowed}.stat-buttons button.selected{background:rgba(199,255,61,.12)}.battle-next{width:100%;height:50px;margin-top:10px}.battle-next[hidden]{display:none}
@media(max-width:599px){.card-detail{grid-template-columns:1fr;width:min(100%,360px);padding:14px}.detail-art{width:190px;margin:auto}.detail-copy{padding:0}.detail-copy h2{font-size:27px}.detail-copy p{font-size:12px}.battle-card{height:215px}.battle-hand{gap:5px}.battle-hand button{border-radius:9px}.deck-builder{padding:13px}}
.modal-backdrop[hidden]{display:none}
.wallet b{font:inherit}.quests-panel{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(82,217,255,.08),transparent 45%),var(--surface)}.quests-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.quests-head h2{font-size:20px;margin:3px 0 0}.quests-head>span{font-size:12px;font-weight:900;color:var(--lime)}.quest-list{display:grid;gap:8px}.quest{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.quest-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#24213a;color:var(--muted);font-weight:1000}.quest>div:nth-child(2) strong{display:block;font-size:11px}.quest>div:nth-child(2)>span{font-size:8px;color:var(--muted)}.quest i{height:4px;border-radius:8px;background:#0d0c18;display:block;margin-top:5px;overflow:hidden}.quest i b{height:100%;display:block;background:linear-gradient(90deg,var(--violet),var(--lime));border-radius:inherit}.quest button{border:1px solid var(--line);border-radius:10px;padding:8px;background:#26233b;color:var(--paper);font-size:8px;font-weight:900;white-space:nowrap}.quest.complete:not(.claimed){border-color:rgba(199,255,61,.42)}.quest.complete:not(.claimed) .quest-icon{background:var(--lime);color:#111}.quest.complete:not(.claimed) button{background:var(--lime);color:#111;cursor:pointer}.quest.claimed{opacity:.55}.quest button:disabled{cursor:default}
@media(min-width:800px){.view[data-view-panel="packs"] .quests-panel{grid-column:1;width:430px;margin-top:22px}.view[data-view-panel="packs"].active{grid-template-rows:auto auto auto auto 1fr}.pack-stage{grid-row:1/6}}
.reveal-burst{position:absolute;width:330px;height:330px;border-radius:50%;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 8deg,rgba(199,255,61,.28) 0 3deg,transparent 3deg 13deg);filter:blur(.3px)}.pack-stage.revealed .reveal-burst{animation:burst-in .7s ease-out}.pack-stage[data-rarity="rare"] .reveal-burst{background:repeating-conic-gradient(from 8deg,rgba(82,217,255,.35) 0 4deg,transparent 4deg 13deg)}.pack-stage[data-rarity="anomaly"] .reveal-burst{background:repeating-conic-gradient(from 8deg,rgba(255,212,90,.5) 0 5deg,transparent 5deg 12deg)}@keyframes burst-in{0%{opacity:0;transform:scale(.4) rotate(-20deg)}35%{opacity:1}100%{opacity:0;transform:scale(1.35) rotate(15deg)}}
.pack-summary{width:min(100%,350px);padding:22px;border:1px solid rgba(199,255,61,.35);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(139,92,255,.28),transparent 45%),#151426;box-shadow:0 28px 80px rgba(0,0,0,.55);text-align:center;animation:card-reveal .5s ease}.pack-summary[hidden],.revealed-card[hidden]{display:none!important}.pack-summary h2{font-size:31px;margin:5px 0 18px}.pack-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.summary-card{aspect-ratio:2/3;border-radius:10px;overflow:hidden;position:relative;border:2px solid #777;background:#222}.summary-card.uncommon{border-color:var(--violet)}.summary-card.rare{border-color:var(--blue)}.summary-card.anomaly{border-color:var(--gold);box-shadow:0 0 16px rgba(255,212,90,.25)}.summary-card img{width:100%;height:100%;object-fit:cover}.summary-card span{position:absolute;left:3px;right:3px;bottom:3px;padding:4px 2px;border-radius:5px;background:rgba(9,8,17,.84);font-size:6px;font-weight:1000;color:var(--lime)}.pack-summary-reward{display:flex;justify-content:space-between;align-items:center;margin:17px 0;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);text-align:left}.pack-summary-reward b{color:var(--lime);font-size:13px}.pack-summary-reward span{font-size:8px;color:var(--muted);max-width:150px;text-align:right}.pack-summary .primary{height:52px}
.mini-card>em{position:absolute;z-index:3;top:8px;right:8px;padding:5px 7px;border-radius:8px;background:rgba(9,8,17,.82);color:var(--paper);font-style:normal;font-size:7px;font-weight:1000;border:1px solid var(--line)}.mini-card.level-2{border-color:var(--blue);box-shadow:0 0 22px rgba(82,217,255,.12)}.mini-card.level-3{border-color:var(--gold);box-shadow:0 0 28px rgba(255,212,90,.2)}.mini-card.level-3>em{background:var(--gold);color:#1b160a}
.detail-stats small{font-size:7px;color:var(--lime);margin-left:3px}.upgrade-box{margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.upgrade-box>div:first-child{display:flex;justify-content:space-between;align-items:center}.upgrade-box span{font-size:8px;font-weight:1000;color:var(--blue);letter-spacing:.1em}.upgrade-box b{font-size:9px;color:var(--muted)}.upgrade-pips{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.upgrade-pips i{height:5px;border-radius:5px;background:#28263b}.upgrade-pips i.active{background:linear-gradient(90deg,var(--blue),var(--lime));box-shadow:0 0 8px rgba(199,255,61,.25)}.upgrade-box button{margin:3px 0 0;padding:11px;font-size:10px}.upgrade-box button:disabled{opacity:.42;cursor:default}
.battle-result{max-width:430px;margin:0 auto 13px;padding:11px 13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(100deg,rgba(139,92,255,.15),transparent),var(--surface);display:flex;justify-content:space-between;align-items:center}.battle-result[hidden]{display:none}.battle-result.victory{border-color:rgba(199,255,61,.4);background:linear-gradient(100deg,rgba(199,255,61,.13),transparent),var(--surface)}.battle-result span,.battle-result strong{display:block}.battle-result span{font-size:8px;font-weight:1000;color:var(--lime);letter-spacing:.12em}.battle-result strong{font-size:12px;margin-top:2px}.battle-result button{border:0;border-radius:11px;padding:10px 11px;background:var(--paper);color:#17151f;font-weight:900;font-size:9px;cursor:pointer}
.rank-card,.achievements{max-width:720px;margin:0 auto 16px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,rgba(82,217,255,.1),transparent 45%),var(--surface)}.rank-head,.section-mini-head{display:flex;justify-content:space-between;align-items:end}.rank-head h2{font-size:25px;margin:4px 0 0}.rank-head strong{color:var(--lime);font-size:13px}.rank-progress{margin:13px 0 7px}.rank-card>small{font-size:8px;color:var(--muted)}.section-mini-head>b{font-size:10px;color:var(--lime)}.achievements>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.achievement{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:14px;opacity:.45}.achievement.done{opacity:1;border-color:rgba(199,255,61,.3)}.achievement i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#28253d;font-style:normal;font-weight:1000}.achievement.done i{background:var(--lime);color:#111}.achievement b,.achievement span{display:block}.achievement b{font-size:9px}.achievement span{font-size:7px;color:var(--muted);margin-top:2px}
@media(max-width:599px){.pack-summary{padding:18px}.achievements>div:last-child{grid-template-columns:1fr}.rank-card,.achievements{padding:14px}}
.quest-group{margin:10px 2px 1px;color:var(--muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.quest-group:first-child{margin-top:0}.quest.locked{opacity:.42;filter:saturate(.25)}.quest.locked .quest-icon{background:#11101d}.shop-panel{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,212,90,.08),transparent 48%),var(--surface)}.pack-shop{display:grid;gap:8px}.shop-pack{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);color:var(--paper);text-align:left;cursor:pointer}.shop-pack>i{width:40px;height:48px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),#282145);font-style:normal;font-size:20px;box-shadow:3px 3px 0 rgba(0,0,0,.3)}.shop-pack span b,.shop-pack span small{display:block}.shop-pack span b{font-size:11px}.shop-pack span small{font-size:7px;color:var(--muted);margin-top:3px}.shop-pack>strong{font-size:9px;color:var(--gold)}.shop-pack.active{border-color:var(--lime);background:rgba(199,255,61,.08)}.shop-pack.active>i{background:var(--lime);color:#111}.shop-pack.locked{opacity:.42}.booster[data-pack="canteen"]{background:linear-gradient(145deg,#6d2032,#ff694c 55%,#ffbe52)}.booster[data-pack="corridor"]{background:linear-gradient(145deg,#102943,#27a5d5 58%,#52d9ff)}.booster[data-pack="cabinet"]{background:linear-gradient(145deg,#21163f,#7448ca 58%,#bb8cff)}.booster[data-pack="anomaly"]{background:linear-gradient(145deg,#211434,#803eff 40%,#ff5d8b 72%,#ffd45a);box-shadow:0 24px 65px rgba(139,92,255,.42)}
.opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px auto 7px;max-width:600px}.opponent{min-width:0;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--surface);color:var(--paper);display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}.opponent>i{font-style:normal;width:31px;height:31px;border-radius:10px;background:#26233c;display:grid;place-items:center;flex:none}.opponent span{min-width:0}.opponent b,.opponent small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opponent b{font-size:8px}.opponent small{font-size:6px;color:var(--muted);margin-top:2px}.opponent.active{border-color:var(--lime);background:rgba(199,255,61,.08)}.opponent.active>i{background:var(--lime);color:#111}.opponent.locked{opacity:.38}
.next-season-hero{padding:18px 0 20px}.next-season-hero h1{font-size:clamp(42px,12vw,68px);line-height:.88;letter-spacing:-.06em;margin:7px 0 13px}.next-season-hero h1 em{font-style:normal;color:var(--lime)}.next-season-hero p{color:var(--muted);max-width:360px;line-height:1.45}.vote-grid{display:grid;gap:11px}.vote-card{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:116px;border:1px solid var(--line);border-radius:22px;padding:15px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;background:linear-gradient(120deg,rgba(139,92,255,.15),transparent),var(--surface);color:var(--paper);text-align:left;cursor:pointer}.vote-card>i{width:56px;height:70px;border-radius:16px;display:grid;place-items:center;background:#27243d;font-size:29px;font-style:normal}.vote-card span b,.vote-card span small{display:block}.vote-card span b{font-size:16px}.vote-card span small{font-size:9px;color:var(--muted);line-height:1.35;margin-top:4px;max-width:300px}.vote-card>strong{font-size:8px;color:var(--lime);white-space:nowrap}.vote-card>em{position:absolute;z-index:-1;left:0;bottom:0;top:0;background:linear-gradient(90deg,rgba(199,255,61,.12),transparent);transition:.7s ease}.vote-card.selected{border-color:var(--lime)}.vote-card.coral>i{background:rgba(255,93,93,.16)}.vote-card.lime>i{background:rgba(199,255,61,.13)}.vote-card.blue>i{background:rgba(82,217,255,.14)}.vote-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:12px 2px}.vote-footer b{color:var(--paper)}.season-teaser{margin-top:24px;padding:20px;border:1px solid rgba(139,92,255,.4);border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(139,92,255,.2),transparent 55%),var(--surface)}.season-teaser span,.season-teaser strong,.season-teaser small{display:block}.season-teaser span{font-size:8px;letter-spacing:.16em;color:var(--violet);font-weight:1000}.season-teaser strong{font-size:22px;margin:7px 0}.season-teaser small{font-size:8px;color:var(--muted);line-height:1.4}
@media(min-width:800px){.view[data-view-panel="packs"] .shop-panel{grid-column:1;width:430px;margin-top:14px}.view[data-view-panel="packs"].active{grid-template-rows:auto auto auto auto auto 1fr}.pack-stage{grid-row:1/7}.pack-shop{grid-template-columns:1fr 1fr}.shop-pack{grid-template-columns:36px 1fr}.shop-pack>i{width:34px;height:42px}.shop-pack>strong{grid-column:2}.vote-grid{grid-template-columns:repeat(3,1fr)}.vote-card{grid-template-columns:1fr;text-align:center}.vote-card>i{margin:auto}.vote-card span small{margin:5px auto}.vote-card>strong{margin-top:6px}}
.bottom-nav{grid-template-columns:repeat(6,1fr)}.bottom-nav button{font-size:8px}.bottom-nav i{font-size:18px}.pack-summary{position:relative;z-index:8}.pack-summary .primary{position:relative;z-index:10;pointer-events:auto;touch-action:manipulation}.pack-stage.summary-mode{height:470px}.pack-stage.summary-mode .halo{opacity:.25}
.rarity-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0 2px}.rarity-legend span{padding:7px 3px;border:1px solid var(--line);border-radius:9px;text-align:center;font-size:6px;font-weight:1000;white-space:nowrap}.rarity-legend .common{color:#c8c5d0}.rarity-legend .uncommon{color:var(--blue);border-color:rgba(82,217,255,.28)}.rarity-legend .rare{color:#b795ff;border-color:rgba(139,92,255,.38)}.rarity-legend .anomaly{color:var(--gold);border-color:rgba(255,212,90,.42);background:linear-gradient(100deg,rgba(255,212,90,.08),rgba(255,93,93,.06))}
.game-card.common{border-color:#c8c5d0;box-shadow:0 0 0 5px #3b3845,0 24px 60px rgba(0,0,0,.5)}.game-card.common .rarity-tag{background:#d7d4de;color:#23212a;box-shadow:3px 3px 0 #6c6875}.game-card.uncommon{border-color:var(--blue);box-shadow:0 0 0 5px #173b4a,0 24px 60px rgba(0,0,0,.5),0 0 32px rgba(82,217,255,.18)}.game-card.uncommon .rarity-tag{background:var(--blue);color:#10202a;box-shadow:3px 3px 0 #2c6072}.game-card.rare{border-color:#ad88ff;box-shadow:0 0 0 5px #3e2864,0 24px 60px rgba(0,0,0,.5),0 0 38px rgba(139,92,255,.25)}.game-card.rare .rarity-tag{background:#ad88ff;color:#1f1533;box-shadow:3px 3px 0 #593e89}.game-card.anomaly{border-color:var(--gold);box-shadow:0 0 0 5px #5c351f,0 24px 60px rgba(0,0,0,.55),0 0 46px rgba(255,212,90,.32)}.game-card.anomaly .rarity-tag{background:linear-gradient(100deg,var(--gold),#ff8eb4);color:#25170c;box-shadow:3px 3px 0 #9b4b38}.game-card.anomaly:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.28),rgba(255,212,90,.16),transparent 68%);mix-blend-mode:screen;animation:foil 2.6s ease-in-out infinite;pointer-events:none}
.mini-card.rarity-common{border-color:rgba(215,212,222,.42)}.mini-card.rarity-uncommon{border-color:rgba(82,217,255,.72);box-shadow:0 0 18px rgba(82,217,255,.1)}.mini-card.rarity-rare{border-color:rgba(173,136,255,.82);box-shadow:0 0 22px rgba(139,92,255,.16)}.mini-card.rarity-anomaly{border-color:rgba(255,212,90,.92);box-shadow:0 0 25px rgba(255,212,90,.2)}.mini-card .rarity-mark{position:absolute;z-index:3;left:8px;top:8px;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;text-decoration:none;background:rgba(8,7,17,.84);font-size:11px}.mini-card.rarity-common .rarity-mark{color:#ddd}.mini-card.rarity-uncommon .rarity-mark{color:var(--blue)}.mini-card.rarity-rare .rarity-mark{color:#b795ff}.mini-card.rarity-anomaly .rarity-mark{color:var(--gold)}.mini-card.trained>em{background:var(--lime);color:#111}
.upgrade-box>small{display:block;color:var(--muted);font-size:8px;line-height:1.4;margin:8px 0 10px}.upgrade-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.upgrade-options button{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:#211f35;color:var(--paper);cursor:pointer}.upgrade-options button>span{text-align:left}.upgrade-options button b{display:block;color:var(--paper);font-size:8px}.upgrade-options button i{display:flex;gap:3px;margin-top:5px}.upgrade-options button u{width:13px;height:4px;border-radius:4px;background:#3b3850;text-decoration:none}.upgrade-options button u.active{background:var(--lime)}.upgrade-options button strong{font-size:7px;color:var(--gold)}.upgrade-options button:disabled{opacity:.4;cursor:default}
.shop-wallet{padding:10px 12px;border-radius:13px;background:var(--surface);border:1px solid var(--line);color:var(--gold);font-weight:1000}.collection-cover{height:440px;border:1px solid rgba(255,212,90,.35);border-radius:28px;overflow:hidden;position:relative;background:var(--surface);box-shadow:0 28px 70px rgba(0,0,0,.35)}.collection-cover img{width:100%;height:100%;object-fit:cover}.collection-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(7,7,15,.2) 52%,rgba(7,7,15,.98) 88%)}.collection-cover>div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.collection-cover span{font-size:8px;font-weight:1000;letter-spacing:.15em;color:var(--gold)}.collection-cover h2{font-size:38px;line-height:.86;text-transform:uppercase;margin:8px 0}.collection-cover p{max-width:340px;color:var(--muted);font-size:10px;line-height:1.4}.shop-economy-note{display:flex;align-items:center;gap:13px;margin:12px 0;padding:13px;border:1px solid rgba(199,255,61,.28);border-radius:16px;background:rgba(199,255,61,.06)}.shop-economy-note b{color:var(--lime);font-size:10px}.shop-economy-note span{color:var(--muted);font-size:8px;line-height:1.35}.view[data-view-panel="shop"] .pack-shop{margin-top:12px}.shop-open-selected{height:54px;margin-top:12px}
.vote-card{display:block;height:340px;padding:0}.vote-card>img{width:100%;height:100%;object-fit:cover}.vote-card:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(transparent 38%,rgba(8,7,17,.2) 55%,rgba(8,7,17,.97) 92%)}.vote-card>span{position:absolute;z-index:2;left:15px;right:15px;bottom:42px}.vote-card>strong{position:absolute;z-index:3;right:14px;bottom:13px}.vote-card>em{z-index:1;top:auto;height:7px}.vote-card span b{font-size:18px}.vote-card span small{font-size:8px}.vote-card:disabled{cursor:default}
@media(min-width:800px){.bottom-nav{grid-template-columns:1fr;grid-template-rows:repeat(6,68px)}.view[data-view-panel="packs"].active{grid-template-rows:auto auto auto auto 1fr}.pack-stage{grid-row:1/6}.view[data-view-panel="shop"]{max-width:900px;margin:auto}.collection-cover{height:520px}.view[data-view-panel="shop"] .pack-shop{grid-template-columns:1fr 1fr}.vote-card{height:410px;text-align:left}.vote-card>span{margin:0}.vote-card span small{margin:5px 0}}
@media(max-width:420px){.bottom-nav span{font-size:7px}.bottom-nav{padding-left:3px;padding-right:3px}.rarity-legend span{font-size:5px}.collection-cover{height:400px}.vote-card{height:310px}}
.game-card.common .foil,.game-card.uncommon .foil{display:none}.game-card.rare .foil{opacity:.5;filter:hue-rotate(35deg)}.detail-art.rarity-common{border-color:#c8c5d0}.detail-art.rarity-uncommon{border-color:var(--blue);box-shadow:6px 6px 0 rgba(82,217,255,.35)}.detail-art.rarity-rare{border-color:#ad88ff;box-shadow:6px 6px 0 rgba(139,92,255,.48)}.detail-art.rarity-anomaly{border-color:var(--gold);box-shadow:6px 6px 0 rgba(255,93,93,.42),0 0 28px rgba(255,212,90,.18)}
.booster{overflow:visible;isolation:isolate;border:0;background:#7a5b1d;box-shadow:0 30px 65px rgba(0,0,0,.52);border-radius:9px;transform:rotate(1.5deg)}.booster:before,.booster:after{content:"";position:absolute;z-index:7;left:-3px;right:-3px;height:30px;background:repeating-linear-gradient(90deg,#7c7f82 0 3px,#d9dcda 3px 6px,#9a9c9e 6px 9px,#f1f0e9 9px 12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 4px rgba(0,0,0,.35)}.booster:before{top:-4px;border-radius:8px 8px 2px 2px}.booster:after{bottom:-4px;border-radius:2px 2px 8px 8px}.booster-cover{position:absolute;z-index:0;inset:20px 5px;width:calc(100% - 10px);height:calc(100% - 40px);object-fit:cover;border-radius:4px;filter:saturate(1.08) contrast(1.04)}.booster-glaze{position:absolute;z-index:1;inset:18px 4px;background:linear-gradient(110deg,rgba(255,255,255,.48),transparent 18%,transparent 52%,rgba(255,255,255,.2) 62%,transparent 72%),linear-gradient(transparent 45%,rgba(13,9,20,.72));mix-blend-mode:screen;border-radius:5px;pointer-events:none}.booster-rip{z-index:9;top:-4px;left:-3px;right:-3px;height:34px;border-radius:8px 8px 2px 2px;color:#262327;background:repeating-linear-gradient(90deg,#8b8d8f 0 3px,#e8e7df 3px 6px,#a5a7a7 6px 9px,#f5f2e9 9px 12px);border-bottom:1px dashed rgba(20,20,25,.55);text-shadow:0 1px rgba(255,255,255,.5)}.booster-season,.booster-symbol,.booster strong,.booster-count{z-index:3;text-shadow:0 2px 8px rgba(0,0,0,.95)}.booster-season{top:47px;color:#fff}.booster-symbol{font-size:46px;margin-top:63px;opacity:.9}.booster strong{font-size:23px;margin-top:45px}.booster-count{bottom:16px;text-shadow:none}.pack-card-peek{position:absolute;z-index:-1;left:27px;right:27px;top:20px;height:246px;border:4px solid var(--gold);border-radius:17px;background:radial-gradient(circle at 50% 35%,rgba(139,92,255,.62),transparent 35%),repeating-linear-gradient(-45deg,#201c3f 0 8px,#16142c 8px 16px);box-shadow:0 18px 42px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}.pack-card-peek b{width:64px;height:64px;border-radius:20px 10px 20px 10px;display:grid;place-items:center;background:var(--lime);color:#111;font-size:34px;box-shadow:6px 6px 0 var(--violet)}.pack-card-peek small{font-size:7px;letter-spacing:.14em;margin-top:18px;color:var(--paper)}.booster.opening{opacity:1;filter:none;transform:rotate(1.5deg);animation:foil-pack-open 1s cubic-bezier(.2,.75,.25,1) forwards}.booster.opening .booster-rip{animation:tear-strip .62s cubic-bezier(.15,.75,.3,1) forwards}.booster.opening .pack-card-peek{animation:peek-card .9s .18s cubic-bezier(.15,.8,.2,1) forwards}@keyframes tear-strip{0%,18%{transform:none}35%{transform:translateX(8px) rotate(2deg)}100%{transform:translate(245px,-28px) rotate(24deg);opacity:0}}@keyframes peek-card{0%{opacity:0;transform:translateY(0) scale(.92)}30%{opacity:1}75%{opacity:1;transform:translateY(-142px) rotate(-3deg) scale(1)}100%{opacity:0;transform:translateY(-180px) rotate(-5deg) scale(1.03)}}@keyframes foil-pack-open{0%,16%{transform:rotate(1.5deg)}24%{transform:translateX(-5px) rotate(-2deg)}32%{transform:translateX(5px) rotate(2deg)}44%{transform:translateX(-3px) rotate(-1deg)}68%{transform:translateY(18px) scale(.98);opacity:1}100%{transform:translateY(55px) scale(.88);opacity:0}}.daily-row{align-items:flex-start}.daily-row>span{max-width:145px;line-height:1.25}.days i.done.today{background:var(--lime);color:#111;border-color:var(--lime);box-shadow:0 0 14px rgba(199,255,61,.3)}
@media(prefers-reduced-motion:reduce){.booster.opening,.booster.opening .booster-rip,.booster.opening .pack-card-peek{animation-duration:.01ms!important}}
.series-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.series-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:13px;padding:10px 7px;white-space:nowrap;font-weight:850;font-size:9px;cursor:pointer}.series-tabs button.active{border-color:var(--lime);background:rgba(199,255,61,.1);color:var(--lime)}#atlas-filters{padding-top:10px}.shop-pack[data-pack-id="route404"]>i,.shop-pack[data-pack-id="night-route"]>i{font-size:11px;background:linear-gradient(145deg,#07546c,#8b5cff)}.shop-pack[data-pack-id="route404"].active>i,.shop-pack[data-pack-id="night-route"].active>i{background:var(--lime)}
.daily-copy{display:grid;gap:5px;justify-items:start}.daily-copy span{max-width:150px;line-height:1.25}.daily-copy button{border:1px solid var(--lime);border-radius:9px;padding:6px 9px;background:rgba(199,255,61,.1);color:var(--lime);font:inherit;font-size:8px;font-weight:900;cursor:pointer}.daily-copy button:disabled{border-color:var(--line);background:var(--surface);color:var(--muted);cursor:default}.days i{font-weight:900}.days i:last-child{color:var(--gold);border-color:rgba(255,212,90,.42)}
.opening-collection-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 3px}.opening-collection-picker button{min-width:0;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--paper);text-align:left;cursor:pointer}.opening-collection-picker button.active{border-color:var(--lime);background:rgba(199,255,61,.09);box-shadow:0 0 20px rgba(199,255,61,.06)}.opening-collection-picker img{width:38px;height:48px;border-radius:9px;object-fit:cover}.opening-collection-picker span{min-width:0}.opening-collection-picker b,.opening-collection-picker small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opening-collection-picker b{font-size:8px}.opening-collection-picker small{margin-top:3px;color:var(--muted);font-size:7px}.opening-collection-picker strong{font-size:10px;color:var(--gold)}.shop-lead{margin:-2px 0 15px;color:var(--muted);font-size:11px;line-height:1.45}.store-collection{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.store-collection.active{border-color:rgba(199,255,61,.45)}.store-collection>img{display:block;width:100%;height:260px;object-fit:cover}.store-collection-copy{padding:15px}.store-collection-copy>span{font-size:7px;font-weight:1000;letter-spacing:.14em;color:var(--gold)}.store-collection-copy h2{margin:5px 0 4px;font-size:22px;line-height:1}.store-collection-copy p{margin:0 0 13px;color:var(--muted);font-size:9px}.store-collection-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.store-collection-copy b{font-size:8px;color:var(--lime)}.store-collection-copy button{border:0;border-radius:11px;padding:10px 11px;background:var(--lime);color:#111;font:inherit;font-size:8px;font-weight:950;cursor:pointer}.store-collection-copy button:disabled{background:#2c2a3c;color:var(--muted);cursor:default}
@media(min-width:800px){.view[data-view-panel="packs"]>.opening-collection-picker{grid-column:1;width:430px}.store-collection>img{height:310px}}
.opening-collection-picker img{object-fit:contain;background:#080812}.store-collection>img{object-fit:contain;background:radial-gradient(circle at 50% 45%,#171d42,#070711 72%);padding:10px}
.tutorial-layer{position:fixed;z-index:70;inset:0;pointer-events:none;transition:background .25s ease}.tutorial-layer[hidden]{display:none}.tutorial-layer.blocking{pointer-events:auto;background:rgba(5,5,12,.78);backdrop-filter:blur(8px)}.tutorial-coach{pointer-events:auto;position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),480px);padding:17px;border:1px solid rgba(199,255,61,.45);border-radius:24px;background:linear-gradient(145deg,rgba(139,92,255,.2),transparent 40%),rgba(18,17,32,.97);box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 30px rgba(199,255,61,.08);animation:tutorial-in .28s cubic-bezier(.2,.8,.2,1)}.tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-head span{color:var(--lime);font-size:8px;font-weight:1000;letter-spacing:.16em}.tutorial-head button{border:0;background:none;color:var(--muted);font:inherit;font-size:8px;font-weight:850;cursor:pointer}.tutorial-coach h2{margin:9px 0 6px;font-size:25px;line-height:.96;letter-spacing:-.035em}.tutorial-coach p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.tutorial-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 12px}.tutorial-progress i{height:4px;border-radius:4px;background:#343147}.tutorial-progress i.done{background:linear-gradient(90deg,var(--violet),var(--lime));box-shadow:0 0 10px rgba(199,255,61,.18)}.tutorial-action{min-height:48px;padding:10px 14px}.tutorial-action[hidden]{display:none}.tutorial-focus{outline:3px solid var(--lime)!important;outline-offset:5px;box-shadow:0 0 0 9px rgba(199,255,61,.1),0 0 34px rgba(199,255,61,.28)!important;animation:tutorial-focus 1.35s ease-in-out infinite}.tutorial-focus.open-button{border-radius:17px}.tutorial-focus.card-detail{outline-offset:-2px}.tutorial-layer.blocking .tutorial-coach{bottom:50%;transform:translate(-50%,50%)}@keyframes tutorial-in{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes tutorial-focus{50%{outline-color:var(--gold);box-shadow:0 0 0 13px rgba(199,255,61,.04),0 0 42px rgba(255,212,90,.32)!important}}
.tutorial-layer[data-stage="battle"] .tutorial-coach,.tutorial-layer[data-stage="stat"] .tutorial-coach{top:12px;bottom:auto}
@media(min-width:800px){.tutorial-coach{bottom:32px}.tutorial-layer.blocking .tutorial-coach{bottom:50%}.tutorial-layer[data-stage="battle"] .tutorial-coach,.tutorial-layer[data-stage="stat"] .tutorial-coach{top:24px;bottom:auto}}
@media(max-height:700px){.tutorial-coach{bottom:12px}.tutorial-layer.blocking .tutorial-coach{bottom:50%}.tutorial-coach h2{font-size:21px}.tutorial-coach p{font-size:10px}.tutorial-progress{margin:10px 0 9px}}
@media(prefers-reduced-motion:reduce){.tutorial-coach,.tutorial-focus{animation:none!important}}
.brand b{font-size:15px;letter-spacing:.1em}.brand-battle{color:var(--lime);text-shadow:0 0 14px rgba(199,255,61,.28)}.brand small{font-size:7px;letter-spacing:.1em}
.account-card{max-width:720px;margin:0 auto 16px;padding:16px;border:1px solid rgba(199,255,61,.28);border-radius:22px;background:linear-gradient(125deg,rgba(199,255,61,.08),transparent 48%),var(--surface);display:flex;align-items:center;justify-content:space-between;gap:18px}.account-card h2{font-size:20px;margin:4px 0}.account-card p{font-size:9px;color:var(--muted);margin:0;line-height:1.4}.account-actions{display:flex;gap:8px;flex:none}.account-actions button{margin:0;padding:11px 13px;font-size:8px}.access-dialog{position:relative;width:min(100%,440px);padding:24px;background:linear-gradient(145deg,rgba(139,92,255,.16),transparent 42%),#131222;border:1px solid rgba(199,255,61,.34);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.65)}.access-dialog h2{font-size:31px;line-height:.95;margin:10px 42px 10px 0}.access-dialog>p{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 17px}.access-dialog label{display:block;margin-bottom:13px}.access-dialog label>span{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.access-dialog input{width:100%;height:52px;border:1px solid var(--line);border-radius:14px;background:#090913;color:var(--paper);padding:0 14px;font:inherit;font-size:16px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;outline:none}.access-dialog input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(199,255,61,.1)}.access-dialog output{display:block;margin:14px 0;padding:17px 10px;border:1px dashed var(--lime);border-radius:15px;background:rgba(199,255,61,.07);color:var(--lime);font-size:19px;font-weight:1000;letter-spacing:.08em;text-align:center}.access-dialog output[hidden]{display:none}.access-dialog .primary,.access-dialog .secondary{min-height:49px}.access-dialog .secondary{margin-top:9px}
@media(max-width:599px){.account-card{align-items:stretch;flex-direction:column}.account-actions{display:grid;grid-template-columns:1fr 1fr}.account-actions button{min-height:43px}}
.booster{width:228px;height:342px;background:transparent;border-radius:12px;box-shadow:0 34px 80px rgba(0,0,0,.58),0 0 38px rgba(82,217,255,.13)}.booster:before,.booster:after{display:none}.booster-cover{inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);object-fit:cover;border-radius:11px;filter:saturate(1.05) contrast(1.04);box-shadow:none}.booster-glaze{inset:3px 8px;background:linear-gradient(112deg,rgba(255,255,255,.2),transparent 18%,transparent 56%,rgba(116,222,255,.17) 64%,transparent 76%);border-radius:8px;mix-blend-mode:screen}.booster-rip{top:13px;left:19px;right:19px;height:34px;border:1px solid rgba(148,222,255,.45);border-radius:3px;color:rgba(255,255,255,.78);background:repeating-linear-gradient(90deg,rgba(36,13,70,.92) 0 4px,rgba(111,55,165,.94) 4px 8px,rgba(44,18,89,.94) 8px 12px);box-shadow:0 2px 6px rgba(0,0,0,.35);text-shadow:0 1px 3px #000}.booster-season{top:64px;font-size:7px;color:rgba(255,255,255,.85)}.booster-symbol{display:none}.booster strong{position:absolute;left:25px;right:25px;bottom:66px;margin:0;padding:11px 6px 7px;border-top:1px solid rgba(255,212,90,.65);border-bottom:1px solid rgba(255,212,90,.65);font-size:20px;line-height:.9;background:rgba(9,8,22,.56);backdrop-filter:blur(4px);text-shadow:0 3px 10px #000}.booster-count{left:29px;right:29px;bottom:27px;padding:7px;font-size:7px;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.35)}.pack-card-peek{left:29px;right:29px;top:30px;height:268px}.booster:hover{transform:rotate(-.5deg) translateY(-7px) scale(1.015);box-shadow:0 40px 90px rgba(0,0,0,.64),0 0 48px rgba(139,92,255,.2)}.booster.opening{transform:rotate(1deg);box-shadow:0 34px 80px rgba(0,0,0,.58),0 0 44px rgba(139,92,255,.22)}