@font-face{font-family:Outfit;src:url('/public/fonts/outfit.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/public/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#100e17;--surface:#191620;--surface2:#211c2d;--border:#30293d;--text:#f5f2fb;--muted:#9992aa;--accent:#b39af8;--lime:#c6f78b;--sidebar:230px;font-family:Inter,'Segoe UI',sans-serif;font-size:14px;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 60% -25%,#37234e50,transparent 55%),var(--bg)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{border:0;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.foil-title{font-family:Outfit,'Segoe UI',sans-serif}h1{font-size:43px;line-height:1.12;font-weight:650;letter-spacing:-1.4px}h2{font-weight:600;letter-spacing:-.5px}h3{font-weight:600}p{line-height:1.65}input,select{background:#18151f;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;min-width:0}input::placeholder{color:#777083}select{cursor:pointer}input[type=number]{width:100%}label{display:block}.icon{flex-shrink:0;vertical-align:middle}small{line-height:1.5}.muted{color:var(--muted)}.lavender{color:var(--accent)}.lime{color:var(--lime)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;line-height:1.5;color:#b2a6c5;display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #b39af8aa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s,border-color .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--accent);color:#211534;border:1px solid #c9b2ff;box-shadow:0 3px 14px #9b74e51a}.btn-primary:hover:not(:disabled){background:#c7b1ff}.btn-secondary{border:1px solid #40354f;background:#251f30;color:#ded4ee}.btn-secondary:hover:not(:disabled){border-color:#88709f;background:#30283d}.btn-ghost{color:#b2a6c5}.btn-ghost:hover{background:#251f30}.btn-lime{background:var(--lime);color:#25361a}.btn-danger{background:#a94055;color:#fff}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px}.badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:650;letter-spacing:.5px;color:#c6bad8;border:1px solid #76628f45;background:#b89de709;padding:7px 10px;border-radius:6px;white-space:nowrap}.badge .icon{width:14px;height:14px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:550}.text-link .icon{width:16px;height:16px}.text-link:hover{color:#e6d6ff}.mini-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#a57cff19;color:var(--accent)}.lime-icon{background:#b9f18012;color:var(--lime)}.gold-icon{background:#ffd47816;color:#ffd478}.blue-icon{background:#88b7ff18;color:#88b7ff}.coin-inline{display:inline-flex;align-items:center;gap:6px;color:#edcf87;font-weight:650;white-space:nowrap}.coin-inline .icon{width:18px;height:18px}.icon-button{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#292332;border:1px solid #40354b}.icon-button:hover{background:#40324f}.avatar{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;color:#e5d4ff;background:linear-gradient(145deg,#766096,#34253f);border:1px solid #bca1e84d;font-weight:700}.skip-link{position:fixed;top:-80px;z-index:1000;background:var(--accent);padding:12px;color:#161021}.skip-link:focus{top:0}
/* App frame */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#15111de8;border-right:1px solid #2b2436;display:flex;flex-direction:column;padding:28px 18px 15px;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.7px;margin-bottom:40px;white-space:nowrap}.brand-mark{display:block;flex-shrink:0;width:38px;height:41px;border-radius:10px;background:linear-gradient(145deg,#b08ae9,#7653a2);padding:4px;box-shadow:0 3px 15px #a879eb20}.brand-accent{color:#b8a0e6}.brand small{display:block;font:600 7px Inter,sans-serif;letter-spacing:2.5px;color:#7e708f;margin-top:3px}.nav-label{font-size:8px;font-weight:700;letter-spacing:1.7px;color:#6f637e;margin:0 12px 12px}.nav-label.second{margin-top:26px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;margin-bottom:4px;border-radius:9px;color:#9d93ae;font-size:12px;font-weight:550;min-height:45px;position:relative;transition:background .15s,color .15s}.nav-item>.icon{width:18px;height:18px;color:#9d8faf}.nav-item:hover{background:#241c30;color:#e3d6f6}.nav-item.active{background:linear-gradient(90deg,#b293ee24,#9271c51c);color:#c8adff}.nav-item.active:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;background:var(--accent);border-radius:5px}.nav-item.active>.icon{color:#c8adff}.nav-counter{margin-left:auto;font-size:10px;min-width:20px;text-align:center;border-radius:5px;background:#ba96fc21;padding:3px 5px;color:#cbb0f8}.nav-new{margin-left:auto;font-size:7px;letter-spacing:1px;color:#c9db9c;border:1px solid #81935d4a;padding:3px 4px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:25px}.season-card{display:flex;align-items:center;gap:10px;border-radius:10px;border:1px solid #33283f;background:linear-gradient(130deg,#35203e4f,#23182b);padding:15px 11px;position:relative;margin-bottom:15px;overflow:hidden}.season-icon{color:#a789d0;align-self:flex-start}.season-icon .icon{width:19px}.season-card b{display:block;font-size:10px;font-weight:550;margin-bottom:4px;color:#c9bdd6}.season-card small{font-size:9px;color:#8b7b9c}.season-number{position:absolute;right:-1px;bottom:-7px;font-family:Outfit,sans-serif;font-size:53px;color:#ba94d20b;pointer-events:none}.user-card{display:flex;align-items:center;gap:10px;width:100%;border-top:1px solid #30253d;padding:19px 3px 12px;text-align:left}.user-card>span:nth-child(2){min-width:0;flex:1}.user-card b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:123px}.user-card small{display:block;font-size:9px;color:#93809f;margin-top:4px}.user-card>.icon{width:14px;color:#7c6c8e}.local-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#786a85;margin-top:9px}.local-caption span{width:4px;height:4px;border-radius:50%;background:#93b078}.workspace{margin-left:var(--sidebar)}.topbar{height:76px;border-bottom:1px solid #2c243634;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px}.breadcrumb>.icon{width:12px;color:#696071}.topbar-right{display:flex;align-items:center;gap:20px}.local-pill{font-size:8px;font-weight:600;letter-spacing:1px;color:#88799b;display:flex;align-items:center;gap:6px}.local-pill i{width:5px;height:5px;background:#a790cb;border-radius:50%}.wallet{display:flex;align-items:center;gap:15px;background:#211b2a;border:1px solid #393041;border-radius:9px;padding:7px 8px 7px 13px;font-size:12px}.wallet-plus{background:#3d314b;color:#c4afd8;border-radius:5px;width:23px;height:23px;display:grid;place-items:center}.wallet-plus .icon{width:13px}.top-avatar{width:34px;height:34px;position:relative;border-radius:12px;background:linear-gradient(135deg,#8b6bb0,#443153);font-weight:600;font-size:12px}.top-avatar small{position:absolute;right:-5px;bottom:-3px;background:#bf9bf1;color:#30213e;font-size:8px;width:15px;height:15px;border-radius:5px;border:2px solid #15111d}.mobile-menu{display:none}main{max-width:1450px;margin:auto;padding:32px 36px 40px;min-height:calc(100vh - 144px)}.page-heading:not(h1){display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:13px}.page-heading h1{margin-bottom:13px}.page-heading p{font-size:12px;color:var(--muted)}.page-heading.compact{margin-bottom:26px}.page-heading.compact h1{font-size:36px;margin-top:13px}.page-heading.compact p{margin-top:12px}.odds-button{font-size:10px;padding:10px 13px;margin-bottom:4px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1450px;padding:22px 36px;margin:auto;border-top:1px solid #2c2436;font-size:10px;color:#baadc8}.site-footer .muted{margin-left:12px;font-size:9px;color:#70627e}.site-footer button{display:flex;align-items:center;gap:8px;font-size:9px;color:#8b7b9d}.site-footer .icon{width:12px;height:12px}
/* Booster room */
.pack-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.pack-stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 33%,#61488327 0,#30213f18 35%,transparent 65%),#18131f}.stage-header{position:absolute;inset:20px 22px auto;display:flex;align-items:center;justify-content:space-between;z-index:3}.stage-header>.badge{font-size:8px;padding:6px 9px;background:#18131f66}.stage-series{font-size:8px;letter-spacing:1.4px;color:#71637f}.stage-series span{color:#504258;margin:0 5px}.stage-visual{height:329px;position:relative;display:flex;align-items:center;justify-content:center;padding-top:30px;isolation:isolate}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ad89de06 1px,transparent 1px),linear-gradient(90deg,#ad89de06 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 75%);z-index:-1}.orbit{position:absolute;border:1px solid #a081c817;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.orbit-one{width:480px;height:190px}.orbit-two{width:590px;height:250px;transform:rotate(28deg)}.pack-pedestal{position:relative;z-index:2;filter:drop-shadow(0 25px 25px #0009);animation:float 6s ease-in-out infinite}.pack-pedestal:before{content:'';position:absolute;width:280px;height:210px;inset:10% -25%;background:#a472e01f;filter:blur(35px);z-index:-1;border-radius:50%}.booster-art{width:174px;height:241px;position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;color:#fff;background:linear-gradient(120deg,#775e99 0,#c3acdf 18%,#9a78c3 30%,#563074 66%,#9f7ac7 82%,#7d569b);clip-path:polygon(0 0,3% 2%,6% 0,9% 2%,12% 0,15% 2%,18% 0,21% 2%,24% 0,27% 2%,30% 0,33% 2%,36% 0,39% 2%,42% 0,45% 2%,48% 0,51% 2%,54% 0,57% 2%,60% 0,63% 2%,66% 0,69% 2%,72% 0,75% 2%,78% 0,81% 2%,84% 0,87% 2%,90% 0,93% 2%,96% 0,100% 2%,100% 100%,96% 98%,93% 100%,90% 98%,87% 100%,84% 98%,81% 100%,78% 98%,75% 100%,72% 98%,69% 100%,66% 98%,63% 100%,60% 98%,57% 100%,54% 98%,51% 100%,48% 98%,45% 100%,42% 98%,39% 100%,36% 98%,33% 100%,30% 98%,27% 100%,24% 98%,21% 100%,18% 98%,15% 100%,12% 98%,9% 100%,6% 98%,3% 100%,0 98%);border:1px solid #deccef66;box-shadow:inset 6px 0 6px #eee4ff20,inset -8px 0 12px #1d0d384f;transform:rotate(-4deg)}.booster-art:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,#fff2 35%,transparent 38%,transparent 65%,#fff1 80%);mix-blend-mode:screen;pointer-events:none}.booster-art:before{content:'';position:absolute;inset:30px -50px;background:repeating-linear-gradient(140deg,transparent 0 35px,#e8cffc0b 36px 60px);pointer-events:none}.foil-top,.foil-bottom{position:absolute;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg,#d9c9ed50 0 1px,transparent 2px 4px),#cab5df36;border-bottom:1px solid #f9efff24}.foil-top{top:0}.foil-bottom{bottom:0;transform:rotate(180deg)}.foil-brand{font-size:10px;font-weight:750;letter-spacing:2px;position:absolute;top:27px;z-index:2;color:#fff4ff}.foil-edition{position:absolute;top:44px;font-size:4.8px;font-weight:600;letter-spacing:1.3px;color:#e4d4f2}.foil-logo{position:absolute;top:58px;width:87px;height:87px;filter:drop-shadow(0 5px 0 #31204245);z-index:1;transform:rotate(5deg)}.foil-orbit{position:absolute;top:60px;width:147px;height:95px;border:1px solid #edddff52;transform:rotate(-32deg);border-radius:50%}.foil-title{position:absolute;top:151px;font-size:24px;font-weight:750;line-height:.95;letter-spacing:-.7px;text-align:center;color:#f7edff;text-shadow:0 2px 0 #41234f55}.foil-footer{position:absolute;bottom:26px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;font-size:5px;letter-spacing:.5px;font-weight:700}.foil-footer .icon{width:10px;height:10px}.booster-gaming{background:linear-gradient(125deg,#618d90,#b4d1c6 18%,#3b8c79 37%,#255c59 70%,#71b092 88%,#4b7776)}.booster-legends{background:linear-gradient(125deg,#9c752c,#ebd6a7 18%,#a88035 37%,#6a3d1f 70%,#d6ac52 88%,#967533)}.booster-art.small{transform:rotate(-12deg) scale(.31);transform-origin:center center;margin:-80px -60px}.preview-card{position:absolute;width:133px;opacity:.85;filter:drop-shadow(0 10px 10px #0006);top:92px}.preview-left{transform:translateX(-124px) rotate(-19deg);z-index:1}.preview-right{transform:translateX(128px) rotate(17deg);z-index:1}.preview-card .meme-card{font-size:.6em;pointer-events:none}.preview-card .card-body p{display:none}.preview-card .card-body h3{font-size:12px}.preview-card .card-era{font-size:5px}.preview-card .card-stats{font-size:9px;padding-top:7px;margin-top:7px}.preview-card .card-body{padding:8px 9px 6px}.preview-card .card-stats .icon{width:10px;height:10px}.preview-card .card-bottom{font-size:5px;padding:5px 8px}.preview-card .rarity-badge{font-size:7px;padding:3px 4px}.preview-card .rarity-badge .icon{width:8px;height:8px}.preview-card .card-fav .icon{width:10px;height:10px}.preview-card .card-top{padding:6px}.floating-word{position:absolute;font-size:9px;color:#8b749b;letter-spacing:1px}.word-one{left:35px;top:155px;transform:rotate(-12deg)}.word-two{right:25px;bottom:65px;transform:rotate(9deg)}.stage-star{position:absolute;color:#ba99e3;pointer-events:none}.star-one{left:25%;bottom:43px;font-size:24px;opacity:.65}.star-two{right:24%;top:76px;font-size:30px;opacity:.7}.pack-stage-bottom{position:relative;z-index:4;text-align:center;padding:0 24px 23px}.pack-stage-bottom h2{font-size:24px;margin-bottom:6px}.pack-stage-bottom p{font-size:10px;color:#a599b1}.pack-stage-bottom p>span{margin:0 7px;color:#605269}.btn-open{min-width:235px;margin-top:17px;padding:12px 23px;font-size:13px;gap:11px}.key-hint{margin-left:24px;display:inline-grid;place-items:center;font-size:13px;border:1px solid #3526462c;width:23px;height:22px;border-radius:4px}.pack-cost{font-size:9px;color:#81728e;display:flex;align-items:center;gap:8px;justify-content:center;margin-top:11px}.pack-cost .coin-inline{font-size:10px}.pack-cost .icon{width:13px;height:13px}.pack-aside{display:flex;flex-direction:column;gap:16px}.daily-card{padding:22px;background:radial-gradient(ellipse at right top,#a5c6630d,transparent 80%),var(--surface);border-color:#3d3b374f}.daily-top{display:flex;align-items:center;gap:9px;margin-bottom:18px}.daily-top .eyebrow{font-size:8px;letter-spacing:1.5px;color:#b0b79d}.daily-top .mini-icon{width:32px;height:32px}.daily-top .icon{width:17px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:auto}.daily-card h2{font-size:23px;letter-spacing:-.65px;margin-bottom:8px}.daily-card p{font-size:11px;color:#9993a5;line-height:1.65}.daily-rewards{display:flex;gap:10px;align-items:center;margin:19px 0 18px}.daily-rewards>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#c7bcce;background:#232028;padding:8px 10px;border:1px solid #3c344540;border-radius:7px}.daily-rewards .icon{width:15px;height:15px;color:#d1bce6}.daily-rewards>span.coin-inline{color:#edcf87}.daily-rewards>span.coin-inline .icon{color:#edcf87}.daily-card .btn{width:100%;font-size:11px;padding:11px 10px}.daily-card>small{display:flex;align-items:center;justify-content:center;gap:5px;color:#77707f;font-size:8px;margin-top:11px}.daily-card>small .icon{width:10px;height:10px}.progress-card{padding:20px}.progress-title{display:flex;gap:11px;align-items:center;margin-bottom:21px}.progress-title .eyebrow{font-size:7px;letter-spacing:1.3px}.progress-title h3{font-size:17px;margin-top:4px;letter-spacing:-.3px}.level-emblem{position:relative;width:34px;height:36px;display:grid;place-items:center;color:#b195df}.level-emblem .icon{position:absolute;width:34px;height:36px;fill:#9371bd19;stroke-width:1}.level-emblem b{font-family:Outfit,sans-serif;font-size:13px}.level-label{margin-left:auto;font-size:7px;color:#a78dca;background:#a086c318;border:1px solid #ae8ddb1f;border-radius:5px;padding:4px 6px}.progress-label{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:#998aa9}.progress-label b{color:#ac97c8;font-size:8px;font-weight:500}.progress-track{background:#302737;height:5px;border-radius:9px;overflow:hidden;margin-top:9px}.progress-track>i{display:block;height:100%;background:linear-gradient(90deg,#8f6ac4,#c0a1ff);border-radius:9px;transition:width .35s}.progress-card>p{font-size:8px;color:#7e708d;display:flex;align-items:center;gap:5px;margin-top:12px}.progress-card>p .icon{width:10px;height:10px}.arena-promo{display:flex;align-items:center;text-align:left;gap:12px;padding:18px;margin-top:auto;background:linear-gradient(110deg,#27202f,#1c1725)}.arena-promo .mini-icon{width:32px;height:32px}.arena-promo .mini-icon .icon{width:17px;height:17px}.arena-promo b{display:block;font-size:10px;font-weight:550}.arena-promo span:not(.mini-icon){display:block;font-size:8px;color:#8e7f9f;margin-top:5px}.arena-promo>.icon{margin-left:auto;width:14px;color:#a38dbc}.arena-promo:hover{border-color:#685174}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 17px}.section-title h2{font-size:21px;display:flex;align-items:center;gap:12px}.section-title p{font-size:10px;color:#8f829e;margin-top:5px}.count-pill{font-family:Inter,sans-serif;font-size:8px;font-weight:500;letter-spacing:0;padding:4px 7px;border-radius:5px;background:#2b2237;color:#a692bc}.booster-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.booster-option{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;background:#19151f;padding:16px 13px;text-align:left;min-height:100px;position:relative;overflow:hidden}.booster-option:hover{border-color:#68527d}.booster-option.selected{background:linear-gradient(110deg,#3e2b5155,#231c2e);border-color:#aa89d474;box-shadow:inset 0 0 0 1px #9474b71a}.booster-thumb{position:relative;width:50px;min-width:50px;height:65px;display:grid;place-items:center;filter:drop-shadow(0 5px 6px #0006)}.booster-option-text{min-width:0;flex:1}.booster-option-text .eyebrow{font-size:6.5px;letter-spacing:1px;color:#93809f;margin-bottom:6px}.booster-option-text h3{font-size:17px;letter-spacing:-.3px;margin-bottom:8px}.booster-option-text>span:last-child{font-size:9px;color:#a99cb7;display:flex;align-items:center;gap:5px}.booster-option-text .icon{width:12px;height:12px}.option-radio{width:17px;height:17px;border:1px solid #53445d;border-radius:50%;display:grid;place-items:center;align-self:flex-start;margin-left:auto}.selected .option-radio{background:#b798df;color:#2b1c3a;border-color:#b798df}.option-radio .icon{width:11px;height:11px}.locked:not(.selected){opacity:.65}.home-collection{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
/* Collectible cards */
.meme-card{display:flex;flex-direction:column;position:relative;width:100%;text-align:left;padding:0;border:1px solid color-mix(in srgb,var(--rarity),#1c1524 40%);border-radius:13px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity),#1b1525 87%),#251d30);color:#f9f5fd;isolation:isolate;box-shadow:0 7px 16px #0004;transition:transform .25s,box-shadow .25s;border-bottom-width:2px;container-type:inline-size}.meme-card:hover{transform:translateY(-5px) rotate(.5deg);box-shadow:0 12px 23px #0006,0 0 20px color-mix(in srgb,var(--rarity),transparent 91%)}.meme-card .card-image{aspect-ratio:1.43;position:relative;width:100%;overflow:hidden;background:color-mix(in srgb,var(--rarity),#30253b 78%)}.card-image>img{width:100%;height:100%;object-fit:cover}.card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:repeating-linear-gradient(135deg,transparent 0 20px,#fff03 20px 40px),radial-gradient(ellipse at top right,color-mix(in srgb,var(--rarity),transparent 62%),transparent);padding:18px 0 12px}.card-placeholder img{width:42%;height:70%;opacity:.7;filter:drop-shadow(0 7px 2px #0002)}.card-placeholder span{font-size:5px;letter-spacing:2px;color:#ffffff48;margin-top:5px}.card-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px;background:linear-gradient(#0002,transparent)}.rarity-badge{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:var(--rarity);color:#201727;font-size:9px;font-weight:800;box-shadow:0 2px 5px #0002}.rarity-badge .icon{width:11px;height:11px;stroke-width:2}.card-fav{color:#fff9;filter:drop-shadow(0 1px 2px #0006)}.card-fav .icon{width:15px;height:15px}.card-fav.on{color:#ffccf4}.card-fav.on .icon{fill:#ff8fc655}.card-count{position:absolute;right:8px;bottom:8px;color:#fff;background:#16111abf;backdrop-filter:blur(5px);font-size:9px;padding:3px 6px;border:1px solid #ffffff3f;border-radius:5px}.card-body{padding:12px 12px 9px;flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 100%,color-mix(in srgb,var(--rarity),transparent 93%),transparent)}.card-era{display:flex;justify-content:space-between;gap:3px;align-items:center;color:color-mix(in srgb,var(--rarity),#e3d8ed 45%);font-size:7px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;white-space:nowrap}.card-era>span{font-size:7px;color:#b5a1c1;letter-spacing:.5px}.card-body h3{font-size:18px;font-size:8.5cqw;letter-spacing:-.4px;line-height:1.1;min-height:20px}.card-body p{font-size:9px;font-size:4.2cqw;line-height:1.5;color:#b7a7c3;margin-top:8px;min-height:40px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-stats{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0e;padding-top:10px;margin-top:13px;gap:8px}.card-stats>span{display:flex;align-items:center;gap:5px;font-size:11px}.card-stats>span:first-child .icon{color:#e2b893}.card-stats>span:last-child .icon{color:#9dacdd}.card-stats .icon{width:13px;height:13px}.card-stats strong{font-size:inherit;font-weight:600}.card-bottom{border-top:1px solid color-mix(in srgb,var(--rarity),transparent 89%);background:#1d152b33;display:flex;justify-content:space-between;padding:6px 11px;font-size:6px;letter-spacing:.9px;font-weight:500;text-transform:uppercase;color:color-mix(in srgb,var(--rarity),#b19ac1 25%)}.card-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 15%,#ffffff05 30%,transparent 45%,#fffffb05 60%,transparent 80%);z-index:2;transition:background-position .4s;mix-blend-mode:screen}.rarity-legendary .card-shine,.rarity-mythic .card-shine{background:linear-gradient(125deg,transparent 15%,#f8f2ce13 35%,#bfffe909 38%,transparent 50%,#f4d48412 75%,transparent);background-size:220% 100%;animation:holo 9s linear infinite}.rarity-mythic{border-color:#eea0b6;box-shadow:0 5px 20px #df758d19}.rarity-legendary{border-color:#baa061;box-shadow:0 5px 20px #d4ad6919}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.collection-slot{min-width:0}.not-owned .meme-card{opacity:.5;filter:saturate(.55)}.not-owned .meme-card:hover{opacity:1;filter:none}.owned-caption{display:flex;align-items:center;justify-content:center;gap:5px;color:#83748e;font-size:8px;margin-top:10px}.owned-caption .icon{width:11px;height:11px}.collection-stats{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:20px;border:1px solid var(--border);background:#19151f;border-radius:13px;padding:22px;margin-bottom:25px}.collection-stats>div{display:flex;align-items:center;gap:13px;border-right:1px solid var(--border)}.collection-stats>div:last-child{border:0}.collection-stats b{font-family:Outfit,sans-serif;font-size:24px;font-weight:600}.collection-stats b small{font:400 12px Inter,sans-serif;color:#75677f}.collection-stats p{font-size:9px;color:#8e829c;margin-top:4px}.collection-stats .completion{display:block}.completion>span{display:flex;align-items:center;gap:12px}.completion .progress-track{margin-top:14px}.filter-bar{display:flex;gap:12px;align-items:center;margin:20px 0}.search-field{position:relative;flex:1;min-width:0}.search-field>.icon{position:absolute;top:14px;left:14px;width:16px;height:16px;color:#81738d}.search-field>input{width:100%;padding-left:42px;font-size:11px;height:44px}.filter-bar>select{font-size:10px;height:44px;padding:10px 30px 10px 13px;max-width:185px}.rarity-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 25px}.rarity-filters>button{font-size:9px;color:#9c8cab;border-radius:7px;border:1px solid transparent;padding:8px 12px;display:flex;align-items:center;gap:6px;background:#1b1523}.rarity-filters>button>i{width:5px;height:5px;border-radius:50%;background:var(--rarity)}.rarity-filters>button:hover,.rarity-filters>button.selected{border-color:#78618c77;color:#d3bcea;background:#2b2038}.results-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#8a7b98;margin-bottom:17px}.results-label>span{font-size:8px;color:#73657f;display:flex;align-items:center;gap:5px}.results-label .icon{width:11px;height:11px}.empty-state{padding:65px 20px;text-align:center}.empty-state>.icon{width:36px;height:36px;color:var(--accent);margin-bottom:20px}.empty-state h2{font-size:26px}.empty-state p{color:var(--muted);font-size:12px;margin:15px 0 25px}
/* Market and trades */
.balance-panel{padding:14px 20px;display:flex;align-items:center;gap:20px;background:#241b2c;border:1px solid #3f314c;border-radius:11px}.balance-panel>.muted{font-size:10px}.balance-panel>.coin-inline{font-size:17px}.demo-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#a89ab7;background:#251b321e;border:1px solid #4935565c;border-radius:9px;padding:12px 15px;margin-bottom:22px;line-height:1.6}.demo-note>.icon{width:16px;height:16px;color:#a88ac3;flex-shrink:0}.tabs{display:flex;border-bottom:1px solid var(--border);gap:30px;margin-bottom:22px}.tabs>button{padding:8px 0 16px;color:#8c7e9a;font-size:11px;position:relative}.tabs>button.active{color:var(--accent)}.tabs>button.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.tabs>button>span{font-size:8px;padding:3px 5px;border-radius:4px;background:#35273f;margin-left:7px}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.market-item{padding:12px;min-width:0;background:#17131d}.seller{display:flex;align-items:center;gap:6px;font-size:9px;color:#a496b4;margin-top:13px}.seller>span:last-child{margin-left:auto;font-size:7px;letter-spacing:.5px;color:#796488}.seller-avatar{width:20px;height:20px;display:grid;place-items:center;background:#3d2a4d;color:#baa3cc;border-radius:6px;font-size:8px}.market-price{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:13px;margin-top:10px;border-top:1px solid #302335}.market-price small{display:block;font-size:6px;letter-spacing:1px;color:#85708f;margin-bottom:5px}.market-price .coin-inline{font-size:13px}.market-price .btn{font-size:9px;padding:8px 9px}.market-price .btn .icon{width:12px;height:12px}.market-price>.lime{font-size:8px}.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.trade-panel{padding:23px}.trade-person{display:flex;align-items:center;gap:10px;margin-bottom:25px}.trade-person h3{font-size:16px}.trade-person small{font-size:9px;color:#8e7f9e}.trade-person>.badge{margin-left:auto;font-size:8px}.trade-cards{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:12px}.trade-cards .eyebrow{font-size:7px;justify-content:center;margin-bottom:13px}.trade-cards>div>small{display:block;text-align:center;font-size:8px;color:#8d7b9b;margin-top:10px}.trade-direction{color:#a28ab9;display:grid;place-items:center}.trade-direction .icon{width:21px}.trade-panel>.btn{width:100%;margin-top:23px;font-size:11px}
/* Solo arena */
.arena-hero{position:relative;overflow:hidden;text-align:center;padding:40px 30px 45px;background:radial-gradient(ellipse at top,#73499927,transparent 70%),#18131f}.arena-graphic{height:235px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px}.arena-card-a,.arena-card-b{width:135px;position:absolute;top:0;pointer-events:none}.arena-card-a{transform:translateX(-100px) rotate(-13deg)}.arena-card-b{transform:translateX(100px) rotate(13deg)}.arena-graphic .card-body p{display:none}.arena-vs{font:750 50px Outfit,sans-serif;color:#caabe8;font-style:italic;text-shadow:0 2px 35px #b894ff80;z-index:2;margin-top:-25px}.arena-hero>.eyebrow{justify-content:center}.arena-hero>h2{font-size:38px;line-height:1.08;margin:15px 0 17px}.arena-hero>p{font-size:11px;color:#a595b3}.arena-rules{display:flex;align-items:center;justify-content:center;gap:25px;margin:24px 0 28px}.arena-rules>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#bb9cd2}.arena-rules .icon{width:15px;height:15px}.arena-hero>.btn{font-size:13px;padding:14px 27px}.quiz-panel{max-width:760px;margin:30px auto;padding:35px 45px;background:radial-gradient(ellipse at top,#6646891c,transparent 70%),#1a1422}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-dots{display:flex;gap:8px;margin:28px 0 35px}.quiz-dots>span{height:4px;border-radius:4px;background:#35263e;flex:1}.quiz-dots>span.current{background:#b195d7}.quiz-dots>span.done{background:#90b07b}.quiz-symbol{width:44px;height:44px;background:#a075cc1c;color:#b293d4;display:grid;place-items:center;border:1px solid #a585d030;border-radius:12px;margin-bottom:23px}.quiz-panel h1{font-size:29px;line-height:1.3;letter-spacing:-.8px;margin-bottom:28px}.quiz-answers{display:grid;gap:12px}.quiz-answer{display:flex;align-items:center;gap:15px;border:1px solid #41304d;background:#241b2e;border-radius:10px;padding:15px 17px;text-align:left;font-size:12px;color:#cabbd6}.quiz-answer>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #594465;border-radius:6px;font-size:10px;color:#ac8fc5;flex-shrink:0}.quiz-answer:hover:not(:disabled){border-color:#bd9edc;background:#34243f}.quiz-answer:disabled{opacity:.7}.quiz-answer.correct{border-color:#91bd75;background:#a8cf7016;color:#d3e6c0;opacity:1}.quiz-answer.correct>.icon{margin-left:auto}.quiz-answer.incorrect{border-color:#bd697e;background:#b0576c20;color:#dda8b3;opacity:1}.quiz-feedback{display:flex;flex-direction:column;align-items:flex-end;gap:20px;margin-top:20px}.quiz-feedback>span{font-size:11px;color:#bdaacc;align-self:flex-start}.quiz-tip{font-size:10px;margin-top:22px;text-align:center}.quiz-result{text-align:center;max-width:760px;margin:30px auto;padding:50px 35px}.result-medal{width:85px;height:85px;background:radial-gradient(circle,#a081411f,#372536);border:1px solid #ad8d5145;border-radius:30px;display:grid;place-items:center;color:#edc77c;margin:0 auto 26px}.result-medal>.icon{width:41px;height:41px}.quiz-result .eyebrow{justify-content:center}.quiz-result h1{font-size:33px;margin:14px 0}.big-score{font:650 95px Outfit,sans-serif;letter-spacing:-4px;color:var(--accent);margin:20px 0}.big-score>span{font-size:35px;letter-spacing:-1px;color:#72637d}.quiz-result>p{font-size:12px;color:#a290b1}.reward-summary{color:#c8dda8;background:#96b46212;padding:13px 18px;border:1px solid #98b56921;border-radius:10px;font-size:11px;max-width:400px;margin:23px auto}.quiz-result>.btn{margin:4px}
/* Dialogs, card reveal */
dialog{border:1px solid #5a4367;border-radius:21px;padding:0;background:#1c1524;color:var(--text);box-shadow:0 30px 100px #0009;max-width:min(720px,calc(100vw - 30px));max-height:90vh;overflow-y:auto}dialog::backdrop{background:#08050ecd;backdrop-filter:blur(9px)}.modal-close{position:absolute;right:14px;top:14px;z-index:10;background:#251b2ec9}.simple-modal{padding:42px;min-width:min(490px,90vw)}.simple-modal>.eyebrow{margin-bottom:13px}.simple-modal>h2{font-size:30px;line-height:1.2;padding-right:20px;margin-bottom:20px}.simple-modal>p{font-size:12px;color:#b3a2c1;margin-bottom:20px}.simple-modal .btn{margin-top:8px;margin-right:7px}.simple-modal form label{font-size:11px;color:#ab95bb;margin:15px 0}.simple-modal form input{margin:10px 0 15px}.simple-modal .demo-note{font-size:11px}.odds-list{margin:25px 0;display:grid;gap:5px}.odds-list>div{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:7px;background:#2a1e34;font-size:11px}.odds-list>div>span{display:flex;align-items:center;gap:10px}.odds-list i{width:6px;height:6px;border-radius:50%}.odds-list b{color:#ba9bcf;font-size:11px}.card-modal{max-width:min(800px,calc(100vw - 30px))}.card-detail{display:grid;grid-template-columns:270px minmax(0,1fr);gap:35px;padding:38px}.detail-art{align-self:center;filter:drop-shadow(0 8px 20px #b198ed11)}.detail-art .meme-card{transform:rotate(-2deg);pointer-events:none}.detail-art .card-body{padding:17px}.detail-art .card-body p{min-height:62px}.detail-art .card-stats{margin-top:25px;padding-top:16px}.detail-art .card-stats>span{font-size:15px}.detail-info h2{font-size:31px;letter-spacing:-1px;margin:14px 0}.detail-info>p{font-size:12px;color:#bfaacf}.detail-tags{display:flex;gap:8px;margin:18px 0}.detail-tags>span{background:#35233f;border:1px solid #4c3659;border-radius:6px;padding:5px 10px;font-size:9px;color:#bfa9cf}.detail-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.detail-numbers>div{border:1px solid #4c365a;border-radius:10px;padding:12px;text-align:center;color:#e9bb89}.detail-numbers>div:last-child{color:#adbbe9}.detail-numbers .icon{width:18px;height:18px;margin-right:7px}.detail-numbers b{font-size:18px;font-weight:600}.detail-numbers small{display:block;font-size:7px;letter-spacing:1.5px;color:#93829f;margin-top:7px}.detail-origin{margin-bottom:15px}.detail-origin .eyebrow{font-size:8px}.detail-origin p{font-size:11px;color:#b19bbe;margin-top:7px}.detail-info>.text-link{font-size:10px;margin:15px 0 0}.art-credit{font-size:8px;color:#7c688a;display:block;margin-top:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.detail-actions .btn{font-size:10px;padding:10px 12px}.opening-modal{max-width:min(1230px,calc(100vw - 30px));width:calc(100vw - 70px);background:radial-gradient(ellipse at 50% 40%,#4c2d674f,transparent 70%),#18111f;overflow:hidden;min-height:600px}.opening-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px 35px;gap:17px}.opening-intro h2{font-size:35px;line-height:1.1;letter-spacing:-.7px}.opening-intro>.eyebrow{color:#ad8fc8}.tear-pack{position:relative;margin:15px 0 20px;padding:0 30px 22px;filter:drop-shadow(0 12px 35px #9967da20)}.tear-pack>.booster-art{width:188px;height:265px;transform:rotate(-5deg);transition:transform .35s}.tear-pack:hover>.booster-art{transform:rotate(3deg) scale(1.03)}.tear-pack .foil-logo{top:67px;width:95px;height:95px}.tear-pack .foil-title{top:164px;font-size:28px}.tear-indicator{position:absolute;bottom:0;left:0;right:0;margin:auto;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;border:1px solid #ccb0e589;background:#32203fed;color:#ead8fb;font-size:8px;font-weight:600;letter-spacing:1px;padding:12px}.tear-indicator>.icon{width:15px;height:15px}.opening-intro>p{font-size:10px;color:#977eaa}.opening-header{text-align:center;padding:48px 25px 35px}.opening-header .eyebrow{justify-content:center;color:#b295c8}.opening-header h2{font-size:35px;margin:13px 0 11px}.opening-header p{font-size:12px;color:#a48aB7}.reveal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:10px 40px}.reveal-slot{min-width:0;perspective:1000px;animation:cardArrive .5s backwards;animation-delay:var(--delay)}.reveal-card{display:block;width:100%;padding:0;aspect-ratio:.65;perspective:1000px}.reveal-card:disabled{opacity:1;cursor:default}.reveal-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.revealed .reveal-inner{transform:rotateY(180deg)}.card-back,.reveal-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:13px;overflow:hidden;display:block}.card-back{background:repeating-linear-gradient(135deg,#9577bc09 0 10px,transparent 10px 20px),radial-gradient(ellipse at 50% 35%,#674681,#271334);border:2px solid #8f6cac;box-shadow:inset 0 0 0 5px #2c1738,inset 0 0 0 6px #a285bb6b;color:#c8abd9;display:flex;align-items:center;flex-direction:column;justify-content:center}.card-back>img{width:52%;position:relative;z-index:2;filter:drop-shadow(0 8px 4px #19072580)}.back-label{position:absolute;top:21px;font:500 9px Outfit,sans-serif;letter-spacing:2px}.back-caption{position:absolute;bottom:44px;font-size:5px;letter-spacing:1.7px}.back-number{position:absolute;bottom:17px;font:600 12px Outfit,sans-serif;color:#7c5d95}.back-ring{position:absolute;width:75%;height:50%;border:1px solid #9b7bbb40;border-radius:50%;transform:rotate(-32deg)}.reveal-card:hover:not(:disabled) .card-back{border-color:#debcff;box-shadow:inset 0 0 0 5px #382246,inset 0 0 0 6px #c1a1db91,0 0 20px #a97acd30}.reveal-front{transform:rotateY(180deg)}.reveal-front .meme-card{height:100%;pointer-events:none}.reveal-front .card-body{min-height:0}.reveal-front .card-body p{font-size:8px;min-height:22px;-webkit-line-clamp:2}.reveal-front .card-body h3{font-size:16px}.reveal-front .card-stats{margin-top:auto;padding-top:8px}.reveal-status{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:8px;color:#7d6290;letter-spacing:1px;margin-top:17px;min-height:16px}.revealed .reveal-status{color:var(--rarity)}.reveal-status .icon{width:11px;height:11px}.opening-actions{display:flex;align-items:center;justify-content:center;gap:20px;padding:35px 20px 42px}.opening-actions .muted{font-size:10px}#toasts{position:fixed;bottom:25px;right:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(410px,calc(100vw - 40px));pointer-events:none}.toast{display:flex;align-items:center;gap:11px;background:#2c2237f5;border:1px solid #75568e;color:#e0cbed;font-size:11px;border-radius:11px;padding:15px 19px;box-shadow:0 8px 20px #0006;animation:toastEnter .25s}.toast>.icon{width:17px;height:17px;color:#c7e8a9}.toast.error{border-color:#a95873}.toast.error>.icon{color:#ed9cad}.menu-scrim{display:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes holo{0%{background-position:100% 50%}100%{background-position:-120% 50%}}@keyframes cardArrive{from{opacity:0;transform:translateY(25px) scale(.92)}to{opacity:1;transform:none}}@keyframes toastEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Responsive layouts */
@media(min-width:1650px){main{padding-top:42px}.pack-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px}.stage-visual{height:375px}.pack-pedestal .booster-art{transform:rotate(-4deg) scale(1.13)}.preview-card{width:155px;top:96px}.preview-left{transform:translateX(-150px) rotate(-18deg)}.preview-right{transform:translateX(150px) rotate(17deg)}.daily-card{padding:27px}.daily-card h2{font-size:27px}.daily-card p{font-size:12px}.daily-rewards{margin:25px 0}.progress-card{padding:25px}.arena-promo{padding:23px}.home-collection{gap:22px}.card-body p{min-height:48px}}
@media(max-width:1250px){:root{--sidebar:205px}.sidebar{padding-left:13px;padding-right:13px}.brand{font-size:19px;gap:8px}.brand-mark{width:33px;height:36px}.brand small{font-size:6px}.nav-item{padding:11px 12px;font-size:11px}.nav-label{font-size:7px}.topbar{padding:0 27px}main{padding:27px}.page-heading h1{font-size:36px}.pack-layout{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.stage-visual{height:315px}.stage-header{inset:17px 17px auto}.stage-series{display:none}.word-one,.word-two{display:none}.preview-card{width:118px;top:105px}.preview-left{transform:translateX(-104px) rotate(-19deg)}.preview-right{transform:translateX(104px) rotate(17deg)}.pack-pedestal .booster-art{width:159px;height:230px}.pack-pedestal .foil-title{font-size:23px;top:143px}.daily-card{padding:20px 17px}.daily-card h2{font-size:21px}.daily-top .eyebrow{font-size:7px}.daily-card p{font-size:10px}.progress-card{padding:18px 16px}.progress-title h3{font-size:16px}.progress-label{font-size:7px}.arena-promo{padding:15px 13px;gap:9px}.arena-promo b{font-size:9px}.arena-promo span:not(.mini-icon){font-size:7px}.booster-options{gap:10px}.booster-option{gap:8px;padding:15px 10px}.booster-option-text h3{font-size:15px}.booster-option-text .eyebrow{font-size:5.5px}.booster-option-text>span:last-child{font-size:8px}.option-radio{width:14px;height:14px}.home-collection,.card-grid{gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-collection>.meme-card:last-child{display:none}.collection-stats{gap:14px;padding:18px}.collection-stats .mini-icon{width:32px;height:32px}.collection-stats>div{gap:9px}.collection-stats b{font-size:22px}.collection-stats p{font-size:8px}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-grid{gap:16px}.trade-panel{padding:16px}.trade-cards{gap:8px;grid-template-columns:1fr 22px 1fr}.card-grid .card-body p{min-height:40px}.section-title h2{font-size:19px}.site-footer{padding:22px 27px}.reveal-grid{gap:12px;padding:10px 25px}.reveal-front .card-body h3{font-size:14px}.reveal-front .card-body p{font-size:7px}.reveal-front .card-body{padding:9px}.reveal-front .card-era{font-size:6px}.reveal-front .card-stats>span{font-size:9px}.reveal-front .card-stats .icon{width:10px;height:10px}}
@media(max-width:1000px){:root{--sidebar:185px}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:17px;gap:7px}.brand-mark{width:31px;height:33px}.nav-item{font-size:10px;gap:9px;padding:11px 10px}.nav-item>.icon{width:16px;height:16px}.season-card{padding:12px 8px;gap:7px}.season-card b{font-size:8px}.season-card small{font-size:7px}.user-card b{max-width:94px;font-size:11px}.user-card small{font-size:8px}.local-caption{font-size:7px}.pack-layout{grid-template-columns:1fr}.pack-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.daily-card{grid-row:span 2}.daily-card p br{display:none}.daily-card p{font-size:11px}.daily-card .btn{margin-top:2px}.progress-card{padding:18px}.arena-promo{margin-top:0;padding:13px}.progress-title{margin-bottom:17px}.stage-visual{height:310px}.preview-card{width:136px;top:92px}.preview-left{transform:translateX(-125px) rotate(-19deg)}.preview-right{transform:translateX(125px) rotate(17deg)}.pack-pedestal .booster-art{width:174px;height:241px}.pack-pedestal .foil-title{top:151px;font-size:24px}.booster-options{grid-template-columns:1fr}.booster-option{min-height:94px;padding:13px 21px;gap:25px}.booster-thumb{width:47px;min-width:47px;height:62px}.booster-option-text h3{font-size:19px}.booster-option-text .eyebrow{font-size:7px}.option-radio{align-self:center;width:20px;height:20px}.booster-option-text>span:last-child{font-size:10px}.home-collection,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-collection>.meme-card:nth-last-child(2){display:none}.page-heading:not(h1){align-items:flex-start}.odds-button{font-size:0;width:36px;height:36px;padding:8px;margin-top:29px;gap:0}.odds-button .icon{width:17px;height:17px}.page-heading h1{font-size:34px}.page-heading.compact h1{font-size:31px}.topbar{height:66px}.local-pill{display:none}.collection-stats{grid-template-columns:repeat(2,1fr);gap:20px}.collection-stats>div:nth-child(2){border:0}.collection-stats p{font-size:9px}.collection-stats .completion .progress-track{max-width:150px}.filter-bar{flex-wrap:wrap;gap:9px}.search-field{flex-basis:100%}.filter-bar>select{max-width:none;flex:1;font-size:9px}.rarity-filters{gap:5px}.rarity-filters>button{font-size:8px;padding:7px 9px}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.market-item{padding:8px}.market-price{flex-wrap:wrap}.market-price>.btn{width:100%}.trade-grid{grid-template-columns:1fr}.trade-panel{padding:25px}.trade-cards{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:25px;max-width:420px;margin:auto}.trade-panel>.btn{max-width:420px;display:flex;margin:23px auto 0}.trade-person{max-width:420px;margin-left:auto;margin-right:auto}.card-detail{gap:23px;padding:32px;grid-template-columns:220px minmax(0,1fr)}.detail-info h2{font-size:27px}.detail-actions .btn{font-size:9px}.card-modal{max-width:calc(100vw - 40px)}.simple-modal{padding:40px 30px}.reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin:auto}.reveal-slot:nth-child(4){grid-column:1}.opening-modal{overflow-y:auto;max-height:92vh}.reveal-front .card-body p{font-size:9px}.reveal-front .card-body h3{font-size:18px}.reveal-card{aspect-ratio:.63}.opening-header h2{font-size:29px}.opening-actions{padding:28px 20px}.reveal-slot{margin-bottom:12px}.site-footer .muted{display:none}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-105%);transition:transform .25s;width:230px;padding:25px 17px 16px;z-index:60;background:#15111dfc}.sidebar.is-open{transform:translateX(0)}.sidebar .brand{font-size:21px;gap:10px}.sidebar .brand-mark{width:38px;height:41px}.sidebar .brand small{font-size:7px}.sidebar .nav-label{font-size:8px}.sidebar .nav-item{font-size:12px;gap:12px;padding:11px 14px}.sidebar .nav-item>.icon{width:18px;height:18px}.sidebar .season-card b{font-size:10px}.sidebar .season-card small{font-size:9px}.sidebar .user-card b{font-size:12px;max-width:120px}.sidebar .user-card small{font-size:9px}.sidebar .local-caption{font-size:8px}.menu-scrim{display:block;position:fixed;inset:0;background:#07040bbf;backdrop-filter:blur(4px);z-index:50}.mobile-menu{display:grid;width:31px;height:31px;background:transparent;border:0}.mobile-menu .icon{width:19px}.topbar{padding:0 18px;height:62px;background:#15101bd9;position:sticky;top:0;z-index:25;backdrop-filter:blur(15px);border-bottom:1px solid #33233f}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>.muted,.breadcrumb>.icon{display:none}.topbar-right{gap:13px}.wallet{font-size:11px;padding:6px 7px 6px 10px;gap:9px}.wallet .coin-inline .icon{width:16px;height:16px}.top-avatar{width:30px;height:30px;font-size:10px}.wallet-plus{width:20px;height:20px}main{padding:26px 20px;min-height:calc(100vh - 122px)}.page-heading:not(h1){margin-bottom:24px;gap:13px}.page-heading h1{font-size:34px;letter-spacing:-1.1px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.page-heading h1{margin-bottom:13px}.page-heading p{font-size:11px}.page-heading.compact{flex-wrap:wrap}.page-heading.compact h1{font-size:31px}.page-heading.compact>.btn{font-size:10px;padding:9px 12px}.stage-header{inset:17px}.stage-visual{height:300px}.pack-stage-bottom{padding-bottom:22px}.pack-stage-bottom h2{font-size:25px}.pack-stage-bottom p{font-size:10px}.btn-open{width:75%;padding:13px 20px}.pack-cost{font-size:8px}.pack-aside{grid-template-columns:1fr 1fr;gap:12px}.daily-card{padding:19px 16px}.daily-card h2{font-size:21px}.daily-card p{font-size:10px}.daily-top{gap:7px;margin-bottom:15px}.daily-top>.eyebrow{font-size:6.5px;letter-spacing:.9px}.daily-top>.mini-icon{width:26px;height:26px;border-radius:8px}.daily-rewards{flex-wrap:wrap;gap:6px;margin:17px 0}.daily-rewards>span{font-size:9px;padding:6px 8px}.daily-card .btn{font-size:9px;gap:4px;padding:11px 7px}.daily-card .btn .icon{width:12px}.daily-card>small{font-size:6.5px}.progress-card{padding:18px 14px}.progress-title{gap:7px}.progress-title h3{font-size:17px}.progress-title .eyebrow{font-size:6px;letter-spacing:1px}.level-label{display:none}.progress-label{flex-wrap:wrap;gap:7px;font-size:7px}.progress-label b{font-size:7px}.progress-card>p{font-size:7px;line-height:1.5;align-items:flex-start}.progress-card>p .icon{margin-top:2px}.arena-promo{padding:14px 12px;gap:8px}.arena-promo>.mini-icon{width:25px;height:25px;flex-shrink:0}.arena-promo>.mini-icon .icon{width:15px}.arena-promo>div>b{font-size:9px;line-height:1.5}.arena-promo>div>span{font-size:7px;line-height:1.5}.arena-promo>.icon{display:none}.section-title{margin-top:27px;align-items:flex-start}.section-title h2{font-size:20px;gap:8px;flex-wrap:wrap}.section-title p{font-size:10px}.section-title>.text-link{font-size:0;margin-top:5px;gap:0}.section-title>.text-link .icon{width:21px;height:21px}.booster-option{padding:12px 17px;gap:23px;min-height:96px}.booster-option-text h3{font-size:20px}.booster-option-text .eyebrow{font-size:7px}.home-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.home-collection .card-body{padding:10px 9px 7px}.home-collection .card-era{font-size:6px}.home-collection .card-era>span{font-size:6px}.home-collection .card-stats{font-size:9px}.home-collection .card-stats>span{font-size:9px}.home-collection .card-stats .icon{width:10px;height:10px}.home-collection .card-bottom{font-size:5px;padding:5px 7px}.home-collection .card-body p{min-height:32px}.home-collection .card-top{padding:7px}.home-collection .rarity-badge{font-size:7px;padding:3px 5px}.home-collection .rarity-badge .icon{width:8px;height:8px}.home-collection .card-fav .icon{width:12px;height:12px}.collection-stats{gap:19px;padding:19px;margin-bottom:20px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}.card-grid .card-body{padding:10px}.card-grid .card-era,.card-grid .card-era>span{font-size:6px}.card-grid .card-stats>span{font-size:10px}.card-grid .card-stats .icon{width:11px;height:11px}.results-label>span{display:none}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.market-price{flex-wrap:nowrap}.market-price>.btn{width:auto}.market-item{padding:9px}.market-item .card-body{padding:10px}.seller{font-size:8px}.balance-panel{padding:10px 14px;font-size:12px;gap:17px}.balance-panel>.coin-inline{font-size:14px}.demo-note{font-size:8px;padding:10px 12px;align-items:flex-start}.demo-note .icon{width:13px;height:13px;margin-top:1px}.tabs{gap:21px}.tabs>button{font-size:10px}.trade-panel{padding:20px}.trade-cards{grid-template-columns:1fr 25px 1fr;gap:10px}.trade-person>.badge{font-size:7px;padding:5px 7px}.trade-person h3{font-size:15px}.trade-person small{font-size:8px}.trade-cards .card-body{padding:9px}.trade-cards .card-body p{min-height:35px}.trade-cards .card-era,.trade-cards .card-era>span{font-size:6px}.trade-cards .card-stats>span{font-size:10px}.trade-cards .card-stats .icon{width:10px;height:10px}.trade-cards>div>small{font-size:7px}.trade-cards .card-bottom{font-size:5px;padding:5px 8px}.trade-cards .card-top{padding:7px}.trade-cards .rarity-badge{font-size:7px;padding:4px}.trade-cards .rarity-badge .icon{width:8px;height:8px}.trade-cards .card-fav .icon{width:12px;height:12px}.arena-hero{padding:35px 20px}.arena-hero>h2{font-size:33px}.arena-hero>p{font-size:10px}.arena-rules{gap:16px;flex-wrap:wrap;margin:20px 0 26px}.arena-rules>span{font-size:8px}.arena-rules .icon{width:13px}.quiz-panel{padding:25px 22px;margin:10px auto}.quiz-top>.eyebrow{font-size:7px}.quiz-top>.badge{font-size:8px;padding:6px 8px}.quiz-panel h1{font-size:25px}.quiz-answer{font-size:11px;padding:12px;gap:12px}.quiz-feedback>span{font-size:10px}.quiz-result{padding:35px 22px;margin:12px auto}.quiz-result h1{font-size:28px}.quiz-result>.btn{font-size:10px}.big-score{font-size:80px}.site-footer{padding:20px;font-size:9px}.site-footer button{font-size:8px}.simple-modal{padding:40px 24px 26px;min-width:0}.simple-modal>h2{font-size:26px}.simple-modal>p{font-size:11px}.card-detail{grid-template-columns:1fr;padding:40px 26px 25px;gap:25px}.detail-art{width:210px;margin:auto}.detail-info h2{font-size:30px}.detail-info>.badge{font-size:9px}.card-modal{max-width:calc(100vw - 30px);width:470px}.card-detail .meme-card .card-body p{min-height:45px}.detail-numbers{margin:16px 0}.detail-origin p{font-size:11px}.opening-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:94vh;border-radius:15px}.opening-header{padding:45px 20px 23px}.opening-header .eyebrow{font-size:8px}.opening-header h2{font-size:27px}.opening-header p{font-size:10px}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 24px;gap:17px}.reveal-slot:nth-child(4){grid-column:auto}.reveal-slot:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.reveal-card{aspect-ratio:.64}.reveal-front .card-body h3{font-size:16px}.reveal-front .card-body p{font-size:8px}.reveal-status{font-size:7px;margin-top:12px}.opening-actions{flex-wrap:wrap;gap:12px;padding:18px 20px 30px}.opening-actions .btn{font-size:11px}.opening-intro h2{font-size:32px}.opening-intro{padding:45px 20px 30px}.opening-intro>.eyebrow{font-size:8px}.opening-intro>p{font-size:9px}.back-label{font-size:8px}.opening-modal .modal-close{right:9px;top:9px;width:29px;height:29px}.toast{font-size:10px;padding:13px 16px}#toasts{bottom:16px;right:16px}.extra-page h1.page-heading{font-size:32px;line-height:1.2;letter-spacing:-1px}}
@media(max-width:430px){main{padding:23px 16px}.page-heading h1{font-size:30px}.page-heading p{font-size:10px}.odds-button{margin-top:27px;flex-shrink:0;width:31px;height:31px}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}.stage-visual{height:295px}.preview-card{width:107px;top:107px}.preview-left{transform:translateX(-91px) rotate(-18deg)}.preview-right{transform:translateX(91px) rotate(18deg)}.pack-pedestal .booster-art{width:155px;height:222px}.pack-pedestal .foil-logo{top:53px;width:78px}.pack-pedestal .foil-title{top:139px;font-size:22px}.pack-pedestal .foil-footer{bottom:25px;font-size:4px}.pack-pedestal .foil-brand{font-size:9px}.stage-header{inset:15px 13px auto}.stage-header>.badge{font-size:7px}.pack-stage-bottom h2{font-size:23px}.pack-stage-bottom p{font-size:9px}.pack-aside{grid-template-columns:1fr}.daily-card{grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:18px}.daily-top{grid-column:1/-1;margin-bottom:12px}.daily-top .eyebrow{font-size:8px}.daily-card h2{font-size:22px;grid-column:1/-1}.daily-card>p{grid-column:1/-1;font-size:11px}.daily-rewards{margin:16px 0 5px;gap:6px}.daily-card .btn{align-self:center;grid-column:2;grid-row:4;padding:11px 8px;font-size:9px}.daily-card>small{grid-column:1/-1;font-size:8px;margin-top:13px}.progress-card{padding:18px}.progress-title{gap:12px;margin-bottom:16px}.progress-title .eyebrow{font-size:7px}.progress-title h3{font-size:19px}.level-label{display:block;font-size:8px}.progress-label{font-size:9px}.progress-label b{font-size:9px}.progress-card>p{font-size:9px}.arena-promo{padding:17px;gap:12px}.arena-promo>.mini-icon{width:34px;height:34px}.arena-promo>div>b{font-size:11px}.arena-promo>div>span{font-size:9px}.arena-promo>.icon{display:block}.home-collection,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.home-collection>.meme-card:nth-child(3){display:none}.home-collection .card-body p{font-size:9px;min-height:39px}.home-collection .card-body h3{font-size:17px}.home-collection .card-era{font-size:7px}.home-collection .card-stats>span{font-size:11px}.home-collection .card-bottom{font-size:6px}.section-title h2{font-size:20px}.collection-stats{gap:17px 12px;padding:17px 13px}.collection-stats .mini-icon{width:27px;height:27px}.collection-stats .mini-icon .icon{width:16px;height:16px}.collection-stats b{font-size:24px}.collection-stats p{font-size:8px}.completion>span{gap:7px}.card-grid .card-body p{font-size:9px;min-height:40px}.card-grid .card-body h3{font-size:18px}.card-grid .card-era{font-size:7px}.card-grid .card-bottom{font-size:6px}.market-grid{gap:12px}.market-price .coin-inline{font-size:11px}.market-price .btn{font-size:8px;padding:8px}.market-price .btn .icon{display:none}.market-item .card-body p{min-height:37px}.market-item .card-era{font-size:6px}.market-item .card-bottom{font-size:5px;padding:5px 7px}.market-item .card-stats>span{font-size:10px}.market-item .card-stats .icon{width:11px;height:11px}.market-item .card-top{padding:6px}.market-item .rarity-badge{font-size:7px}.market-item .rarity-badge .icon{width:8px;height:8px}.trade-panel{padding:15px}.trade-cards{grid-template-columns:1fr 20px 1fr;gap:8px}.trade-cards .card-era{font-size:5px}.trade-cards .card-stats>span{font-size:9px}.trade-cards .card-body p{font-size:8px;min-height:35px}.trade-cards .card-body h3{font-size:16px}.trade-person h3{font-size:14px}.trade-person small{font-size:7px}.trade-person>.badge{font-size:6px;padding:5px}.reveal-grid{padding:10px 17px;gap:14px}.reveal-front .card-body h3{font-size:15px}.reveal-front .card-stats>span{font-size:10px}.reveal-front .card-body p{font-size:7px}.reveal-front .card-bottom{font-size:5px}.reveal-front .card-top{padding:7px}.reveal-front .rarity-badge{font-size:7px}.reveal-front .rarity-badge .icon{width:8px;height:8px}.opening-header h2{font-size:25px}.detail-art{width:190px}.simple-modal .btn{font-size:10px;white-space:normal}.site-footer{padding:19px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html:has(dialog[open]){overflow:hidden}.opening-modal{overflow-y:auto;min-height:min(600px,90vh)}.tear-pack.tearing{opacity:1;cursor:default}.tearing .booster-art{animation:tearOpen .45s ease-in forwards}.tearing .tear-indicator{opacity:0}.revealed .card-shine{animation:holo 4s ease-out 1}.sidebar{scrollbar-width:thin;scrollbar-color:#40314d transparent}body{scrollbar-color:#48384e #100e17}dialog{scrollbar-width:thin;scrollbar-color:#684b79 transparent}@keyframes tearOpen{0%{transform:rotate(-5deg)}25%{transform:rotate(3deg) scale(1.03)}50%{transform:rotate(-8deg) scale(.97)}100%{transform:translateY(-45px) rotate(16deg) scale(1.1);opacity:0}}