@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#eaf2f2;background:#091419;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#091419;--panel:#101e24;--panel2:#172930;--line:#294047;--muted:#8ea7ab;--text:#eaf2f2;--mint:#70e5c3;--gold:#f2d08c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.game-card:focus-visible{outline:2px solid var(--mint);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.23em;color:#a8c9c3}.eyebrow.gold{color:var(--gold)}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center}.boot-mark{font-size:64px;color:var(--mint)}.boot-screen p{color:var(--muted)}

.layout{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0c1a20;border-right:1px solid #1c343c;display:flex;flex-direction:column;padding:30px 18px 18px;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;color:#f1faf8}.brand-icon{width:41px;height:41px;border:1px solid #76d9bd;border-radius:12px;display:grid;place-items:center;font-size:24px;color:#75e5c2;box-shadow:inset 0 0 22px #2b9f8244}.brand strong{display:block;font-family:Outfit;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.04em}.brand small{display:block;margin-top:4px;color:#76ddc2;font-size:9px;letter-spacing:.36em;font-weight:800}.nav-caption{color:#607e85;font-size:10px;letter-spacing:.23em;font-weight:800;margin:56px 14px 16px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-link{height:50px;display:flex;align-items:center;gap:14px;padding:0 14px;border-radius:12px;color:#9fb6b8;font-weight:700;font-size:14px;position:relative;transition:background .15s,color .15s}.nav-link:hover{background:#173037;color:#e8f7f2}.nav-link.active{background:linear-gradient(100deg,#204239,#183632);color:#8ff0ce}.nav-icon{width:22px;text-align:center;font-size:21px;font-weight:400;color:#9ab8b8}.nav-link.active .nav-icon{color:#79e7c6}.nav-dot{height:6px;width:6px;background:#82e5c5;border-radius:50%;margin-left:auto;box-shadow:0 0 10px #7ef7d7}.sidebar-bottom{margin-top:auto}.sidebar-compass{display:flex;align-items:center;gap:8px;border:1px solid #2c4548;background:#13272c;border-radius:11px;padding:14px 12px;color:var(--gold);font-size:20px}.sidebar-compass span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#b7c9bd}.account-button{margin-top:15px;border:0;width:100%;display:flex;align-items:center;gap:11px;background:transparent;color:var(--text);padding:10px;border-radius:10px;text-align:left}.account-button:hover{background:#1b3035}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#59caa9,#244d54);color:#092022;font-weight:800;font-family:Outfit;font-size:19px;flex:none}.account-name{font-size:13px;font-weight:800;line-height:1.15}.account-name small{display:block;font-size:11px;color:#83a39f;font-weight:500;margin-top:4px}.account-arrow{margin-left:auto;color:#87aca5}.main-column{min-width:0;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 55% -10%,#173e40 0%,transparent 38%),var(--bg)}.topbar{height:76px;border-bottom:1px solid #1a343a;padding:0 40px;display:flex;align-items:center;justify-content:space-between;color:#89a4a7}.topbar-breadcrumb{font-size:11px;letter-spacing:.18em;font-weight:800}.slash{color:#59767a;margin:0 9px}.topbar-right{font-size:10px;letter-spacing:.18em;font-weight:800;display:flex;align-items:center;gap:9px}.online-dot{width:6px;height:6px;border-radius:50%;background:#70e5c3;box-shadow:0 0 9px #70e5c3}.page-content{max-width:1390px;margin:0 auto;padding:36px 54px 90px}

.pack-page{min-height:calc(100vh - 155px);display:grid;grid-template-columns:minmax(310px,1fr) minmax(300px,1fr);grid-template-rows:auto auto;align-items:center;column-gap:28px}.pack-page-intro{align-self:end;padding-bottom:44px;z-index:1}.pack-page-intro h1{font-size:clamp(44px,5vw,78px);font-weight:800;line-height:1.01;letter-spacing:-.06em;margin:20px 0 24px}.pack-page-intro h1 em{font-style:normal;color:var(--mint)}.pack-page-intro p{font-size:16px;line-height:1.7;color:#a2b9bb;max-width:520px}.pack-stage{height:510px;position:relative;display:grid;place-items:center;isolation:isolate}.pack-stage:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#46a58d1d;filter:blur(75px)}.stage-orbit{position:absolute;border:1px solid #72dab41f;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:460px;height:460px}.orbit-two{width:570px;height:280px}.stage-spark{position:absolute;color:#e4d294;opacity:.8}.sp1{left:12%;top:22%;font-size:24px}.sp2{right:13%;top:18%;font-size:14px}.sp3{right:5%;bottom:30%;font-size:23px}.booster{width:252px;height:365px;position:relative;display:flex;align-items:center;flex-direction:column;transform:rotate(6deg);background:radial-gradient(circle at 50% 40%,#246e67 0%,#0b3b43 38%,#092e3b 80%);border:2px solid #d1ae63;border-radius:12px;box-shadow:16px 25px 40px #0009,0 0 0 7px #294e51,0 0 0 8px #b99a5a,0 0 80px #65e9b525;overflow:hidden}.booster:before,.booster:after{content:"";position:absolute;inset:11px;border:1px solid #d9bb7555;pointer-events:none}.booster:after{inset:18px;border-style:dashed;opacity:.32}.booster-edge{height:22px;width:100%;background:repeating-linear-gradient(90deg,#d9ba76 0 10px,#a88e5d 10px 18px);clip-path:polygon(0 0,100% 0,100% 100%,98% 68%,96% 100%,94% 68%,92% 100%,90% 68%,88% 100%,86% 68%,84% 100%,82% 68%,80% 100%,78% 68%,76% 100%,74% 68%,72% 100%,70% 68%,68% 100%,66% 68%,64% 100%,62% 68%,60% 100%,58% 68%,56% 100%,54% 68%,52% 100%,50% 68%,48% 100%,46% 68%,44% 100%,42% 68%,40% 100%,38% 68%,36% 100%,34% 68%,32% 100%,30% 68%,28% 100%,26% 68%,24% 100%,22% 68%,20% 100%,18% 68%,16% 100%,14% 68%,12% 100%,10% 68%,8% 100%,6% 68%,4% 100%,2% 68%,0 100%)}.booster-top{margin-top:30px;font-size:12px;letter-spacing:.28em;color:#efd9a2;font-weight:800}.booster-symbol{font-size:95px;line-height:1;margin-top:30px;color:#f3d898;text-shadow:0 0 29px #e0c17988}.booster-title{font-family:Outfit;font-size:34px;letter-spacing:.14em;font-weight:800;color:#f3e4bd;margin-top:4px;text-shadow:0 3px 10px #000b}.booster-bottom{margin-top:auto;margin-bottom:35px;border-top:1px solid #d7bd8d6b;border-bottom:1px solid #d7bd8d6b;padding:9px 0;font-size:8px;letter-spacing:.17em;color:#dfd0ad}.pack-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:-25px;z-index:1}.primary-button{border:1px solid #8ef1cb;background:linear-gradient(110deg,#82ebc2,#51cba8);color:#0b2b2b;border-radius:11px;padding:14px 22px;min-height:49px;font-weight:800;box-shadow:0 8px 30px #4dd7a637;transition:transform .16s,filter .16s}.primary-button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button span{margin-left:8px}.open-button{font-size:16px;padding:17px 28px}.pack-count{border:1px solid #2c4a4b;border-radius:11px;background:#14282c;min-width:115px;text-align:center;padding:8px 13px}.pack-count strong{display:block;color:#8be9c7;font-size:24px;font-family:Outfit}.pack-count strong span{color:#8ca6a5;font-size:16px}.pack-count small{display:block;color:#8da7a5;font-size:8px;letter-spacing:.12em;font-weight:800}.next-pack{color:#9cb8b4;font-size:13px;margin:0}.pack-rules{grid-column:1/-1;align-self:end;display:flex;align-items:center;gap:16px;background:#13272d;border:1px solid #26434b;border-radius:14px;padding:20px 24px;margin-top:45px;max-width:870px}.rules-icon{color:var(--gold);font-size:28px}.pack-rules strong{font-family:Outfit;font-size:16px}.pack-rules p{margin:3px 0 0;color:#98afb0;font-size:12px;line-height:1.5}.pack-rules button{border:0;background:none;color:#91e1c8;font-weight:700;font-size:12px;white-space:nowrap;margin-left:auto}

.listing-page,.profile-page{max-width:1250px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:22px 0 32px}.page-heading h1{font-size:clamp(41px,4vw,61px);letter-spacing:-.055em;margin:9px 0 8px;line-height:1.05}.heading-dot{color:var(--mint)}.page-heading p{color:#9ab2b5;margin:0}.heading-stat{text-align:right;flex:none}.heading-stat strong{font:800 34px Outfit;color:#e6f5f1}.heading-stat strong span{font-size:17px;color:#779496}.heading-stat small{display:block;font-size:10px;letter-spacing:.15em;color:#86a39f;margin-top:3px;font-weight:800}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:#12252a;border:1px solid #244047;border-radius:13px}.search-wrap{position:relative;flex:1 1 240px}.search-wrap span{position:absolute;left:14px;top:5px;font-size:29px;color:#71928f}.filter-bar input,.filter-bar select{height:42px;background:#0b1b21;border:1px solid #2c4448;border-radius:8px;color:#dceae7;padding:0 12px;font-size:13px;min-width:145px}.filter-bar input{width:100%;padding-left:43px}.filter-bar input::placeholder{color:#779395}.filter-bar select{max-width:190px}.favorite-filter{border:1px solid #365058;background:#152b31;color:#b9cfc9;border-radius:8px;padding:0 15px;font-size:13px;font-weight:700}.favorite-filter.selected{color:#ffd67e;border-color:#a98a54}.listing-info{font-size:12px;color:#8ea8a8;margin:23px 0 13px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:19px}.game-card{border:1px solid #2c484b;background:#14282c;border-radius:15px;overflow:hidden;min-width:0;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.game-card:hover{transform:translateY(-5px);border-color:#7ce6c4;box-shadow:0 12px 30px #0005}.card-image{height:205px;position:relative;overflow:hidden;background:linear-gradient(145deg,#1c4848,#0e2a33);display:flex;align-items:center;justify-content:center}.game-card.common .card-image{background:linear-gradient(145deg,#33505a,#173037)}.game-card.uncommon .card-image{background:linear-gradient(145deg,#276251,#133e3c)}.game-card.rare .card-image{background:linear-gradient(145deg,#2d6182,#183b5a)}.game-card.super .card-image{background:linear-gradient(145deg,#695092,#2d2b5a)}.game-card.ultra .card-image{background:linear-gradient(145deg,#88603d,#55392e)}.game-card.legendary .card-image{background:linear-gradient(145deg,#bd8751,#443023)}.image-glow{position:absolute;width:160px;height:160px;border-radius:50%;top:13px;background:#c9f9d13b;filter:blur(40px)}.card-initials{font:800 60px Outfit;color:#ffffff20;letter-spacing:-.1em}.card-image img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 15px #0008)}.rarity-badge{position:absolute;left:12px;top:12px;border:1px solid #ffffff66;border-radius:6px;background:#0d2020b9;backdrop-filter:blur(7px);padding:4px 7px;color:white;font:800 10px Outfit;letter-spacing:.08em}.card-favorite{position:absolute;top:10px;right:10px;border:1px solid #ffffff6b;background:#0715148f;color:#fff;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1}.card-favorite.is-favorite{color:#ffd479}.owned-badge{position:absolute;right:10px;bottom:10px;background:#081c1acb;border-radius:6px;padding:5px 7px;font-size:10px;color:#e3ffed;font-weight:800;letter-spacing:.05em}.card-body{padding:15px}.card-faction{color:#87b7aa;font-size:9px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body h3{font-size:17px;margin:7px 0 2px;line-height:1.18;min-height:41px}.card-body p{font-size:11px;color:#94aeb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px}.card-stats{border-top:1px solid #345058;padding-top:11px;display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:800}.card-stats span:first-child i{color:#efad9b}.card-stats span:last-child i{color:#89c4e8}.card-stats i{font-style:normal;margin-right:3px}.empty-state{text-align:center;border:1px dashed #36545b;background:#10242a;border-radius:14px;margin-top:20px;padding:72px 20px}.empty-state>span{font-size:45px;color:var(--gold)}.empty-state h2{font-size:24px;margin:8px 0}.empty-state p{color:#99afb0}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;background:#1b363c;border:1px solid #3c6667;color:#caeee1;border-radius:9px;font-size:13px;font-weight:800}.secondary-button:hover{background:#234c50}.empty-state.slim{padding:45px 20px}.leaderboard-panel{border:1px solid #29434b;border-radius:14px;overflow:hidden;background:#12252b}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:90px minmax(150px,1fr) 140px 100px;align-items:center;gap:15px;padding:0 25px}.leaderboard-head{height:49px;background:#193139;color:#829f9f;font-size:10px;font-weight:800;letter-spacing:.13em}.leaderboard-row{min-height:70px;border-top:1px solid #294148;color:#bcd1ce}.leaderboard-row.me{background:#1b3d3d}.leaderboard-row strong{color:#e4f6ef}.rank{font:800 18px Outfit;color:#839e9d}.rank.top-rank{color:var(--gold)}.leader-name{display:flex;align-items:center;gap:12px}.avatar.small{width:35px;height:35px;font-size:16px}.leader-name em{font-size:9px;color:#7de3bf;font-style:normal;border:1px solid #54ba94;border-radius:4px;padding:2px 5px}

.profile-banner{height:220px;background:radial-gradient(circle at 83% -40%,#4d9681 0%,transparent 45%),linear-gradient(130deg,#1b4a4a,#0d2d3b 70%);border:1px solid #35625d;border-radius:16px;padding:28px 34px;overflow:hidden;position:relative}.profile-banner-ornament{position:absolute;right:9%;top:-130px;font-size:380px;color:#a5e7c81a}.profile-identity{display:flex;align-items:center;gap:18px;margin-top:35px;position:relative}.avatar.huge{width:74px;height:74px;border-radius:19px;font-size:38px}.profile-identity h1{font-size:36px;margin:0}.profile-identity p{font-size:13px;color:#b7d2cd;margin:4px 0}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 43px}.profile-stats>div{background:#14282e;border:1px solid #29434b;border-radius:11px;padding:20px}.profile-stats strong{display:block;font:800 30px Outfit;color:#a0ebcf}.profile-stats span{display:block;color:#8facaa;font-size:10px;letter-spacing:.13em;font-weight:800;margin-top:4px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-title h2{font-size:28px;margin:5px 0 0}.section-title>span{color:#91a9a8;font-size:12px}.showcase{grid-template-columns:repeat(4,minmax(0,1fr))}.rarity-summary{margin-top:45px;border:1px solid #29434b;border-radius:14px;background:#14282e;padding:23px}.rarity-summary h2{font-size:21px;margin-bottom:20px}.rarity-line{display:grid;grid-template-columns:36px 110px minmax(80px,1fr) 25px;align-items:center;gap:14px;margin:13px 0;font-size:12px;color:#a9c0bd}.rarity-line strong{text-align:right;color:#e5f4ee}.rarity-chip{display:inline-flex;align-items:center;justify-content:center;min-width:29px;padding:4px 6px;border:1px solid #627e81;border-radius:5px;background:#38565b;color:white;font-size:10px;font-weight:800}.rarity-chip.uncommon{background:#286f57;border-color:#57c79b}.rarity-chip.rare{background:#2c6095;border-color:#69b6dc}.rarity-chip.super{background:#594492;border-color:#9f83e4}.rarity-chip.ultra{background:#9a602e;border-color:#e7aa6b}.rarity-chip.legendary{background:#9b7136;border-color:#ffd687}.rarity-track{height:6px;border-radius:5px;background:#274148;overflow:hidden}.rarity-track i{display:block;height:100%;background:linear-gradient(90deg,#4dbb9b,#f1d28b);border-radius:5px}

.modal-backdrop{position:fixed;inset:0;z-index:20;background:#020c10df;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.detail-dialog{position:relative;width:min(760px,100%);display:grid;grid-template-columns:43% 57%;background:#14282f;border:1px solid #597776;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #000b}.modal-close{position:absolute;z-index:3;right:13px;top:12px;border:1px solid #577573;background:#18343a;color:#def3ec;border-radius:50%;height:29px;width:29px;font-size:22px;line-height:1}.detail-art{position:relative;display:grid;place-items:center;min-height:400px;background:linear-gradient(150deg,#2d6a66,#0e3441)}.detail-art.super{background:linear-gradient(150deg,#7659a4,#272957)}.detail-art.ultra{background:linear-gradient(150deg,#a16b3b,#4f332c)}.detail-art.legendary{background:linear-gradient(150deg,#ae8049,#3c2c29)}.detail-art.rare{background:linear-gradient(150deg,#37769e,#173e5a)}.detail-star{position:absolute;font-size:280px;color:#ffffff12}.detail-art img{position:relative;max-width:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 12px 23px #000a)}.detail-info{padding:35px}.detail-info .rarity-chip{margin-top:15px}.detail-info h2{font-size:33px;line-height:1.1;margin:10px 0 2px}.detail-epithet{color:#aac3bd}.detail-faction{border-top:1px solid #315057;border-bottom:1px solid #315057;padding:13px 0;margin:24px 0}.detail-faction span,.detail-stats span{display:block;font-size:9px;color:#8eaaa7;letter-spacing:.15em;font-weight:800;margin-bottom:5px}.detail-faction strong{font-size:13px}.detail-stats{display:flex;gap:25px}.detail-stats strong{font:800 20px Outfit}.detail-meta{color:#90a9a8;font-size:12px;margin:27px 0 12px}.wiki-link{color:#8de8c6;font-size:13px;font-weight:800}.wiki-link:hover{text-decoration:underline}.reveal-backdrop{background:#031116ed}.reveal-dialog{text-align:center;width:min(400px,100%)}.reveal-kicker{display:flex;justify-content:space-between;font-size:12px;color:#afc4bd;letter-spacing:.17em;font-weight:800;margin-bottom:16px}.reveal-kicker span{color:#91e7c5}.reveal-card .game-card{width:310px;max-width:100%;margin:auto;text-align:left;cursor:default;box-shadow:0 0 60px #5ac7a840,0 24px 50px #000a}.reveal-card .game-card:hover{transform:none}.reveal-card .card-image{height:310px}.reveal-card .card-body h3{font-size:22px;min-height:auto}.reveal-progress{display:flex;justify-content:center;gap:8px;margin:22px 0}.reveal-progress span{width:8px;height:8px;border-radius:50%;background:#385359}.reveal-progress span.current{background:#72e8c2;box-shadow:0 0 11px #7ef0ce}.reveal-progress span.done{background:#719d90}.reveal-controls{display:flex;gap:12px;justify-content:center}.reveal-controls button{flex:1}

.auth-layout{display:grid;grid-template-columns:52% 48%;min-height:100vh}.auth-art{background:radial-gradient(circle at 75% 30%,#387d75 0%,transparent 45%),linear-gradient(145deg,#143e49,#0b242f 70%);position:relative;overflow:hidden;display:flex;align-items:end;padding:clamp(40px,7vw,105px)}.auth-art:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 76% 40%,transparent 0 62px,#a7e2bf1c 63px 64px,transparent 65px 120px)}.auth-art-lines{position:absolute;left:-25%;bottom:-34%;width:100%;height:85%;border:1px solid #b5d89c50;border-radius:50%;transform:rotate(-24deg)}.art-star{position:absolute;color:#e8d5a2;z-index:1}.star-a{top:12%;right:14%;font-size:34px}.star-b{top:36%;right:38%;font-size:15px}.star-c{top:25%;left:18%;font-size:13px}.auth-art-content{position:relative;z-index:2;max-width:560px}.auth-art-content h1{font-size:clamp(64px,8vw,112px);line-height:.92;letter-spacing:-.08em;margin:21px 0 25px}.auth-art-content h1 span{color:var(--mint)}.auth-art-content p{font-size:17px;color:#c2d9d4;line-height:1.7;max-width:400px}.art-line{width:48px;height:2px;background:var(--gold);margin:47px 0 13px}.art-foot{font-size:10px;color:#b5cabc;letter-spacing:.25em;font-weight:800}.auth-panel{background:#0a171d;display:grid;place-items:center;padding:40px}.auth-panel-inner{width:min(390px,100%)}.auth-logo{color:#dcece7;font:800 15px Outfit;letter-spacing:.03em;margin-bottom:80px}.auth-logo span{font-size:25px;color:var(--mint);vertical-align:-2px;margin-right:5px}.auth-logo strong{color:var(--mint);font-size:10px;letter-spacing:.18em;margin-left:5px}.auth-kicker{font-size:10px;color:var(--mint);letter-spacing:.24em;font-weight:800}.auth-panel h2{font-size:42px;letter-spacing:-.05em;line-height:1.1;margin:12px 0}.auth-subtitle{font-size:14px;color:#99b1b3;line-height:1.6;margin-bottom:35px}.auth-panel form{display:flex;flex-direction:column;gap:20px}.auth-panel label{color:#b3c9c9;font-size:10px;letter-spacing:.14em;font-weight:800}.auth-panel input{display:block;width:100%;height:49px;background:#13272d;border:1px solid #315057;border-radius:8px;color:#f0faf5;font-size:14px;letter-spacing:normal;padding:0 14px;margin-top:8px}.auth-panel input::placeholder{color:#718e92}.auth-submit{margin-top:7px;width:100%;display:flex;justify-content:space-between;align-items:center}.auth-switch{text-align:center;color:#8fa9aa;margin-top:26px;font-size:13px}.auth-switch button{border:0;background:none;color:#88e8c7;font-weight:800}.auth-note{color:#688185;font-size:11px;text-align:center;margin-top:70px}.toast{position:fixed;z-index:40;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 48px));background:#21413f;border:1px solid #79c7a9;color:#e6f8ee;border-radius:10px;box-shadow:0 15px 40px #0009;padding:13px 17px;font-size:13px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}

@media(max-width:1100px){.page-content{padding:32px 30px 65px}.pack-page-intro h1{font-size:52px}.pack-stage{height:420px}.booster{transform:rotate(5deg) scale(.85)}.orbit-one{width:360px;height:360px}.orbit-two{width:430px;height:230px}.showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;top:0;display:block;padding:12px 18px;box-shadow:0 5px 18px #0005}.brand{display:inline-flex;padding:0}.brand strong{font-size:17px}.brand small{font-size:7px}.brand-icon{height:33px;width:33px;font-size:18px}.nav-caption,.sidebar-bottom{display:none}.nav-list{display:flex;flex-direction:row;overflow-x:auto;gap:4px;margin-top:11px}.nav-link{height:37px;flex:none;padding:0 12px;font-size:12px;gap:7px}.nav-icon{font-size:16px;width:auto}.topbar{height:48px;padding:0 23px}.page-content{padding:28px 22px 60px}.pack-page{min-height:auto;display:flex;flex-direction:column;text-align:center}.pack-page-intro{align-self:center;padding:15px 0 0}.pack-page-intro p{margin:auto}.pack-stage{width:100%;height:370px}.pack-actions{margin:0;justify-content:center}.pack-rules{text-align:left}.auth-layout{grid-template-columns:1fr}.auth-art{min-height:260px;padding:35px}.auth-art-content h1{font-size:56px}.auth-art-content p,.art-line,.art-foot{display:none}.auth-panel{padding:45px 25px}.auth-logo{margin-bottom:35px}.auth-note{margin-top:35px}}
@media(max-width:560px){.topbar-right{display:none}.page-heading{align-items:start}.page-heading h1{font-size:39px}.heading-stat strong{font-size:23px}.heading-stat strong span{font-size:12px}.heading-stat small{font-size:8px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-image{height:158px}.card-body{padding:10px}.card-body h3{font-size:14px;min-height:34px}.card-body p{font-size:10px;margin-bottom:10px}.card-stats{font-size:10px}.card-faction{font-size:8px}.filter-bar select{flex:1 1 44%;max-width:none;min-width:0}.favorite-filter{height:42px}.pack-page-intro h1{font-size:42px}.pack-page-intro p{font-size:14px}.pack-stage{height:340px}.booster{transform:rotate(5deg) scale(.75)}.pack-rules{display:block;padding:18px;margin-top:30px}.pack-rules .rules-icon{float:left;margin-right:10px}.pack-rules button{margin:13px 0 0}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-banner{height:200px;padding:24px}.profile-identity h1{font-size:28px}.leaderboard-head,.leaderboard-row{grid-template-columns:45px minmax(100px,1fr) 60px 45px;gap:5px;padding:0 10px}.leaderboard-head{font-size:8px}.leaderboard-row{font-size:12px}.leader-name{gap:5px}.avatar.small{display:none}.detail-dialog{grid-template-columns:1fr;max-width:350px;max-height:90vh;overflow:auto}.detail-art{min-height:230px}.detail-art img{max-height:230px}.detail-info{padding:22px}.reveal-card .game-card{width:260px}.reveal-card .card-image{height:240px}.reveal-controls button{padding:10px;font-size:12px}}