/* Card-game presentation: separate artwork windows, printed faces, foil rims. */
:root{--bg:#0b0e14;--bg2:#111620;--panel:#151b25;--panel-solid:#171e29;--line:#ffffff12;--text:#edf2f9;--muted:#9ba9bd;--cyan:#ffb54b;--gold:#ffb54b;--radius:14px;--card-w:205px}
body{font-size:14px;line-height:1.55;letter-spacing:-.012em}.backdrop{background:radial-gradient(ellipse 65% 35% at 50% 0%,#972c2310,transparent 75%),var(--bg)}
main{max-width:1320px;padding:26px 24px 70px}.section{margin-top:30px}h1{font-size:32px;letter-spacing:-.035em;line-height:1.18;font-weight:750}h2{font-size:19px;letter-spacing:-.02em;font-weight:700}.panel{padding:22px;border-radius:14px;background:var(--panel);border-color:#ffffff10;box-shadow:0 5px 18px #0002}a{text-underline-offset:3px}
header.top{min-height:70px;padding:12px 24px;gap:18px;background:#0b0f16f5;border-color:#ffffff0c}.logo{font-size:15px;gap:9px}.logo img{width:29px;height:28px}.logo span{display:block!important}.logo b{background:none;color:#ffbc62}.top-right{gap:9px}.top-right .kofi{border:1px solid #ffffff14!important;background:#1b2331!important;box-shadow:none!important;color:#bdc9da;border-radius:8px;padding:8px;min-height:34px}.top-right .kofi svg{width:17px;height:17px}.top-right .kofi span{font-size:11px}.pack-chip{padding:7px 10px;font-size:12px;background:#ffba5908;border-color:#ffba592b;border-radius:8px}.pack-chip img{width:17px;height:16px}.icon-btn{width:35px;height:35px;border-color:#ffffff10;border-radius:8px}.top-right .avatar{width:34px;height:34px}.user-btn{border-radius:9px}nav.main a{font-size:12px;padding:9px 10px;border-radius:7px}nav.main a[aria-current=page]{background:#ffffff08}.beta-chip{font-size:8px;padding:1px 3px;border-radius:3px}
@media(min-width:1280px){.menu-toggle{display:none}nav.main{display:flex;position:static;flex-direction:row;background:none;padding:0;border:0;gap:0}}
@media(max-width:1450px){.top-right .kofi span{display:none}}
@media(max-width:1279px){.menu-toggle{display:inline-grid}nav.main{display:none;position:absolute;top:100%;left:12px;right:12px;background:#171e29;border:1px solid #ffffff16;border-radius:10px;padding:8px;box-shadow:0 18px 40px #0008}nav.main.open{display:grid;grid-template-columns:repeat(4,1fr)}nav.main a{padding:12px}}
.btn{border-radius:8px;min-height:40px;padding:10px 16px;font-size:13px;font-weight:600;background:#ffffff06;border-color:#ffffff15;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#ffc46b,#f3a13d);border:1px solid #ffd18a;color:#241406;box-shadow:inset 0 1px #fff6,0 3px 0 #6d390a,0 5px 16px #0004;font-weight:750}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffd492,#ffb64d);box-shadow:inset 0 1px #fff8,0 3px 0 #6d390a,0 5px 18px #0004}.btn.sm{min-height:31px;padding:7px 11px;font-size:11px}.btn:disabled{opacity:.36}.quiet-danger{color:#afbbc9;background:none}.quiet-danger:hover{color:#ffb2a6;border-color:#ffb2a640}
input,select,textarea{background:#0a0f17a6;border-color:#ffffff14;border-radius:7px;padding:10px 12px;font-size:12px;min-height:39px}input:focus,select:focus,textarea:focus{border-color:#e8b16380;box-shadow:0 0 0 3px #ffb54b12}input::placeholder{color:#69788d}.text-link,.text-button{font-size:12px;color:#e6b268;text-decoration:none}.text-link:hover,.text-button:hover{color:#ffcc84}.text-button{background:none;border:0;padding:0;font:inherit;cursor:pointer}.eyebrow{font-size:10px;letter-spacing:.1em;color:#8e9db2;font-weight:650}

/* Physical card frame. The artwork keeps its native landscape composition. */
.card.collectible-card{position:relative;isolation:isolate;aspect-ratio:5/7;padding:5px;border:1px solid #090c12;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 45%,#8792a2),#253040 22%,#111924 72%,color-mix(in srgb,var(--tc) 36%,#6f7e92));box-shadow:0 2px 0 #030509,0 0 0 1px #ffffff14,0 7px 14px #0005;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s}
.card.collectible-card .card-inner{position:relative;display:flex;flex-direction:column;height:100%;padding:7px;border:1px solid #05080d;border-radius:7px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--tc) 9%,#29313e),#121923 65%);box-shadow:inset 0 0 0 1px #ffffff09;container-type:inline-size}
.card.collectible-card .card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 1px 7px;flex:none;min-height:25px}.card.collectible-card .rank{font-size:clamp(14px,10cqi,23px);font-weight:800;letter-spacing:-.04em;line-height:1;text-shadow:0 1px 2px #0008;color:#edf3fc}.card.collectible-card .tier-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 5px;border-radius:3px;background:#070c13a6;border:1px solid color-mix(in srgb,var(--tc) 40%,#ffffff08);font-size:clamp(6px,4.2cqi,9px);font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:var(--tc);white-space:nowrap}.tier-badge i{width:4px;height:4px;transform:rotate(45deg);background:var(--tc);flex:none}
.card-art{position:relative;flex:none}.card.collectible-card .thumb{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;margin:0;border:1px solid #03060a;border-radius:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 28%,#ffffff08);background:#080c12;overflow:hidden}.card.collectible-card .thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:none;transform:none}.card.collectible-card .thumb::after{display:none}.card.collectible-card .thumb .ph{font-size:clamp(10px,8cqi,20px);color:#d4dfec;text-shadow:none;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--tc) 20%,#17202d),#0d131d)}
.card.collectible-card .card-body{position:relative;inset:auto;display:flex;flex-direction:column;min-height:0;flex:1;padding:0;gap:0}.card.collectible-card .card-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:normal;padding:8px 0 6px;border-bottom:1px solid color-mix(in srgb,var(--tc) 15%,#ffffff05);font-size:clamp(11px,var(--name-scale,9.8cqi),20px);font-weight:750;letter-spacing:-.025em;line-height:1.1;color:#f3f6fa}.card-credits{padding-top:4px}.card.collectible-card .card-meta{font-size:clamp(7px,4.7cqi,10px);line-height:1.35;color:#8291a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta b{font-weight:500;color:#aebcd0}
.card-stats{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding:7px 0 4px}.card-set{display:inline-flex;align-items:center;gap:4px;font-size:clamp(5px,3.1cqi,7px);font-weight:650;letter-spacing:.035em;color:#697b92;white-space:nowrap}.card-set img{width:11px;height:10px;opacity:.75}.card-value{display:inline-flex;align-items:baseline;gap:3px;font-size:clamp(11px,8cqi,18px);font-weight:750;line-height:1;color:color-mix(in srgb,var(--tc) 26%,#e6edf7);letter-spacing:-.025em}.card-value small{font-size:clamp(5px,2.9cqi,6px);font-weight:500;letter-spacing:0;color:#8190a5;white-space:nowrap}
.card.collectible-card .card-foot{display:flex;justify-content:space-between;align-items:center;min-height:14px;margin:0;padding:5px 0 0;border-top:1px solid #ffffff0a;font-size:clamp(6px,3.9cqi,8px);line-height:1;color:#6e819b;letter-spacing:.035em}.card-serial{white-space:nowrap;font-variant-numeric:tabular-nums}.card.collectible-card .holo-badge{padding:1px 3px;font-size:clamp(6px,3.8cqi,8px);font-weight:700;letter-spacing:.03em;border:1px solid #c6bbef4a;border-radius:3px;background:linear-gradient(100deg,#cfb2ed22,#b5ddd222,#d7d8a922);color:#d9e0f5;animation:none;white-space:nowrap}.card-edition{font-size:clamp(5px,3.2cqi,7px);color:#61748d;font-weight:600}
.card.collectible-card .copies-chip{position:absolute;top:auto;bottom:5px;left:auto;right:5px;margin:0;background:#090e19df;border:1px solid #dce5f240;border-radius:4px;box-shadow:none;color:#e2ebfa;font-size:clamp(8px,5.5cqi,11px);line-height:1.3;font-weight:700;padding:2px 5px}.card.collectible-card .foil,.card.collectible-card .glare{inset:5px;border-radius:7px;pointer-events:none}.card.collectible-card.holo{padding:5px;background:linear-gradient(125deg,#c4c3e9,#89b4bd 20%,#7780aa 40%,#d9c6aa 62%,#ba9cc1 80%,#a5d1c6);animation:none;box-shadow:0 2px 0 #030509,0 0 0 1px #d7d8fa50,0 7px 15px #0005}.card.collectible-card.holo .card-inner{background:linear-gradient(140deg,#283044,#151c2c 70%,#28323e)}.card.collectible-card.holo .card-inner::after{display:none}.card.collectible-card.holo .foil{background:repeating-linear-gradient(115deg,transparent 0 11px,#d4bcf711 11px 12px,transparent 12px 28px),linear-gradient(110deg,transparent 20%,#cbadff55 40%,#a1e5eb44 55%,transparent 75%);mix-blend-mode:screen;opacity:.16;animation:none}.card.collectible-card .glare{opacity:0;background:radial-gradient(circle at var(--mx) var(--my),#e9f2ff35,transparent 55%)}.card.collectible-card:hover .glare{opacity:.4}.card.collectible-card.holo:hover .foil{opacity:.38}.card.collectible-card:hover{box-shadow:0 3px 0 #030509,0 0 0 1px color-mix(in srgb,var(--tc) 45%,#ffffff20),0 12px 25px #0008}
.card.collectible-card.t-apex:not(.holo){padding:5px;background:linear-gradient(130deg,#edbd61,#c29add 24%,#8fbec3 45%,#d793a2 68%,#d5b673);animation:none;box-shadow:0 3px 0 #05070b,0 0 0 1px #efd4813b,0 8px 25px #d4a34d13}.card.collectible-card.t-apex .card-inner{background:linear-gradient(145deg,#302a29,#161c28 50%,#27222a)}.card.collectible-card.t-mythic{box-shadow:0 3px 0 #05070b,0 0 0 1px #ed5b6433,0 7px 20px #0006}.card.collectible-card.unowned{filter:grayscale(.65) brightness(.8);cursor:pointer}.card.collectible-card .sparkle{display:none}
.card-grid{--card-w:205px;gap:20px}.card-grid.compact{--card-w:185px}.card-grid.large{--card-w:255px}.card-grid.mini-cards{--card-w:145px;gap:14px}.card-wrap .card{width:100%}.card-wrap>.fav-star{top:auto;bottom:11px;right:10px;width:21px;height:21px;background:#101925;border:1px solid #ffffff13;border-radius:4px;color:#667c99;font-size:12px;box-shadow:none}.card-wrap>.fav-star[aria-pressed=true]{color:#ffd089;border-color:#ffd0893b}.card-wrap .card-foot{padding-right:25px}.card-wrap .fav{display:none}.card-wrap.pickable.picked .card{outline:2px solid #ffd089;outline-offset:3px}.mini-cards .card-set{display:none}.mini-cards .card-stats{justify-content:flex-end}.mini-cards .card-name{padding-top:6px}.mini-cards .card-top{padding-bottom:5px}

/* The pack stays at the centre, with inventory and the live countdown alongside. */
.card-wrap .card.collectible-card .card-foot{padding-right:25px}
.card-traits{font-size:clamp(6px,4.2cqi,9px);color:#687c99;letter-spacing:.015em;margin-top:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats,.card-foot{position:relative}.card-value small{font-size:clamp(5px,3.1cqi,7px)}
.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.lobby-heading h1{font-size:28px;margin:0 0 4px}.lobby-heading p{font-size:12px;color:#8697ad;margin:0}.pack-lobby{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);align-items:center;gap:32px;padding:30px 38px;min-height:390px;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#59416e18,transparent 60%),#141923}.lobby-balance{padding-left:8px}.lobby-balance>.pack-count{font-size:53px;margin:8px 0 12px;letter-spacing:-.045em;line-height:1.1}.lobby-balance .pack-count small{font-size:19px;color:#6f819a}.bonus-count{display:block;font-size:14px;margin-top:9px;color:#e7b776}.lobby-balance>p{font-size:12px;line-height:1.7;color:#899ab0;margin:0 0 20px}.pack-contents{display:flex;gap:20px;margin-bottom:22px;font-size:10px;color:#73859e}.pack-contents b{color:#aebed3;font-size:12px;margin-right:3px}.lobby-balance>.text-link{font-size:10px}.lobby-pack{display:flex;flex-direction:column;align-items:center;gap:22px;position:relative}.lobby-pack .pack{--pw:180px;--ph:270px;flex:none}.lobby-open-actions{display:flex;gap:10px;justify-content:center;align-items:center;white-space:nowrap}.lobby-open-actions>.primary{min-width:136px;min-height:42px}.lobby-open-actions>.btn:not(.primary){padding:10px 12px;font-size:11px;min-height:39px}.lobby-utilities{display:flex;flex-direction:column;align-items:center;gap:18px}.lobby-timer{display:flex;flex-direction:column;align-items:center}.lobby-timer .ring{width:116px;height:116px}.lobby-timer .ring .label b{font-size:27px}.lobby-timer .ring .small{font-size:8px;color:#8294ad}.lobby-timer .ring circle{stroke-width:7px}.lobby-timer .full-badge{font-size:10px;letter-spacing:.04em;color:#edc581;border:1px solid #e9b46b42;background:#e9b46b0a;padding:9px 12px}.lobby-timer>p{font-size:10px;color:#7588a4;text-align:center;margin:10px 0 0}.invite-link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;background:none;border:1px solid #e8b16d27;border-radius:8px;color:#c4d0e0;font:inherit;cursor:pointer;min-width:175px}.invite-link svg{display:none}.invite-link>span{font-size:12px;font-weight:650}.invite-link small{font-size:10px;color:#c79b60}.invite-link:hover{background:#ffb54b06;border-color:#e8b16d65}.redeem-details{position:relative;width:175px}.redeem-details summary{font-size:11px;color:#8396b0;list-style:none;cursor:pointer;display:flex;justify-content:space-between}.redeem-details summary::-webkit-details-marker{display:none}.redeem-details form{display:flex;flex-wrap:nowrap;gap:6px;margin-top:9px}.redeem-details input{min-width:0;width:110px;min-height:32px;font-size:10px;padding:7px}.redeem-details .btn{padding:7px 9px;font-size:10px}
.home-progress{padding:20px 0 22px;border-bottom:1px solid #ffffff0c}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px}.section-heading h2{margin:0;font-size:19px}.section-heading p{margin:4px 0 0;color:#7387a3;font-size:11px}.section-heading>.text-link{font-size:11px;white-space:nowrap}.home-progress .bar{height:4px;margin:0 0 16px!important}.home-progress .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.home-progress .stat{padding:0;border:0;background:none;border-radius:0}.home-progress .stat b{font-size:22px;font-weight:750;line-height:1.2;margin-bottom:4px}.home-progress .stat span{font-size:10px;color:#7387a2}.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:205px;gap:18px;padding:5px 2px 18px;margin:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff15 transparent}.hscroll>.card{width:100%;scroll-snap-align:start}.hscroll::-webkit-scrollbar{height:4px}.first-pack-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:30px;border:1px dashed #ffffff19;border-radius:12px;min-height:170px;background:#151d280a}.first-pack-empty>img{width:30px;opacity:.6;margin-bottom:7px}.first-pack-empty h3{font-size:17px;margin:0}.first-pack-empty p{font-size:12px;color:#7f93af;margin:0 0 12px}.community-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.community-panels h2{font-size:17px}.community-panels p{font-size:12px}.feed-row{gap:10px;font-size:10px;padding:12px 0}.feed-row>span:nth-child(2){flex:1}.feed-row small{font-size:9px;color:#70819a;white-space:nowrap}.feed-rarity{font-size:8px;font-weight:750;color:var(--tc);padding:3px 5px;border:1px solid color-mix(in srgb,var(--tc) 30%,transparent);border-radius:3px;min-width:56px;text-align:center}.trade-row{font-size:11px;text-decoration:none;color:#aabbcf}.trade-row>span:last-child{margin-left:auto}

/* Binder filters and paging. */
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 20px}.page-heading h1{margin:7px 0;font-size:31px}.page-heading p{font-size:12px;color:#7e92ad;margin:0}.page-heading>.small{font-size:10px;text-align:right;max-width:210px}.page-heading .eyebrow{font-size:9px;letter-spacing:.06em}.collection-summary{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:11px;color:#8295af;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #ffffff0c}.collection-summary b{font-size:12px;color:#d7e3f4;margin-right:3px;font-weight:650}.summary-completion{margin-left:auto;font-size:10px;color:#657c9b}.filter-primary{display:flex;align-items:center;gap:16px}.search-field{display:flex;align-items:center;gap:10px;flex:1;padding:0 13px;background:#ffffff02;border:1px solid #ffffff12;border-radius:8px}.search-field>span{font-size:23px;color:#637a97;font-family:system-ui}.search-field input{flex:1;min-width:0;border:0;background:none;box-shadow:none;padding-left:0}.search-field:focus-within{border-color:#f6bb6570}.sort-field{display:flex;align-items:center;gap:9px;font-size:10px;color:#6e86a5}.sort-field select{background:none;border:0;font-size:11px;padding-left:0;min-width:136px}.layout-switch{display:flex;align-items:center;border:1px solid #ffffff13;border-radius:7px;padding:3px;gap:3px}.layout-switch button{background:none;color:#5b7293;border:0;border-radius:4px;padding:5px 8px;font-size:18px;cursor:pointer;line-height:1}.layout-switch button[aria-pressed=true]{background:#ffffff09;color:#d3ddeb}.filter-secondary{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-top:15px;padding-bottom:17px;border-bottom:1px solid #ffffff0c}.rarity-tabs{display:flex;flex-wrap:wrap;gap:5px;border:0;margin:0;padding:0;min-width:0}.rarity-tabs .chip,#idxFilters .chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:5px;background:#ffffff02;border:1px solid #ffffff08;color:#8fa1ba;font-size:10px;font-weight:500;line-height:1.2}.rarity-tabs .chip i{width:4px;height:4px;background:var(--tc);transform:rotate(45deg)}.rarity-tabs .chip input,#idxFilters .chip input{position:absolute;opacity:0;width:1px;height:1px;padding:0;min-height:0}.rarity-tabs .chip:has(input:checked),#idxFilters .chip:has(input:checked){border-color:color-mix(in srgb,var(--tc) 50%,#ffffff10);background:color-mix(in srgb,var(--tc) 12%,transparent);color:#dbe5f3}.rarity-tabs .chip:focus-within,#idxFilters .chip:focus-within{outline:2px solid #ffc26b;outline-offset:2px}.advanced-filters{position:relative;flex:none}.advanced-filters summary{display:flex;justify-content:space-between;gap:10px;list-style:none;font-size:11px;color:#a4b4cb;padding:7px 11px;border:1px solid #ffffff12;border-radius:6px;cursor:pointer}.advanced-filters summary::-webkit-details-marker{display:none}.advanced-fields{position:absolute;z-index:20;right:0;top:39px;width:400px;padding:20px;background:#1a2330;border:1px solid #ffffff19;box-shadow:0 20px 45px #0009;border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.advanced-fields .field{font-size:10px}.advanced-fields input,.advanced-fields select{width:100%;min-width:0;font-size:12px}.advanced-fields .check{font-size:11px}.advanced-fields input[type=checkbox]{width:14px;height:14px;min-height:0}#colGrid.section{margin-top:21px}.index-card-meta{display:flex;justify-content:space-between;gap:10px;padding:9px 2px 0;color:#667e9e;font-size:9px}.index-card-meta .text-button{font-size:9px;color:#9aaecc}.owned-dot{display:inline-block;width:4px;height:4px;background:#77b99c;border-radius:50%;margin-right:4px;vertical-align:2px}#idxFilters{background:#131b26;border-radius:10px;padding:18px}#idxFilters .field{font-size:10px}#idxFilters input,#idxFilters select{font-size:11px}.pager{display:flex;justify-content:space-between;gap:18px;margin:20px 0;align-items:center}.pager-results{font-size:10px;color:#677f9e}.pager-controls{display:flex;align-items:center;gap:7px}.pager-controls>.btn{width:29px;height:29px;min-height:29px;padding:0;font-size:16px;background:#ffffff03;border-color:#ffffff10;border-radius:5px}.pager-controls>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8ca3c2;margin:0 5px;white-space:nowrap}.pager-controls .pager-jump{width:34px;min-height:29px;padding:4px;text-align:center;font-size:10px;background:#ffffff03;border-color:#ffffff0f;border-radius:5px;appearance:textfield}.pager-jump::-webkit-inner-spin-button{appearance:none}

/* Dialogs, reveals and tools. */
.modal,.dropdown{background:#171f2b;border:1px solid #ffffff16;border-radius:13px;box-shadow:0 25px 80px #000a}.modal{padding:26px}.modal h2{font-size:24px;letter-spacing:-.03em}.detail{gap:25px}.detail>.card{max-width:285px;align-self:start}.kv{font-size:12px}.kv dt{color:#6f89ab}.kv dd{color:#c3d3e9}.modal.copies .copies-grid:has(>.copy:only-child){grid-template-columns:minmax(185px,230px)}.copies-head p{font-size:11px}.copy-info{font-size:11px;color:#7893b8}.copy-info code{font-family:var(--body);font-size:11px;color:#afc5e4}.copy-actions{flex-wrap:nowrap;gap:6px}.copy-actions .btn{font-size:10px;min-height:31px}.copies-head .holo-badge{font-size:9px;animation:none;background:linear-gradient(100deg,#cfc0f039,#a9d9db26);color:#d4e4f9;border:1px solid #d8e5ff30}.opening{background:radial-gradient(ellipse at 50% 38%,#2b2031,#070c14 78%)}html:has(.opening),body:has(.opening){overflow:hidden}.opening canvas{opacity:.6}.opening .summary{width:min(1210px,100%);padding:32px;max-height:100svh;scrollbar-width:thin}.summary h2{font-size:29px}.summary>p{font-size:12px;color:#96a8c2}.summary .pack-new{font-size:11px;font-weight:550;color:#acd2b3;margin:14px 0 23px}.summary-grid:not(.many){grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.summary-grid.many{--card-w:180px}.summary .card-wrap.is-new>.card{outline:0;border-radius:12px}.summary .own-tag.pack-tag{position:static;display:inline-block;margin:9px auto 0;padding:3px 8px;border:1px solid #98cda93a;border-radius:4px;background:#98cda911;color:#b5ddc1;font-size:8px;font-weight:650;letter-spacing:.035em}.summary>.row:last-child{position:static;padding:22px 0 0;margin-top:10px!important;gap:10px}.summary>.row:last-child .btn:not(.primary){box-shadow:none;background:#ffffff06;border-color:#ffffff16;color:#b5c7e2;font-weight:550}.summary>.row:last-child .btn.primary{box-shadow:inset 0 1px #fff5,0 3px 0 #6d390a}.opening .skip{font-size:11px;background:#ffffff05}.card-back{border:2px solid #ffb65355;background:url(/extreme-demon.png) center/40% no-repeat,radial-gradient(ellipse at 50% 35%,#482324,#12141e 76%);box-shadow:inset 0 0 0 4px #090d15,0 10px 30px #0007}.slot.big-reveal .front .card{box-shadow:0 0 32px color-mix(in srgb,var(--tc) 40%,transparent)}
.craft-bench{display:grid;grid-template-columns:230px 1fr;grid-template-rows:1fr auto;gap:20px 30px;align-items:center}.craft-bench>.craft-core{grid-column:1;grid-row:1/3;margin:0 auto}.craft-bench>.craft-slots{grid-column:2;grid-row:1;grid-template-columns:repeat(5,minmax(0,95px));gap:10px}.craft-bench>.row{grid-column:2;grid-row:2;margin-top:0!important}.craft-slot{border:1px dashed #ffffff18;background:#ffffff02}.craft-pick .mini-cards{--card-w:170px}.craft-slot .card-inner{padding:3px}.craft-slot .card-top{min-height:0;padding:0 0 3px}.craft-slot .rank{font-size:8px!important}.craft-slot .tier-badge{font-size:5px!important;padding:2px!important}.craft-slot .card-name{font-size:10px!important;padding:4px 0!important}.craft-slot .card-credits,.craft-slot .card-stats,.craft-slot .card-foot{display:none!important}.craft-slot .card-body{flex:1}.craft-core-hint{font-size:12px;line-height:1.5}.craft-core{border-color:#7387a44a}.craft-pick{padding-top:5px}.local-launch{background:#151e2bec;border-color:#ffffff13;color:#8097b7;font-size:10px;box-shadow:none;padding:7px 10px}.local-launch span{box-shadow:none;width:4px;height:4px;background:#6ba888}.local-profile{background:#ffffff02;border-color:#ffffff0b;border-radius:8px}.local-profile.selected{border-color:#ffc26944;background:#ffc26906}.local-profile b{font-size:13px}.local-notice{font-size:11px;background:#7ea98c08;border:1px solid #7ea98c20;border-radius:7px;color:#92b19c}.local-login{margin-top:28px;padding:32px;border-radius:15px}.local-login h1{font-size:31px}.local-login h1 span{color:#ffbd65!important}.discord-btn{background:#5865f2!important;color:#fff!important;border-color:#7e86f2!important}.dm-btn{background:linear-gradient(150deg,#ffbf63,#f2973d);border:1px solid #ffcd8b;box-shadow:0 5px 18px #0006;color:#41230b;width:46px;height:46px;border-radius:13px}.attribution{font-size:9px;color:#536b8b}.attribution a{color:#8aa0bd}footer.site{font-size:9px;color:#536b8b;border-color:#ffffff0a;padding:30px 24px 65px;line-height:1.8}.footer-community{display:flex;justify-content:center;gap:15px;margin-bottom:18px}.footer-community .text-button{font-size:11px;color:#8ca2bf}main>*{animation:none!important}.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}

/* A printed foil finish: pearlescent metal, etched laminate and a moving light.
   The original pointer handler supplies --mx/--my. No idle animation is needed. */
.card.collectible-card.holo {
  --holo-angle: 30deg;
  background: conic-gradient(from var(--holo-angle),#ff5ec4,#a576ff 16%,#4de8ff 33%,#69f5b2 50%,#ffeb76 67%,#ff938d 83%,#ff5ec4);
  background-size: 100% 100%;
  background-position: center;
  border-color: #f5e7ff80;
  box-shadow:0 2px 0 #030509,0 0 0 1px #edc7ff70,0 0 13px #65e4e354,0 0 24px #da6de133,0 8px 20px #0007;
}
.card.collectible-card.holo .card-inner {
  background: radial-gradient(ellipse at 15% 0%, #b6e5ee13, transparent 55%), linear-gradient(145deg, color-mix(in srgb, var(--tc) 18%, #293649), #151d2c 57%, #233f49);
  box-shadow: inset 0 0 0 1px #eff3ff24, inset 0 0 12px #92a9d518;
}
.card.collectible-card.holo .thumb {
  border-color: #c5dcf53d;
  box-shadow: 0 0 0 1px #050910, 0 1px 0 #edcefd38;
}
.card.collectible-card.holo .thumb::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(ellipse at var(--mx, 50%) var(--my, 50%), #f7fff578, transparent 60%), repeating-linear-gradient(118deg, #90dbf0 0%, #bda0e7 9%, #f0b6d2 18%, #ecd9a2 27%, #9edac4 36%, #90dbf0 45%);
  background-size: 100% 100%, 240% 240%;
  background-position: center, var(--mx, 50%) var(--my, 50%);
  mix-blend-mode: color-dodge;
  opacity: .21;
}
.card.collectible-card.holo .card-body { isolation: isolate; }
.card.collectible-card.holo .card-body::after {
  content: '';
  position: absolute;
  inset: 0 -3px -5px;
  z-index: -1;
  pointer-events: none;
  background-image: repeating-linear-gradient(60deg, #0000 0 10px, #e0efff30 10px 11px, #0000 11px 22px), repeating-linear-gradient(120deg, #0000 0 10px, #e5d4ff27 10px 11px, #0000 11px 22px), repeating-linear-gradient(118deg, #8cdbdc32 0%, #8bace628 10%, #da9de43d 20%, #eed2a435 30%, #96dcc334 40%, #8cdbdc32 50%);
  background-size: auto, auto, 230% 230%;
  background-position: center, center, var(--mx, 50%) var(--my, 50%);
  mask-image: linear-gradient(transparent 5%, #0005 35%, #000 76%);
}
.card.collectible-card.holo .card-name { border-bottom-color: #c6dcf228; }
.card.collectible-card.holo .card-meta { color: #a0b1ca; }
.card.collectible-card.holo .card-meta b { color: #c7d2e4; }
.card.collectible-card.holo .card-traits { color: #8ba1c1; }
.card.collectible-card.holo .card-foot { border-top-color: #d6e9ff25; color: #a5b6ce; }
.card.collectible-card.holo .holo-badge {
  background: linear-gradient(110deg, #c8a9e5, #b7e3e1 42%, #ecd7ae 72%, #c9b1e3);
  border: 1px solid #f1efffa6;
  box-shadow: inset 0 1px 0 #fff7, 0 1px 2px #050b1870;
  color: #222c42;
  text-shadow: 0 1px #ffffff3a;
}
.card.collectible-card.holo .foil {
  background: radial-gradient(ellipse at var(--mx, 50%) var(--my, 50%), #eaf7ff55, transparent 48%);
  mix-blend-mode: screen;
  opacity: .24;
  animation: none;
}
.card.collectible-card.holo .glare {
  background: radial-gradient(ellipse at var(--mx, 50%) var(--my, 50%), #fcf7ff70, transparent 48%);
  mix-blend-mode: soft-light;
  opacity: .12;
}
.card.collectible-card.holo:hover .foil,
.card.collectible-card.holo:focus-visible .foil { opacity: .5; }
.card.collectible-card.holo:hover .glare,
.card.collectible-card.holo:focus-visible .glare { opacity: .6; }
.card.collectible-card.holo:hover .thumb::after,
.card.collectible-card.holo:focus-visible .thumb::after { opacity: .3; }
.card.collectible-card.holo:focus-visible { outline: 2px solid #d6e5ff; outline-offset: 4px; }
@property --holo-angle {syntax:'<angle>';inherits:false;initial-value:30deg}
@keyframes holo-edge-turn {to{--holo-angle:390deg}}
@media(hover:hover) {.card.collectible-card.holo:hover,.modal .card.collectible-card.holo,.special .card.collectible-card.holo{animation:holo-edge-turn 7s linear infinite}}
html.reduce-motion .card.collectible-card.holo{animation:none!important}
@media (hover: none) {
  .card.collectible-card.holo .thumb::after { opacity: .22; }
  .card.collectible-card.holo .foil { opacity: .2; }
  .card.collectible-card.holo .glare { opacity: .1; }
}
@media (prefers-reduced-motion: reduce) {
  .card.collectible-card.holo{animation:none!important}
  .card.collectible-card.holo[style*='--rx'] { transform: none; }
  .card.collectible-card.holo .thumb::after,
  .card.collectible-card.holo .card-body::after { background-position: center; }
}

/* Distinct, finite reveal choreography. Ordinary galleries stay still. */
.opening>.skip{z-index:20}
.card.collectible-card .card-body::before{content:none!important;background:none!important}
.card.collectible-card.t-legendary:not(.holo){background:linear-gradient(135deg,#ffedb5,#b87a24 22%,#3d2b18 48%,#b77a29 76%,#ffe7a0);box-shadow:0 2px 0 #040507,0 0 0 1px #e8ac3c50,0 5px 18px #9f621017}
.card.collectible-card.t-mythic:not(.holo){background:linear-gradient(135deg,#ff9b9f,#7c263d 26%,#20121b 55%,#ab324b 83%,#fb879b)}
.card.collectible-card.t-apex:not(.holo){background:linear-gradient(135deg,#fff4c3,#e7b54f 20%,#72502b 49%,#edc36e 78%,#fff5d6);box-shadow:0 2px 0 #040507,0 0 0 1px #f9d46d65,0 6px 22px #d5a93c2a}
.slot.revealed .card{animation:card-arrive .65s cubic-bezier(.18,.8,.2,1) both}
.slot.revealed[data-reveal-tier=epic] .card{animation:epic-arrive .8s ease-out both}
.slot.revealed.holo-flip .card{animation:holo-arrive 1s ease-out both}
@keyframes card-arrive{from{translate:0 12px;filter:brightness(1.45)}to{translate:0 0;filter:brightness(1)}}
@keyframes epic-arrive{0%{translate:0 14px;box-shadow:0 0 0 0 #a77aff00}45%{translate:0 -5px;box-shadow:0 0 0 8px #a77aff25,0 0 40px #9d54e855}100%{translate:0 0;box-shadow:0 0 0 14px #a77aff00}}
@keyframes holo-arrive{0%{filter:brightness(1.7);box-shadow:0 0 50px #a3f8f6a0}100%{filter:brightness(1);box-shadow:0 0 16px #dd85ec45}}
.special.pull-cinematic{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;padding:28px 20px;overflow:auto;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--tc) 17%,#090c15),#070911 75%);isolation:isolate;animation:pull-scene-in .4s ease-out both}
.pull-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.pull-halo{position:absolute;width:min(65vw,620px);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tc) 32%,transparent),transparent 68%);animation:halo-bloom 1.4s ease-out both}
.pull-heading{position:relative;text-align:center;flex:none}.pull-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.23em;color:var(--tc);margin-bottom:9px}.pull-cinematic h2{font-size:clamp(25px,5vw,48px);line-height:1.1;letter-spacing:.08em;margin:0;color:#fff7e9;text-shadow:0 0 24px color-mix(in srgb,var(--tc) 65%,transparent);animation:pull-title-in .7s .12s both}.pull-rule{display:block;height:1px;width:120px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--tc),transparent);animation:rule-expand .8s .2s both}
.pull-card-stage{position:relative;flex:none;perspective:1000px}.pull-cinematic .pull-card-stage>.card{width:min(285px,62vw,max(155px,(100svh - 275px)*5/7));animation:none;box-shadow:0 10px 40px #000a,0 0 45px color-mix(in srgb,var(--tc) 30%,transparent)}
.pull-caption{display:flex;flex-direction:column;gap:4px;position:relative;margin:0;flex:none}.pull-caption b{font-size:16px;color:#f2f5fa}.pull-caption span{font-size:11px;color:#a2abc0}.pull-continue{position:relative;flex:none;min-width:145px;animation:pull-title-in .4s .6s both}
.pull-ray{position:absolute;left:50%;top:50%;width:2px;height:38%;transform-origin:center 0;rotate:calc(var(--i)*30deg);background:linear-gradient(var(--tc),transparent);opacity:0;animation:ray-burst 1.1s calc(var(--i)*.035s) ease-out both}
.pull-orbit{position:absolute;left:50%;top:50%;width:min(66vw,550px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tc) 50%,transparent);border-radius:50%;translate:-50% -50%;opacity:0}
.pull-cinematic.t-legendary{--tc:#ffd272}.t-legendary .pull-card-stage{animation:gold-card-rise 1.15s cubic-bezier(.16,.8,.2,1) both}.t-legendary .pull-orbit{border-radius:0;width:min(45vw,360px);rotate:45deg;animation:gold-seal 1.35s ease-out both}.t-legendary .orbit-two{rotate:60deg;animation-delay:.12s}.t-legendary .pull-ray{width:1px;background:linear-gradient(#fff4c5,#e5ad3f00);height:43%}
.pull-cinematic.t-mythic{--tc:#ff596f;background:radial-gradient(ellipse at 50% 70%,#8c14342b,#090911 72%)}.t-mythic .pull-card-stage{animation:mythic-break 1.05s cubic-bezier(.15,.75,.2,1) both}.t-mythic .pull-orbit{border-width:2px;border-style:dashed;animation:mythic-shockwave 1.3s ease-out both}.t-mythic .orbit-two{animation-delay:.2s}.t-mythic .pull-ray{width:3px;height:42%;background:linear-gradient(#ff719766,#ff315b00);animation-duration:.85s}
.pull-cinematic.t-apex{--tc:#d9c1ff;background:radial-gradient(ellipse at 50% 48%,#352447,#070911 72%)}.t-apex .pull-card-stage{animation:apex-materialise 1.5s cubic-bezier(.18,.8,.2,1) both}.t-apex .pull-halo{background:conic-gradient(from 35deg,#e7b06738,#dd6dfb32,#66e0ec38,#7f9cec38,#e7b06738);filter:blur(32px);animation:apex-halo 2s ease-out both}.t-apex .pull-orbit{border-color:#d9c5ff6b;box-shadow:0 0 25px #c8adff1c;animation:apex-orbit 1.8s ease-out both}.t-apex .orbit-two{width:min(79vw,670px);animation-delay:.16s}.t-apex .pull-ray{width:1px;background:linear-gradient(hsl(calc(var(--i)*30) 95% 80%),transparent);animation-duration:1.4s}
@keyframes pull-scene-in{from{opacity:0}to{opacity:1}}@keyframes pull-title-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes rule-expand{from{scale:.1 1;opacity:0}to{scale:1;opacity:1}}@keyframes halo-bloom{from{scale:.3;opacity:0}to{scale:1;opacity:1}}@keyframes ray-burst{0%{scale:1 .2;opacity:0}35%{opacity:.6}100%{scale:1 1.45;opacity:.1}}@keyframes gold-card-rise{from{opacity:0;transform:translateY(65px) rotateY(-18deg) scale(.8);filter:brightness(1.7)}to{opacity:1;transform:none;filter:brightness(1)}}@keyframes gold-seal{0%{scale:.5;opacity:0}50%{opacity:.6}100%{scale:1.25;opacity:.13}}@keyframes mythic-break{0%{opacity:0;transform:translateY(30px) scale(.76)}45%{opacity:1;transform:translateX(-5px) scale(1.04)}60%{transform:translateX(3px) scale(1.02)}100%{transform:none}}@keyframes mythic-shockwave{0%{scale:.25;opacity:0;rotate:-12deg}35%{opacity:.8}100%{scale:1.4;opacity:.08;rotate:20deg}}@keyframes apex-materialise{0%{opacity:0;transform:translateY(25px) rotateY(75deg) scale(.6);filter:brightness(2)}55%{opacity:1;transform:rotateY(-6deg) scale(1.06);filter:brightness(1.25)}100%{transform:none;filter:brightness(1)}}@keyframes apex-orbit{0%{scale:.4;opacity:0;transform:rotateX(65deg) rotateZ(-25deg)}55%{opacity:.8}100%{scale:1.15;opacity:.3;transform:rotateX(65deg) rotateZ(15deg)}}@keyframes apex-halo{from{scale:.2;opacity:0;rotate:-45deg}to{scale:1;opacity:.65;rotate:20deg}}
html.reduce-motion .pull-cinematic *,html.reduce-motion .slot.revealed .card{animation:none!important;transform:none!important;filter:none!important}.reduce-motion .pull-ray{display:none}.reduce-motion .pull-orbit{opacity:.15}
@media(prefers-reduced-motion:reduce){.pull-cinematic *,.slot.revealed .card{animation:none!important;transform:none!important;filter:none!important}.pull-ray{display:none}.pull-orbit{opacity:.15}}
@media(max-width:740px){.special.pull-cinematic{gap:13px;padding:20px 15px}.pull-cinematic h2{font-size:28px}.pull-eyebrow{font-size:8px}.pull-caption b{font-size:14px}.pull-caption span{font-size:10px}.pull-ray{height:30%}}

/* Rarity belongs to the entire printed face, not just its label or frame. */
.card.gallery-card.collectible-card{
  --aura-strength:12%;
  --face-strength:23%;
}
.card.gallery-card.collectible-card.t-epic{--aura-strength:27%;--face-strength:31%}
.card.gallery-card.collectible-card.t-legendary{--aura-strength:30%;--face-strength:30%}
.card.gallery-card.collectible-card.t-mythic{--aura-strength:35%;--face-strength:30%}
.card.gallery-card.collectible-card.t-apex{--aura-strength:35%;--face-strength:26%}
.card.gallery-card.collectible-card:not(.holo){
  padding:3px;
  border:1px solid color-mix(in srgb,var(--tc) 35%,#07070d);
  background:linear-gradient(155deg,color-mix(in srgb,var(--tc) 63%,#25232f),#101019 26%,#0b0b11 70%,color-mix(in srgb,var(--tc) 42%,#191820));
  box-shadow:0 3px 7px #0007,0 0 18px color-mix(in srgb,var(--tc) var(--aura-strength),transparent),0 0 0 1px #0009;
}
.card.gallery-card.collectible-card .card-inner{
  background:radial-gradient(ellipse 130% 70% at 50% 112%,color-mix(in srgb,var(--tc) var(--face-strength),transparent),transparent 85%),radial-gradient(ellipse 130% 50% at 50% -12%,color-mix(in srgb,var(--tc) 17%,transparent),transparent 85%),linear-gradient(180deg,#11111b,#0b0b13);
  border-color:#050509;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 12%,transparent);
}
.card.gallery-card.collectible-card .thumb{
  border-color:color-mix(in srgb,var(--tc) 53%,#14121b);
  box-shadow:0 0 0 1px #0006;
}
.card.gallery-card.collectible-card .tier-badge{
  background:color-mix(in srgb,var(--tc) 17%,#0b0a12);
  border-color:color-mix(in srgb,var(--tc) 57%,#1b1420);
}
.card.gallery-card.collectible-card .rank{text-shadow:0 0 12px color-mix(in srgb,var(--tc) 52%,transparent)}
.card.gallery-card.collectible-card .card-meta{color:#9895ab}
.card.gallery-card.collectible-card .card-meta b{color:#c1bbd0}
.card.gallery-card.collectible-card .card-traits{color:#858094}
.card.gallery-card.collectible-card.t-apex:not(.holo){
  background:conic-gradient(from 20deg,#ebaa4e,#80c88a,#66c9dc,#c080d6,#e87f97,#ebaa4e);
  box-shadow:0 0 20px #eed17a45,0 0 9px #cf94de2b,0 3px 8px #0008;
}
.card.gallery-card.collectible-card.holo .card-inner{
  background:radial-gradient(ellipse 125% 70% at 50% 112%,color-mix(in srgb,var(--tc) 25%,transparent),transparent 90%),linear-gradient(120deg,#36132d,#172533 38%,#123838 72%,#312043);
}
.card.gallery-card.collectible-card.holo .card-body::after{
  background-image:repeating-linear-gradient(118deg,#f79fd544 0%,#9d83df37 9%,#75e4ed4a 18%,#a7e5b43d 27%,#e4d5933f 36%,#f79fd544 45%);
  background-size:230% 230%;
  background-position:var(--mx,50%) var(--my,50%);
  mask-image:linear-gradient(transparent 0%,#0007 32%,#000 85%);
}
.hscroll{padding-top:12px;padding-bottom:22px}

@media(max-width:1000px){
  .pack-lobby{grid-template-columns:minmax(0,1fr) 235px minmax(0,1fr);gap:20px;padding:26px}.lobby-balance{padding:0}.lobby-balance .pack-count{font-size:45px}.lobby-balance>p{font-size:11px}.pack-contents{gap:12px;font-size:9px;flex-wrap:wrap}.lobby-pack .pack{--pw:160px;--ph:240px}.lobby-open-actions{gap:7px}.lobby-open-actions .primary{min-width:120px}.lobby-open-actions .btn{font-size:11px;padding:10px}.lobby-timer .ring{width:104px;height:104px}.lobby-timer .ring .label b{font-size:24px}.invite-link{min-width:150px;padding:9px}.redeem-details{width:150px}.redeem-details input{width:87px}.hscroll{grid-auto-columns:195px;gap:16px}.card-grid.compact{--card-w:175px}.card-grid.large{--card-w:235px}
}
@media(max-width:740px){
  header.top{min-height:65px;padding:10px 14px;gap:10px}.logo{font-size:12px;gap:7px}.logo span{white-space:normal;max-width:110px;line-height:1.2}.logo img{width:26px;height:25px}.logo b{display:block}.top-right{gap:6px}.top-right .kofi{display:none}.pack-chip{padding:6px 8px;font-size:10px}.pack-chip img{width:14px;height:14px}.icon-btn{width:31px;height:31px}.top-right .avatar{width:29px;height:29px}.top-right .dot{min-width:12px;height:12px;font-size:8px;top:-2px;right:-2px}nav.main.open{grid-template-columns:repeat(2,1fr)}nav.main a{font-size:13px;padding:11px}main{padding:20px 17px 60px}h1{font-size:28px}h2{font-size:18px}.section{margin-top:27px}.panel{padding:18px;border-radius:11px}
  .lobby-heading{margin-bottom:15px}.lobby-heading h1{font-size:26px}.lobby-heading p{font-size:10px;max-width:215px}.lobby-heading .btn{font-size:10px;padding:8px 10px}.pack-lobby{grid-template-columns:1fr 1fr;gap:24px 15px;padding:24px 20px 20px}.lobby-balance{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center;border-bottom:1px solid #ffffff0c;padding-bottom:18px}.lobby-balance>.eyebrow{grid-column:1;grid-row:1;font-size:8px}.lobby-balance>.pack-count{grid-column:1;grid-row:2;font-size:40px;margin:2px 0 0}.lobby-balance .pack-count small{font-size:17px}.lobby-balance>p{grid-column:2;grid-row:1/3;font-size:10px;margin:0;line-height:1.6;text-align:right}.pack-contents{grid-column:1/-1;grid-row:3;margin:6px 0 0;gap:20px;font-size:9px}.pack-contents b{font-size:10px}.lobby-balance>.text-link{display:none}.lobby-pack{grid-column:1;grid-row:2;gap:17px}.lobby-pack .pack{--pw:125px;--ph:188px}.lobby-open-actions{flex-wrap:wrap;gap:10px;width:100%}.lobby-open-actions>.primary{width:100%;min-width:0;min-height:41px;font-size:12px}.lobby-open-actions>.btn:not(.primary){min-height:31px;padding:6px 9px;font-size:10px}.lobby-utilities{grid-column:2;grid-row:2;gap:17px;align-self:start;padding-top:10px}.lobby-timer .ring{width:104px;height:104px}.lobby-timer .ring .label b{font-size:24px}.lobby-timer .ring .small{font-size:7px}.lobby-timer .full-badge{font-size:8px;padding:8px}.lobby-timer>p{font-size:9px;max-width:115px}.invite-link{min-width:0;width:100%;padding:9px 5px}.invite-link>span{font-size:10px}.invite-link small{font-size:8px}.redeem-details{width:100%}.redeem-details summary{font-size:9px}.redeem-details form{flex-wrap:wrap}.redeem-details input{width:100%;font-size:12px;min-height:31px}.redeem-details .btn{width:100%}
  .home-progress{padding:0 0 22px}.home-progress .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-progress .stat b{font-size:18px}.home-progress .stat span{font-size:8px;line-height:1.4;display:block}.section-heading{gap:12px;margin-bottom:14px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.section-heading>.text-link{font-size:10px}.hscroll{grid-auto-columns:175px;gap:13px;margin-right:-17px;padding-right:17px;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.card-grid,.card-grid.compact,.index-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.card-grid.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.card-grid.mini-cards{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:15px 12px}
  .card.collectible-card{padding:4px;border-radius:10px}.card.collectible-card .card-inner{padding:5px;border-radius:5px}.card.collectible-card .card-top{padding-bottom:5px;min-height:22px}.card.collectible-card .rank{font-size:16px}.card.collectible-card .tier-badge{font-size:6px;padding:3px 4px;gap:3px}.card.collectible-card .tier-badge i{width:3px;height:3px}.card.collectible-card .card-name{font-size:clamp(11px,var(--name-scale,9.8cqi),17px);padding:6px 0 5px}.card.collectible-card .card-meta{font-size:7px;line-height:1.4}.card-stats{padding:5px 0 4px;gap:4px}.card-set{font-size:4.8px;gap:3px}.card-set img{width:8px;height:8px}.card-value{font-size:11px;gap:3px}.card-value small{font-size:4.5px}.card.collectible-card .card-foot{padding-top:4px;min-height:11px;font-size:6px}.card.collectible-card .holo-badge{font-size:5.5px;padding:1px 2px}.card-edition{font-size:5px}.card-wrap>.fav-star{width:18px;height:18px;bottom:8px;right:8px;font-size:10px}.card-wrap .card-foot{padding-right:22px}.card.collectible-card.holo,.card.collectible-card.t-apex:not(.holo){padding:4px}.community-panels{grid-template-columns:1fr;gap:17px}.community-panels .panel{padding:18px}.feed-row{font-size:9px;gap:7px}.feed-rarity{min-width:49px;font-size:7px}.feed-row small{font-size:8px}
  .page-heading{align-items:start;flex-wrap:wrap;gap:13px;margin:2px 0 17px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.page-heading>.small{max-width:none;text-align:left;font-size:9px}.page-heading .btn{align-self:center;font-size:10px;min-height:31px;padding:7px 10px}.collection-summary{gap:12px 16px;font-size:9px;padding-bottom:17px;margin-bottom:18px}.collection-summary b{font-size:10px}.collection-summary .summary-completion{font-size:8px;margin-left:0}.filter-primary{gap:9px;flex-wrap:wrap}.search-field{min-width:100%}.search-field input{font-size:12px;min-height:39px}.sort-field{flex:1;font-size:9px;gap:7px}.sort-field select{font-size:10px;min-height:34px}.layout-switch button{font-size:17px;padding:5px 8px}.filter-secondary{margin-top:9px;padding-bottom:15px;gap:8px}.rarity-tabs{gap:4px;flex:1}.rarity-tabs .chip{font-size:8px;padding:5px 6px;gap:4px}.advanced-filters summary{font-size:9px;padding:6px 8px;gap:8px}.advanced-fields{width:min(342px,calc(100vw - 34px));padding:16px;gap:12px;top:35px}.advanced-fields .field{font-size:10px}.advanced-fields input,.advanced-fields select{font-size:12px}.advanced-fields .check{font-size:10px}.pager-results{display:none}.pager-controls{justify-content:space-between;width:100%;gap:6px}.pager-controls>label{font-size:10px;gap:6px}.index-card-meta{font-size:8px;padding:8px 0 0;gap:5px}.index-card-meta .text-button{font-size:8px}#idxFilters{padding:15px}#idxFilters input,#idxFilters select{font-size:12px}#idxFilters .chip{font-size:9px;padding:6px 8px}
  .modal{padding:21px;border-radius:12px}.modal h2{font-size:24px}.detail>.card{max-width:220px;margin:0 auto}.modal.copies .copies-grid:has(>.copy:only-child){grid-template-columns:minmax(180px,210px)}.copies-grid{gap:14px}.copies-head h2{font-size:23px!important}.copy-info{font-size:10px}.copy-actions .btn{font-size:10px;min-height:31px}.opening .summary{padding:27px 17px 17px}.summary h2{font-size:27px}.summary>p{font-size:10px;line-height:1.6}.summary .pack-new{font-size:10px;margin:12px 0 20px}.summary-grid:not(.many),.summary-grid.many{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.summary .own-tag.pack-tag{font-size:7px;padding:3px 6px;margin-top:7px}.summary>.row:last-child{position:sticky;bottom:-17px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(transparent,#0a101b 20%);padding:28px 0 16px;gap:10px}.summary>.row:last-child .btn{font-size:11px;min-height:38px;padding:10px 8px}.reveal-row{max-height:calc(100svh - 70px);overflow-y:auto;gap:12px;padding:16px}.reveal-row .slot{width:min(39vw,155px)}.opening .stage-pack .pack{--pw:180px;--ph:270px}
  .craft-bench{display:block;padding:17px}.craft-bench>.craft-core{margin:0 auto 18px}.craft-bench>.craft-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.craft-bench:has(.craft-core-hint) .craft-core{width:100%;aspect-ratio:auto;min-height:60px;border:1px dashed #ffffff18;border-radius:7px;background:#ffffff02}.craft-bench>.row{margin-top:18px!important}.craft-core-hint{font-size:11px}.craft-slot .card-inner{padding:2px}.craft-slot .tier-badge{display:none!important}.craft-slot .card-name{font-size:7px!important;padding:3px 0!important}.craft-slot .card-top{padding-bottom:2px;min-height:0}.craft-slot .rank{font-size:7px!important}.craft-pick .mini-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.local-login{padding:25px;margin-top:12px}.local-login h1{font-size:29px}.local-launch{font-size:9px;padding:6px 8px;left:10px;bottom:14px}.dm-btn{width:41px;height:41px;border-radius:11px;right:14px;bottom:14px}.footer-community{font-size:10px}footer.site{font-size:8px;padding:25px 20px 65px}.kv{font-size:11px}
}
@media(max-width:370px){main{padding-left:13px;padding-right:13px}.pack-lobby{padding:20px 15px;gap:20px 13px}.logo{font-size:11px}.logo span{max-width:90px}.pack-chip img{display:none}.top-right{gap:4px}.card.collectible-card .tier-badge i{display:none}.card-set{font-size:4.5px}.card-set img{display:none}.card-value small{font-size:4.3px}.rarity-tabs .chip{font-size:7px}}
@media(max-width:740px){.card.collectible-card .card-meta{font-size:8px;line-height:1.35}.card.collectible-card .tier-badge{font-size:7px}.card.collectible-card .card-foot{font-size:7px}.card.collectible-card .holo-badge{font-size:6.5px}.card-set{font-size:5.5px}.card-value small{font-size:5.5px}.card-traits{display:none}.mini-cards .card-credits .card-meta:last-child{display:none}}
@media(pointer:coarse){input,select,textarea,.search-field input,#idxFilters input,#idxFilters select,.advanced-fields input,.advanced-fields select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.card.collectible-card,.pack{transition:none!important}.card.collectible-card .foil,.card.collectible-card.t-apex:not(.holo){animation:none!important}.hscroll{scroll-behavior:auto}}