@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101411;--panel:#181e19;--line:#2c352d;--text:#f5f5e9;--muted:#9fa99e;--lime:#d4f969;--gold:#f7cc73;--purple:#c7a0ff;--blue:#9fcafa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#101411ef;backdrop-filter:blur(15px);gap:20px}.brand{display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-1px}.brand-icon{font-size:33px;color:var(--lime);margin-right:4px}.brand-light{font-weight:400;color:var(--muted)}.brand small{font-size:8px;letter-spacing:1px;border:1px solid var(--line);padding:4px;margin-left:3px;color:var(--lime)}nav{display:flex;gap:5px}nav button{border:0;background:none;padding:12px 17px;font-size:13px;color:var(--muted);border-radius:30px}nav button.active{background:#263122;color:var(--lime)}nav button span{font-size:10px;padding:2px 5px;background:var(--line);border-radius:10px;margin-left:4px}.avatar{border:1px solid #485342;background:var(--panel);border-radius:50%;width:39px;height:39px;font-family:'Space Grotesk';font-size:12px}.hero{max-width:1460px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;padding:62px 5% 58px;overflow:hidden}.eyebrow{font-family:'Space Grotesk';letter-spacing:2px;font-size:10px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:8px}.eyebrow i,.availability i,.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(42px,4.5vw,70px);font-weight:500;line-height:1.07;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{color:var(--muted);line-height:1.8;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:20px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;background:var(--lime);border:0;border-radius:7px;color:#192016;font-weight:700;padding:17px 23px;font-size:13px;transition:transform .2s,background .2s}.primary:hover{background:#e4ff9b;transform:translateY(-2px)}.primary:disabled{background:#2c3726;color:#a7bd8c;transform:none}.primary span{font-size:20px}.text-button{background:none;border:0;color:var(--text);padding:12px 0;font-size:12px;display:inline-block}.text-button:hover{color:var(--lime)}.hero-meta{display:flex;gap:24px;margin-top:44px;color:var(--muted);font-size:10px}.hero-meta span{border-right:1px solid var(--line);padding-right:24px}.hero-meta span:last-child{border:0;padding:0}.hero-meta b{display:block;font-size:22px;line-height:1.6;font-family:'Space Grotesk';color:var(--text);font-weight:500}.hero-art{height:500px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#b0c15b12 0,transparent 70%)}.orbit{position:absolute;border:1px solid #b4c77018;border-radius:50%;width:450px;height:450px;transform:rotate(-30deg) scaleX(1.13)}.orbit-two{width:340px;height:340px;transform:rotate(30deg) scaleX(1.35);border-style:dashed}.art-label{font-family:'Space Grotesk';font-size:9px;letter-spacing:2px;color:#a2af93;position:absolute;white-space:nowrap}.top-label{top:0;right:10%}.bottom-label{bottom:7px;left:22%;display:flex;align-items:center;gap:8px}.spark{position:absolute;color:var(--lime);font-size:47px;font-weight:400}.spark-one{left:5%;top:26%}.spark-two{right:1%;bottom:18%;font-size:30px}#hero-cards{position:relative;width:100%;height:100%}#hero-cards>.card{position:absolute;width:225px;height:327px;top:80px;left:50%;margin-left:-112px;box-shadow:0 20px 55px #0008;pointer-events:none}#hero-cards>.card:nth-child(1){transform:translateX(-115px) rotate(-15deg);z-index:1;top:110px}#hero-cards>.card:nth-child(2){transform:translateX(115px) rotate(15deg);z-index:2;top:115px}#hero-cards>.card:nth-child(3){transform:rotate(-3deg);z-index:3}.ticker{display:flex;justify-content:space-around;gap:26px;padding:20px 0;border-block:1px solid var(--line);color:var(--lime);white-space:nowrap;overflow:hidden;font-size:18px}.ticker span{font:500 11px 'Space Grotesk';letter-spacing:3px;color:#a9b19f}.draw-section,.rarity-section{padding:65px 5%;max-width:1460px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:13px 0 0}h2>span,.page-heading h1>span{color:var(--lime)}.availability{border:1px solid #3f5130;border-radius:30px;padding:10px 15px;color:var(--lime);font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:8px}.draw-layout{border:1px solid var(--line);border-radius:15px;background:linear-gradient(110deg,#20281d,#161c18 70%);padding:40px;display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center}.edition-tag{font-size:9px;letter-spacing:2px;color:#b4c59c;margin-bottom:20px}.draw-info h3{font-size:30px;font-weight:500;line-height:1.17;letter-spacing:-1px}.draw-info p{color:var(--muted);font-size:12px;line-height:1.9}.draw-info .primary{width:100%;max-width:275px}.draw-info .draw-note{font-size:10px;margin:12px 0 0}.draw-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{--tone:var(--blue);position:relative;border:1px solid color-mix(in srgb,var(--tone) 60%,#111);border-radius:12px;padding:10px;aspect-ratio:2/3;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 16%,#131913),#131915 50%,color-mix(in srgb,var(--tone) 12%,#121713));color:var(--text);min-width:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;isolation:isolate;transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0004}.card.classic{--tone:#afbcac}.card.rare{--tone:var(--blue)}.card.epic{--tone:var(--purple)}.card.legendary{--tone:var(--gold)}.card-top{display:flex;justify-content:space-between;align-items:center;font:500 8px 'Space Grotesk';letter-spacing:1.2px;color:var(--tone);padding:3px 2px 9px}.card-top b{font-size:18px;letter-spacing:-1px}.card-art{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--tone) 55%,#14191b),#222b27);display:flex;align-items:center;justify-content:center}.card-art:before{content:'';width:125%;aspect-ratio:1;border-radius:50%;position:absolute;top:12%;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);box-shadow:0 0 0 25px #ffffff05,0 0 0 50px #ffffff03}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#fff1,transparent 50%,#0005)}.card-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.monogram{font:400 clamp(35px,5vw,78px) 'Space Grotesk';letter-spacing:-6px;color:color-mix(in srgb,var(--tone) 75%,#fff);text-shadow:2px 2px #0005;z-index:1}.art-placeholder{position:absolute;bottom:8px;font-size:6px;color:#ffffffa6;letter-spacing:1px;z-index:2}.card-bottom{padding:11px 2px 3px}.card-name{font:500 clamp(12px,1.25vw,19px) 'Space Grotesk';display:block;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-detail{display:flex;justify-content:space-between;font-size:7px;color:var(--muted);margin-top:8px;gap:5px}.card-detail b{color:var(--tone);letter-spacing:1px;font-weight:500}.card.shiny:after{content:'';position:absolute;pointer-events:none;inset:0;opacity:.25;background:linear-gradient(125deg,transparent 10%,#73ffd1 27%,#c78aff 36%,#ffe6a1 43%,transparent 51%,#88daff 65%,transparent 75%);background-size:250% 250%;animation:holo 7s ease infinite;z-index:4;mix-blend-mode:screen}.card.shiny{box-shadow:inset 0 0 0 1px #fff8,0 0 20px #cfb0ff10}.shiny-label{background:#fff2;border:1px solid #fff4;padding:2px 4px;border-radius:3px;font-size:6px;letter-spacing:1px;display:inline-block;color:#f4e8ff;margin-left:4px;vertical-align:middle}.card-back{border:1px solid #6a7b4655;background:repeating-linear-gradient(45deg,transparent,transparent 12px,#d4f96905 12px,#d4f96905 13px),linear-gradient(140deg,#2a3625,#171e18);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:10px;padding:18px;position:relative}.card-back:before{position:absolute;content:'';inset:10px;border:1px solid #53683b70;border-radius:8px}.card-back:after{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid #61744b66;transform:rotate(45deg);border-radius:20px}.back-symbol{font-size:64px;color:#d4f9698c;z-index:1;line-height:1}.back-brand{font:500 11px 'Space Grotesk';letter-spacing:3px;color:#c9dbb7;z-index:1}.back-hint{font-size:8px;letter-spacing:1px;color:#91a57e;z-index:1}.reveal-wrap{position:relative;min-width:0}.reveal-wrap .card{width:100%;height:100%}.draw-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;background:var(--lime);color:#182010;border-radius:20px;padding:5px 8px;white-space:nowrap;z-index:5}.revealed{animation:arrive .45s ease}.collection-strip{background:#d4f969;color:#1a2316;padding:37px 5%;display:flex;align-items:center;justify-content:space-between;gap:50px}.collection-strip h2{font-size:28px;margin-top:10px}.collection-strip .eyebrow{color:#596a44}.collection-strip p{font-size:12px;color:#52643d;margin:12px 0 0}.progress-block{width:32%;max-width:360px}.progress-block>div{display:flex;align-items:baseline;justify-content:space-between}.progress-block strong{font:500 30px 'Space Grotesk'}.progress-block strong span{font-size:14px;color:#728952}.progress-block>div>span{font-size:12px}.progress-block progress{width:100%;height:4px;appearance:none;border:0;display:block;margin:14px 0 2px;background:#b6d45d}.progress-block progress::-webkit-progress-bar{background:#b6d45d}.progress-block progress::-webkit-progress-value{background:#25391c}.progress-block progress::-moz-progress-bar{background:#25391c}.progress-block .text-button{color:#25391c}.rarity-tiles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.rarity-tile{padding:27px;border-right:1px solid var(--line)}.rarity-tile:last-child{border:0}.rarity-tile>span{font-size:31px;color:var(--muted)}.rarity-tile h3{font-size:18px;margin:18px 0 8px;font-weight:500}.rarity-tile p{font-size:10px;color:var(--muted);margin-bottom:23px}.rarity-tile small{font-size:10px;color:#7e8d7f}.rarity-tile.rare>span,.rarity-tile.rare h3{color:var(--blue)}.rarity-tile.epic>span,.rarity-tile.epic h3{color:var(--purple)}.rarity-tile.legendary>span,.rarity-tile.legendary h3{color:var(--gold)}.shiny-banner{display:flex;align-items:center;gap:22px;border:1px solid #5c526c;border-radius:10px;margin-top:16px;padding:23px 28px;background:linear-gradient(110deg,#a7e5ff09,#ba9de419,#ffdbb410)}.shiny-banner>span:first-child{font-size:38px;color:#d9b5f9}.shiny-banner strong{font:500 16px 'Space Grotesk'}.shiny-banner p{font-size:11px;color:var(--muted);margin:6px 0 0}.shiny-pill{font-size:8px;letter-spacing:1px;border:1px solid #9b83b9;padding:7px 10px;border-radius:20px;white-space:nowrap;margin-left:auto;color:#e0c9f6}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer>.brand{font-size:16px}footer>p{font-size:11px;color:var(--muted);margin:0}footer>div{margin-left:auto;display:flex;gap:20px}footer button{font-size:10px;background:none;border:0;color:var(--muted);padding:8px 0}footer>small{flex-basis:100%;font-size:9px;color:#667368}.page-heading{padding:58px 0 28px}.page-heading h1{font-size:52px}.page-heading>p{font-size:13px;color:var(--muted);line-height:1.8}.view:not(#view-pioche){max-width:1460px;margin:auto;padding:0 5% 65px;min-height:70vh}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.toolbar input,.toolbar select{border:1px solid var(--line);background:var(--panel);border-radius:7px;color:var(--text);padding:13px 16px;font-size:12px}.toolbar input{flex:1;min-width:160px}.toolbar select{max-width:200px}.toolbar label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.toolbar label input{min-width:0;flex:none;accent-color:var(--lime)}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px}.card-grid .card{width:100%;height:100%}.result-count{font-size:11px;color:var(--muted);margin-bottom:22px}.secondary{background:var(--panel);border:1px solid #49543f;border-radius:6px;padding:12px 18px;color:var(--text);font-size:12px}.secondary:hover{border-color:var(--lime)}.load-more{display:block;margin:35px auto 0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px}.stat strong{font:500 30px 'Space Grotesk';display:block;color:var(--lime)}.stat span{font-size:10px;color:var(--muted)}.empty{grid-column:1/-1;text-align:center;border:1px dashed #475340;border-radius:12px;padding:70px 20px}.empty>span{font-size:45px;color:var(--lime)}.empty h3{font-size:23px;margin-top:20px}.empty p{color:var(--muted);font-size:13px;line-height:1.8}.notice{border:1px solid #49563b;border-radius:9px;display:flex;gap:20px;background:#d4f96908;padding:25px;margin:5px 0 30px}.notice>span{font-size:27px;color:var(--lime)}.notice strong{font-size:14px;font-weight:500}.notice p{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.8}#trade-summary{margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.trade-card{position:relative}.trade-card .secondary{width:100%;margin-top:10px}.trade-card.selected .secondary{background:var(--lime);color:#182010}.owned-count{position:absolute;right:8px;top:39px;background:#101411de;border:1px solid var(--line);color:var(--text);font-size:9px;padding:4px 7px;border-radius:5px;z-index:5}.owned-card{position:relative}.owned-card .card-detail{padding-right:0}.missing .card{opacity:.45;filter:saturate(.45)}dialog{border:1px solid #47523e;border-radius:15px;background:#1b211c;color:var(--text);padding:32px;max-width:710px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#080d09d9;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:30px;height:30px;background:#ffffff0c;color:var(--muted);z-index:5}dialog h2{margin:4px 0 18px;font-size:28px}dialog p{font-size:13px;color:var(--muted);line-height:1.8}dialog h3{font-size:16px;margin:25px 0 10px}dialog .secondary,dialog .primary{margin:5px 5px 5px 0}dialog table{border-collapse:collapse;font-size:12px;width:100%;margin:24px 0}dialog td,dialog th{border-bottom:1px solid var(--line);text-align:left;padding:12px 8px}dialog th{color:var(--muted);font-size:10px}.detail-layout{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start}.detail-layout .card{width:100%;pointer-events:none}.detail-layout h2{font-size:25px;margin-top:22px}.detail-layout dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.detail-layout dt{color:var(--muted);margin-bottom:5px}.detail-layout dd{margin:0;line-height:1.5}.source-link{font-size:10px;color:var(--lime);text-decoration:underline;line-height:1.8}.detail-meta{font-size:10px!important;margin-top:16px}dialog code{word-break:break-all;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;background:var(--lime);color:#17210f;font-size:12px;box-shadow:0 5px 40px #0008;border-radius:7px;padding:14px 22px;max-width:90%;text-align:center}.photos-progress{font-size:12px;color:var(--muted)}.small-note{font-size:10px!important;line-height:1.8}.modal-photo-actions{display:flex;flex-wrap:wrap;gap:5px}#settings-import{margin-top:6px}@keyframes holo{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes arrive{from{transform:rotateY(80deg);opacity:.2}to{transform:rotateY(0);opacity:1}}
@media(min-width:1550px){.card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){.header{padding:0 4%}nav button{padding:10px;font-size:11px}.hero{min-height:590px}.hero-art{transform:scale(.85);margin-inline:-25px}.hero h1{font-size:51px}.hero-meta{gap:15px}.hero-meta span{padding-right:15px}.draw-layout{padding:28px;gap:25px}.draw-slots{gap:10px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-actions{gap:13px}.hero-actions .primary{padding:16px}.hero-actions .text-button{font-size:10px}.rarity-tile{padding:22px}.draw-info h3{font-size:26px}}
@media(max-width:760px){.header{height:116px;align-items:flex-start;padding-top:16px;flex-wrap:wrap;gap:0}.brand{font-size:18px}.brand-icon{font-size:27px}.avatar{width:32px;height:32px}.header nav{order:3;width:100%;height:53px;align-items:center;overflow:auto;gap:2px;justify-content:space-between}.header nav button{white-space:nowrap;padding:9px 10px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-art{height:410px;transform:scale(.85);margin:0 -30px -20px}.top-label{top:15px;right:10%}.bottom-label{bottom:-7px;left:21%}#hero-cards>.card{width:205px;height:300px;top:55px}#hero-cards>.card:nth-child(1){top:78px;transform:translateX(-100px) rotate(-15deg)}#hero-cards>.card:nth-child(2){top:80px;transform:translateX(100px) rotate(15deg)}.hero-meta{margin-top:30px}.hero-meta b{font-size:20px}.hero-meta span{font-size:9px}.hero-actions{gap:20px}.hero-actions .text-button{font-size:11px}.hero .eyebrow{font-size:9px}.ticker{padding:14px 0}.ticker span{font-size:9px}.section-heading{align-items:flex-start;margin-bottom:24px}.section-heading h2{font-size:27px}.section-heading>.availability{font-size:9px;padding:8px;margin-top:24px}.draw-section,.rarity-section{padding-top:40px;padding-bottom:40px}.draw-layout{grid-template-columns:1fr;padding:22px 16px;gap:30px}.draw-info{text-align:center}.draw-info h3{font-size:26px}.draw-info h3 br{display:none}.draw-info p{font-size:11px}.edition-tag{margin-bottom:12px}.draw-info .primary{max-width:300px}.draw-slots{gap:9px}.card{border-radius:9px;padding:7px}.card-name{font-size:12px}.card-top{font-size:6px;letter-spacing:.7px;padding-bottom:6px}.card-top b{font-size:14px}.card-bottom{padding-top:9px}.card-detail{font-size:6px;margin-top:6px}.monogram{font-size:36px;letter-spacing:-3px}.card-back{padding:8px}.card-back:before{inset:6px}.back-symbol{font-size:35px}.back-brand{font-size:7px;letter-spacing:1px}.back-hint{font-size:6px;letter-spacing:0}.draw-badge{font-size:6px}.collection-strip{padding-block:30px;gap:25px;align-items:stretch;flex-direction:column}.collection-strip h2{font-size:26px}.progress-block{width:100%;max-width:none}.rarity-tiles{grid-template-columns:1fr 1fr}.rarity-tile{padding:20px;border-bottom:1px solid var(--line)}.rarity-tile:nth-child(2){border-right:0}.rarity-tile:nth-child(3){border-bottom:0}.rarity-tile p{margin-bottom:14px}.rarity-tile small{font-size:9px}.shiny-banner{padding:20px 15px;gap:15px}.shiny-banner p{font-size:10px;line-height:1.7}.shiny-pill{display:none}.rarity-section .section-heading{display:block}.rarity-section .section-heading .text-button{margin-top:10px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.card-grid .card{min-height:0}.page-heading{padding-top:35px}.page-heading h1{font-size:40px;letter-spacing:-2px}.stats-row{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:16px}.stat strong{font-size:25px}.toolbar{gap:8px}.toolbar input{flex-basis:100%}.toolbar select{flex:1;max-width:none;width:40%;font-size:10px;padding:12px}.toolbar label input{flex-basis:auto}.toolbar label{font-size:10px}.detail-layout{grid-template-columns:150px 1fr;gap:17px}.detail-layout h2{font-size:20px;margin-top:12px}.detail-layout dl{grid-template-columns:1fr;gap:10px}.detail-layout .secondary{font-size:10px;padding:10px}.detail-meta{font-size:9px!important}dialog{padding:28px 20px}.notice{padding:20px;gap:12px}.notice p{font-size:11px}.notice strong{font-size:12px}footer{gap:16px;padding-block:28px}footer>div{margin-left:0;flex-basis:100%}footer>small{line-height:1.8}footer>p{font-size:10px}.art-placeholder{font-size:5px;letter-spacing:.3px}}
@media(max-width:390px){.hero h1{font-size:42px}.hero-actions{gap:12px}.hero-actions .primary{font-size:11px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-slots .card-name{font-size:10px}.detail-layout{grid-template-columns:1fr}.detail-layout>.card{max-width:190px;margin:auto}.detail-layout dl{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.75);margin-inline:-50px}.section-heading{display:block}.section-heading>.availability{display:inline-flex;margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* PornCard orange theme and personal card editor */
:root{--bg:#120d09;--panel:#1d1510;--line:#3b2b21;--text:#fff8f0;--muted:#b8a89c;--lime:#ff7a1a;--gold:#ffc15c;--purple:#d59cff;--blue:#ffae68}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--lime)}
.header{background:#120d09ef}
nav button.active{background:#3a2113}
.avatar{border-color:#5b3b2a}
.primary{color:#24140a}
.primary:hover{background:#ff9a4e}
.primary:disabled{background:#3b281d;color:#9e7f6b}
.hero-art{background:radial-gradient(ellipse at center,#ff7a1a16 0,transparent 70%)}
.orbit{border-color:#ff9a3a20}
.draw-layout{background:linear-gradient(110deg,#2b1c13,#17100c 70%)}
.availability{border-color:#70401f}
.card-back{border-color:#ff8a3655;background:repeating-linear-gradient(45deg,transparent,transparent 12px,#ff7a1a08 12px,#ff7a1a08 13px),linear-gradient(140deg,#382116,#19100c)}
.card-back:before{border-color:#8e512b70}
.card-back:after{border-color:#9e603566}
.back-symbol{color:#ff8a3699}
.back-brand{color:#f2c4a5}
.back-hint{color:#ba8d71}
.collection-strip{background:#ff7a1a;color:#24140a}
.collection-strip .eyebrow,.collection-strip p{color:#603116}
.progress-block strong span{color:#7a3d19}
.progress-block progress,.progress-block progress::-webkit-progress-bar{background:#df5f09}
.progress-block progress::-webkit-progress-value,.progress-block progress::-moz-progress-bar{background:#34190c}
.progress-block .text-button{color:#34190c}
.secondary{border-color:#5c3b29}
.notice{border-color:#664128;background:#ff7a1a0b}
.empty{border-color:#5d3b28}
dialog{border-color:#5b3a29;background:#211710}
dialog::backdrop{background:#0b0705df}
.toast{color:#261407}
.card-tags{display:flex;gap:4px;margin-top:7px;min-height:15px;overflow:hidden}
.card-tags span{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb,var(--tone) 42%,transparent);border-radius:20px;padding:2px 5px;color:color-mix(in srgb,var(--tone) 84%,#fff);font-size:6px;letter-spacing:.2px}
.card-editor{border-block:1px solid var(--line);margin:20px 0;padding:18px 0}
.card-editor>label{display:block;font:600 10px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase;color:#f0b58d;margin:0 0 8px}
.card-editor>label:not(:first-child){margin-top:18px}
.card-editor textarea,.category-entry input{width:100%;border:1px solid var(--line);background:#130d09;color:var(--text);border-radius:8px;padding:11px 12px;font-size:12px}
.card-editor textarea{resize:vertical;min-height:82px;line-height:1.5;margin-bottom:6px}
.category-entry{display:flex;gap:7px;align-items:stretch}
.category-entry input{min-width:0}
.category-entry .primary{padding:10px 15px;gap:0}
.category-help{font-size:9px!important;margin:6px 0 10px;color:var(--muted)!important}
.category-list{display:flex;flex-wrap:wrap;gap:6px;min-height:25px}
.category-chip{border:1px solid #8a4e27;background:#3a2113;color:#ffb47c;border-radius:30px;padding:6px 9px;font-size:10px}
.category-chip:hover{border-color:var(--lime);background:#4a2918}
.category-chip span{margin-left:4px;color:#fff3}
.category-empty{font-size:10px;color:var(--muted);padding:5px 0}
@media(max-width:760px){.card-tags{display:none}.category-entry{flex-direction:column}.category-entry .primary{justify-content:center}.card-editor textarea{min-height:96px}}
.category-entry select{width:100%;border:1px solid var(--line);background:#130d09;color:var(--text);border-radius:8px;padding:12px;font-size:12px;cursor:pointer}
.category-entry select:disabled{opacity:.55;cursor:not-allowed}
.card-name-row{display:flex;align-items:center;gap:6px;min-width:0}
.card-name-row .card-name{flex:1;min-width:0}
.card-platforms,.detail-platforms{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.platform-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:3px 6px;font:600 6px 'Space Grotesk';letter-spacing:.3px;white-space:nowrap}
.platform-badge.onlyfans{background:#1f85ff22;border:1px solid #56a4ff88;color:#8bc2ff}
.platform-badge.mym{background:#ff3e8522;border:1px solid #ff6aa188;color:#ff91b9}
.detail-platforms .platform-badge{font-size:9px;padding:5px 8px}
.provisional-badge{position:absolute;left:7px;bottom:7px;z-index:3;border:1px solid #ffb47c99;border-radius:20px;background:#180d08d9;color:#ffc59a;padding:4px 7px;font:700 6px 'Space Grotesk';letter-spacing:.8px;box-shadow:0 2px 12px #0007}
.card.shiny{--tone:#ffe18b;border:2px solid #ffe7a4;background:linear-gradient(145deg,#5a3618,#21132c 45%,#12323b 75%,#3d2415);box-shadow:inset 0 0 0 1px #fff8,0 0 18px #ffb34a66,0 0 42px #d191ff30;animation:shinyPulse 3.2s ease-in-out infinite}
.card.shiny .card-top{color:#fff0b5;text-shadow:0 0 12px #ffb546}
.card.shiny .card-art{box-shadow:inset 0 0 22px #fff4,0 0 18px #e6b8ff55}
.card.shiny .card-name{color:#fff6d8;text-shadow:0 0 10px #ffce67aa}
.shiny-edition{position:absolute;top:7px;right:7px;z-index:3;border:1px solid #fff1b8cc;border-radius:20px;background:linear-gradient(110deg,#8a4d20e8,#6c397de8,#176372e8);color:#fff8d8;padding:4px 7px;font:700 6px 'Space Grotesk';letter-spacing:1px;box-shadow:0 2px 15px #0008,0 0 12px #fff6}
@keyframes shinyPulse{0%,100%{box-shadow:inset 0 0 0 1px #fff8,0 0 18px #ffb34a66,0 0 42px #d191ff30}50%{box-shadow:inset 0 0 0 1px #fff,0 0 28px #ffe18b88,0 0 55px #72dbff45}}
.shiny-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}.shiny-gallery-grid .card{width:100%}.shiny-gallery-grid .card-name{font-size:11px}.shiny-gallery-grid .card-detail{font-size:5px}.shiny-pill{background:#ffffff08;cursor:pointer}.shiny-pill:hover{border-color:#ffe8a8;color:#fff7d2;background:#ffffff12}
.shiny-banner{position:relative;overflow:hidden;border:1px solid #ffd77c88;background:radial-gradient(circle at 12% 50%,#ffbd4f28,transparent 27%),linear-gradient(115deg,#422716,#2b1738 52%,#102f3b);box-shadow:0 12px 45px #0004,inset 0 0 35px #fff06}
.shiny-banner:after{content:'';position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#fff5 48%,transparent 54%);transform:translateX(-45%);animation:shinySweep 5s ease-in-out infinite}
.shiny-banner>div,.shiny-banner>button,.shiny-banner-symbol{position:relative;z-index:1}.shiny-banner-symbol{font-size:54px!important;color:#ffe29b!important;text-shadow:0 0 12px #ffb64d,0 0 28px #c887ff}.shiny-banner strong{display:block;font-size:22px;color:#fff2c6;text-shadow:0 0 14px #ffb84d77}.shiny-kicker{display:block;margin-bottom:7px;font:700 8px 'Space Grotesk';letter-spacing:1.7px;color:#debaff}.shiny-banner p{max-width:650px}.shiny-banner .shiny-pill{color:#fff2bc;border-color:#ffdb8499;box-shadow:0 0 20px #ffcb6730}
.booster-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#6f3a2055,#090604f2 68%);backdrop-filter:blur(16px);opacity:0;transition:opacity .35s ease}.booster-overlay.active{opacity:1}.booster-overlay.closing{opacity:0}.booster-stage{width:min(930px,100%);text-align:center;perspective:1100px}.booster-pack{position:relative;width:min(270px,70vw);aspect-ratio:2/3;margin:auto;border:2px solid #ffc96b;border-radius:14px;background:linear-gradient(145deg,#f68a32,#55223b 48%,#123b47);box-shadow:0 25px 80px #000b,0 0 45px #ffaf4e55,inset 0 0 0 6px #ffffff12;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;animation:packArrive .75s cubic-bezier(.16,.8,.25,1),packFloat 1.4s .75s ease-in-out infinite alternate}.booster-pack:before,.booster-pack:after{content:'';position:absolute;left:0;right:0;height:20px;background:repeating-linear-gradient(90deg,#ffe4a5 0 8px,#a84f32 8px 16px);border-block:1px solid #fff8}.booster-pack:before{top:0;animation:packTear .38s .48s ease forwards}.booster-pack:after{bottom:0}.booster-pack>i{font-style:normal;font-size:84px;color:#ffe4a2;text-shadow:0 0 18px #fff,0 0 45px #ffbd57}.booster-seal{font:700 25px 'Space Grotesk';letter-spacing:-1px;color:white}.booster-seal span{font-weight:400;color:#ffd49a}.booster-pack small{margin-top:18px;font:600 8px 'Space Grotesk';letter-spacing:2px;color:#ffe8c5}.booster-status{margin:22px 0 0;color:#e9c9b4;font:600 10px 'Space Grotesk';letter-spacing:1.3px;text-transform:uppercase}.booster-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:center;padding:15px}.booster-result{position:relative;opacity:0;transform:translateY(90px) rotateY(70deg) scale(.8);animation:cardDeal .7s calc(var(--delay)*.22s) cubic-bezier(.18,.85,.24,1.15) forwards}.booster-result>span{position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:8;border-radius:30px;background:#ff8a35;color:#241309;padding:6px 10px;font:800 7px 'Space Grotesk';letter-spacing:.8px;white-space:nowrap;box-shadow:0 5px 18px #0007}.booster-result .card{width:100%;pointer-events:none;box-shadow:0 22px 55px #000a}.booster-result .card.shiny{box-shadow:inset 0 0 0 1px #fff8,0 0 34px #ffe18b99,0 0 70px #b87cff66}.booster-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:240px;color:#ffdc91;opacity:0;pointer-events:none;animation:burstFlash .9s ease-out}.booster-done{color:#ffe2c2;animation:fadeUp .5s 1s both}
@keyframes packArrive{from{opacity:0;transform:translateY(100px) rotateX(25deg) scale(.65)}to{opacity:1;transform:none}}@keyframes packFloat{to{transform:translateY(-10px) rotate(1deg)}}@keyframes packTear{to{transform:translate(32px,-35px) rotate(8deg);opacity:0}}@keyframes cardDeal{to{opacity:1;transform:none}}@keyframes burstFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}35%{opacity:.65}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes shinySweep{0%,55%{transform:translateX(-45%)}85%,100%{transform:translateX(45%)}}
.card-rank{margin-left:auto}
.brand-icon{font-size:29px;line-height:1;filter:saturate(1.15) drop-shadow(0 0 9px #ff7a1a55)}
.card-power{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;min-height:18px}.card-power>span{font-size:clamp(8px,1vw,13px);letter-spacing:-2px;white-space:nowrap;filter:drop-shadow(0 1px 2px #0008)}.card-power small{margin-left:auto;color:var(--muted);font:600 7px 'Space Grotesk';white-space:nowrap}.detail-power{font-size:14px;letter-spacing:1px}
.catalogue-locked{cursor:help}.catalogue-locked .card-art img{filter:blur(15px) brightness(.38) saturate(.55);transform:scale(1.16)}.catalogue-locked .card-art:after{background:linear-gradient(145deg,#140d09aa,#0009)}.catalogue-locked .card-art:before{z-index:1;border-color:#ffb06f33}.catalogue-locked:hover{transform:none;box-shadow:none}.catalogue-locked .card-name:after{content:' · À DÉCOUVRIR';color:#9f8c80;font:600 6px 'Space Grotesk';letter-spacing:.5px}
.home-edit-button{margin-top:17px;border:1px solid #6e4228;border-radius:30px;background:#ff7a1a0b;color:#e8ae88;padding:9px 13px;font-size:10px;letter-spacing:.4px}
.home-edit-button:hover{border-color:var(--lime);color:var(--text);background:#ff7a1a16}
.home-editor{display:grid;grid-template-columns:180px 1fr;gap:10px 14px;align-items:center;margin:24px 0;max-height:48vh;overflow:auto;padding-right:6px}
.home-editor label{font:600 9px 'Space Grotesk';letter-spacing:.7px;text-transform:uppercase;color:#e8ae88}
.home-editor input{width:100%;border:1px solid var(--line);background:#130d09;color:var(--text);border-radius:7px;padding:11px 12px;font-size:12px}
.home-editor-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:760px){.home-editor{grid-template-columns:1fr;gap:6px}.home-editor label{margin-top:8px}.home-edit-button{margin-top:12px}.shiny-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booster-results{gap:8px;padding:6px}.booster-result>span{font-size:5px;padding:4px 6px}.booster-status{font-size:8px}.shiny-banner strong{font-size:18px}.card-power>span{font-size:8px}.catalogue-locked .card-name:after{display:none}}
@media(max-width:760px){.platform-badge{font-size:5px;padding:2px 4px}}

/* Cloud account gate */
.auth-screen{position:fixed;inset:0;z-index:300;display:grid;place-items:center;overflow:auto;padding:34px;background:radial-gradient(circle at 18% 30%,#ff7a1a22,transparent 34%),radial-gradient(circle at 82% 75%,#a7467b18,transparent 32%),#0c0806;color:var(--text)}
.auth-screen[hidden]{display:none}.auth-loading .auth-screen{visibility:visible}.auth-required{overflow:hidden}
.auth-shell{width:min(1080px,100%);min-height:610px;display:grid;grid-template-columns:1.05fr .78fr;gap:70px;align-items:center;position:relative;border:1px solid #633c26;border-radius:28px;padding:70px;background:linear-gradient(135deg,#24150eeb,#110b08f5);box-shadow:0 40px 120px #000b,inset 0 1px #ffffff0a}
.auth-shell:before{content:'🍑';position:absolute;right:41%;top:25px;font-size:170px;opacity:.035;filter:saturate(1.4);transform:rotate(-12deg)}
.auth-brand{position:absolute;left:38px;top:30px;font:800 18px 'Space Grotesk',sans-serif;letter-spacing:-.6px}.auth-brand span{font-size:27px;margin-right:8px}.auth-brand em{font-style:normal;font-weight:400;color:#c8b8ab}
.auth-copy h1{font-size:clamp(48px,6vw,77px);line-height:.96;letter-spacing:-4px;margin:18px 0 25px;max-width:590px}.auth-copy h1 span{color:var(--lime)}.auth-copy>p{max-width:520px;color:#c7b5a8;font-size:16px;line-height:1.7}
.auth-points{display:grid;gap:12px;margin-top:38px;color:#f2d1b9;font:600 10px 'Space Grotesk';letter-spacing:.6px;text-transform:uppercase}.auth-points span::first-letter{color:var(--lime)}
.auth-panel{position:relative;border:1px solid #62402b;border-radius:18px;background:#150e0bd9;padding:10px 28px 30px;box-shadow:0 24px 60px #0008;backdrop-filter:blur(15px)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -18px 25px;border-bottom:1px solid var(--line)}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:18px 8px;font:700 10px 'Space Grotesk';letter-spacing:.8px;text-transform:uppercase}.auth-tabs button.active{border-bottom-color:var(--lime);color:var(--text)}
#auth-form{display:grid;gap:9px}#auth-form label{margin-top:9px;color:#d9a986;font:700 9px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase}#auth-form input{width:100%;border:1px solid #4d3324;border-radius:9px;background:#0f0a08;color:#fff8f0;padding:14px 15px;font-size:14px}#auth-form input:focus{border-color:var(--lime);outline:2px solid #ff7a1a2d}#auth-submit{justify-content:space-between;margin-top:14px;width:100%}
.auth-help,.auth-error{font-size:10px!important;line-height:1.55!important;margin:7px 0 0!important}.auth-help{color:#8f7c6e!important}.auth-error{border:1px solid #b94b42;border-radius:7px;background:#a8322920;color:#ffb7ae!important;padding:9px 11px}
@media(max-width:850px){.auth-screen{padding:14px}.auth-shell{grid-template-columns:1fr;gap:28px;min-height:auto;padding:82px 24px 28px}.auth-copy h1{font-size:49px;letter-spacing:-2.5px}.auth-copy>p{font-size:13px}.auth-points{display:none}.auth-panel{padding-inline:22px}.auth-brand{left:24px;top:23px}.auth-shell:before{right:4%;top:20px;font-size:105px}}

/* Mobile-first booster reveal: one card at a time, from least to most rare. */
html,body{max-width:100%;overflow-x:hidden}
.booster-stage{width:min(430px,100%)}
.booster-single{width:min(300px,76vw);margin:0 auto;padding:18px 0 4px}
.booster-single .booster-result{--delay:0;width:100%;animation-delay:0s}
.booster-single .card{width:100%;max-height:min(68vh,520px);pointer-events:none;box-shadow:0 24px 70px #000c}
.booster-progress{margin:12px 0 0;color:#fff2c8;font:800 9px 'Space Grotesk';letter-spacing:1.6px;text-transform:uppercase}

@media(max-width:760px){
  .booster-overlay{padding:10px;place-items:center;overflow:hidden}
  .booster-stage{width:100%;max-height:100dvh}
  .booster-pack{width:min(245px,64vw);max-height:68dvh}
  .booster-single{width:min(270px,70vw);padding-top:8px}
  .booster-single .card{max-height:66dvh}
  .booster-result>span{font-size:7px;padding:5px 9px;top:-9px}
  .booster-progress{font-size:8px;margin-top:8px}
  .booster-status{margin-top:9px}
  .draw-slots{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:12px max(16px,10vw) 20px;scrollbar-width:none}
  .draw-slots::-webkit-scrollbar{display:none}
  .draw-slots .reveal-wrap{flex:0 0 min(340px,88vw);scroll-snap-align:center}
  .draw-slots .reveal-wrap .card{width:100%}
  .draw-layout{overflow:hidden}
}

@media(max-width:520px){
  .auth-screen{padding:0;place-items:start center}
  .auth-shell{width:100%;min-height:100dvh;border-radius:0;border-inline:0;padding:68px 16px 20px;gap:16px;align-content:center}
  .auth-brand{left:18px;top:17px}
  .auth-copy .eyebrow{display:none}
  .auth-copy h1{font-size:38px;letter-spacing:-2px;margin:6px 0 10px}
  .auth-copy>p{font-size:12px;line-height:1.45;margin-bottom:0}
  .auth-panel{padding:6px 16px 20px;border-radius:14px}
  .auth-tabs{margin-inline:-8px;margin-bottom:13px}
  .auth-tabs button{padding:14px 4px;font-size:9px}
  #auth-form{gap:6px}
  #auth-form input{padding:12px 13px;font-size:16px}
  #auth-submit{margin-top:9px;padding:14px 17px}
  .auth-help,.auth-error{font-size:9px!important}
  .header{height:108px;padding-inline:14px}
  .header nav button{padding:8px 7px;font-size:9px}
  .hero{padding:27px 16px 20px;min-height:auto}
  .hero h1{font-size:40px;line-height:1.03}
  .hero-art{display:none}
  .hero-meta{gap:8px;margin-top:25px}
  .hero-meta span{padding-right:8px}
  .hero-meta b{font-size:18px}
  .draw-section,.rarity-section,.view:not(#view-pioche){padding-inline:16px}
  .draw-layout{padding:18px 14px}
  .section-heading h2{font-size:25px}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 9px}
  .toolbar select{flex-basis:calc(50% - 5px);width:auto}
  dialog{width:calc(100% - 16px);padding:26px 15px;max-height:94dvh}
  .detail-layout{grid-template-columns:1fr}
  .detail-layout>.card{max-width:210px;margin:auto}
}

.account-actions{display:flex;align-items:center;gap:9px}.logout-visible{border:1px solid #5d3a26;background:#24150f;color:#ffad72;border-radius:20px;padding:9px 12px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
@media(max-width:760px){.logout-visible{padding:7px 9px;font-size:7px}.account-actions{gap:5px}}

/* Private card administration */
.admin-badge{display:inline-flex;vertical-align:middle;margin-left:8px;border:1px solid #ffad62;border-radius:99px;background:#ff7a1a1f;color:#ffc08b;padding:5px 8px;font:800 7px 'Space Grotesk';letter-spacing:1px}
.admin-note{border-left:3px solid var(--lime);padding:10px 12px;background:#ff7a1a0d;color:#e7c5ae!important}
.admin-card-editor{margin-top:22px;border:1px solid #75462a;border-radius:14px;background:linear-gradient(145deg,#2c190f,#170e0a);padding:17px;box-shadow:inset 0 1px #ffffff0b}
.admin-card-editor>p{margin:8px 0 16px;color:#bfa797;font-size:11px;line-height:1.5}
.admin-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-title span{color:#ffb47e;font:800 9px 'Space Grotesk';letter-spacing:1px}.admin-title b{border-radius:99px;background:#4a2a18;color:#d9a986;padding:5px 8px;font:700 7px 'Space Grotesk'}
.admin-photo-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.admin-photo-actions button{padding:9px 12px;font-size:9px}.admin-photo-reset{color:#c99a7b}
.admin-card-editor>label,.admin-label{display:block;margin:13px 0 7px;color:#e5b18f;font:700 8px 'Space Grotesk';letter-spacing:.8px;text-transform:uppercase}
.admin-card-editor>select{width:100%;border:1px solid #62402b;border-radius:8px;background:#110a07;color:#fff3e9;padding:10px}
.admin-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px}.admin-categories label{display:flex;align-items:center;gap:6px;border:1px solid #493124;border-radius:7px;background:#130c08;padding:7px 8px;color:#ceb29f;font-size:9px}.admin-categories input{accent-color:#ff7a1a}
@media(max-width:520px){.admin-card-editor{padding:13px}.admin-categories{grid-template-columns:1fr}.admin-photo-actions{display:grid}.admin-photo-actions button{width:100%;justify-content:center}}

/* Phone-first game shell and tactile pack opening */
body.booster-open{overflow:hidden;touch-action:none}
.booster-overlay{touch-action:none;overscroll-behavior:contain}
.booster-single{width:min(360px,86vw);padding:8px 0 2px}
.booster-single .card{width:100%;max-height:none;pointer-events:none}
.booster-controls{width:min(390px,94vw);margin:10px auto 0;display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center}
.booster-controls>span{width:48px}.booster-controls button{min-height:47px;border-radius:999px;font:800 11px 'Space Grotesk';letter-spacing:.4px}
.booster-next{border:0;background:#ff8a35;color:#281207;padding:10px 18px}.booster-next b{font-size:18px;margin-left:8px}.booster-back{border:1px solid #67432d;background:#1d110c;color:#ffe4ce;font-size:25px}
.booster-dots{display:flex;justify-content:center;gap:7px;margin-top:9px}.booster-dots i{width:6px;height:6px;border-radius:99px;background:#76533e;transition:width .2s,background .2s}.booster-dots i.active{width:22px;background:#ff9b50}
.booster-swipe{margin:7px 0 0;color:#a98d7b;font:600 8px 'Space Grotesk';letter-spacing:.8px;text-transform:uppercase}

@media(max-width:760px){
  html{scroll-padding-top:70px}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom));overscroll-behavior-y:none}
  button,.primary,.secondary,input,select{min-height:44px}
  .header{height:62px;padding:0 14px;align-items:center;flex-wrap:nowrap;top:0;gap:8px}
  .header .brand{font-size:17px}.header .brand small{display:none}.header .brand-icon{font-size:25px}.header .avatar{width:38px;height:38px;flex:none}
  .header nav{position:fixed;z-index:90;left:0;right:0;bottom:0;order:initial;width:100%;height:calc(62px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:5px 5px env(safe-area-inset-bottom);border-top:1px solid #5a3825;background:#120d09f7;backdrop-filter:blur(18px);box-shadow:0 -8px 30px #0007;overflow:visible}
  .header nav button{height:51px;min-width:0;padding:5px 2px;border-radius:9px;font-size:9px;line-height:1.2;white-space:normal}.header nav button.active{background:#4a2918;color:#ffad70}.header nav button span{font-size:7px;margin-left:2px}
  .toast{bottom:calc(78px + env(safe-area-inset-bottom));font-size:11px}
  footer{margin-bottom:0;padding-bottom:28px}
  .draw-section{padding-inline:12px}.draw-layout{border-radius:12px;padding:18px 12px;gap:18px}.draw-info .primary{max-width:none}
  .draw-slots{gap:12px;margin-inline:-12px;padding:10px 6vw 20px;scroll-padding-inline:6vw;scroll-snap-type:x mandatory;scroll-behavior:smooth}
  .draw-slots .reveal-wrap{flex:0 0 88vw;scroll-snap-align:center;scroll-snap-stop:always}
  .draw-slots .reveal-wrap .card{max-width:360px;margin-inline:auto}
  .booster-overlay{padding:8px;background:radial-gradient(circle at 50% 42%,#7b3e2455,#080504f5 67%)}
  .booster-stage{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
  .booster-pack{width:min(260px,68vw);max-height:65dvh}
  .booster-single{width:min(350px,86vw);max-height:calc(100dvh - 155px);display:flex;justify-content:center}
  .booster-single .booster-result{width:100%;display:flex;justify-content:center}
  .booster-single .card{width:auto;height:min(64dvh,540px);max-width:86vw;aspect-ratio:2/3}
  .booster-result>span{top:-8px;font-size:7px;padding:6px 10px}
  .booster-progress{margin-top:6px;font-size:8px}.booster-swipe{display:block}
  dialog{width:100%;max-width:none;max-height:calc(100dvh - 12px);margin:auto 0 0;border-radius:18px 18px 0 0;padding:28px 16px calc(20px + env(safe-area-inset-bottom))}
  .modal-close{width:40px;height:40px;right:8px;top:8px}
}

@media(max-width:520px){
  .header{height:60px;padding-inline:12px}
  .hero{padding:24px 16px 20px}.hero h1{font-size:38px;letter-spacing:-2px;margin:15px 0}.hero-copy>p{font-size:12px;line-height:1.55;margin-bottom:18px}.hero-actions{display:grid;gap:4px}.hero-actions .primary{width:100%}.hero-actions .text-button{text-align:center}
  .hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px}.hero-meta span{padding:0 7px;border-right:1px solid var(--line);text-align:center}.hero-meta b{font-size:18px}.hero-meta span{font-size:7px}
  .ticker{display:none}.section-heading{margin-bottom:16px}.section-heading h2{font-size:24px}.section-heading>.availability{margin-top:12px}
  .draw-section,.rarity-section{padding-top:28px;padding-bottom:28px}.draw-info h3{font-size:24px}.draw-info p{line-height:1.6}
  .page-heading{padding:25px 0 17px}.page-heading h1{font-size:35px}.view:not(#view-pioche){padding:0 12px 34px}
  .toolbar{position:relative;gap:7px;margin:15px 0}.toolbar input{font-size:16px;padding:10px 12px}.toolbar select{font-size:11px;padding:8px;min-width:0}
  .card-grid{gap:13px 8px}.card{padding:6px}.card-name{font-size:11px}.card-bottom{padding-top:7px}.card-power{margin-top:5px}.card-detail{margin-top:4px}
  .stats-row{gap:7px}.stat{padding:13px}.stat strong{font-size:22px}.stat span{font-size:8px}
  .detail-layout{display:block}.detail-layout>.card{max-width:230px;margin:0 auto 18px}.detail-layout dl{grid-template-columns:1fr 1fr}
  .booster-single{width:min(330px,84vw)}.booster-single .card{height:min(61dvh,500px);max-width:84vw}
  .booster-controls{width:min(350px,92vw)}
}

@media(max-width:360px){
  .header nav button{font-size:8px}.hero h1{font-size:34px}.booster-single .card{height:min(58dvh,440px)}.booster-progress{font-size:7px}.booster-swipe{font-size:7px}
}

/* Three-card booster stack: the next cards stay visibly tucked behind the front card. */
.booster-card-stack{position:relative;width:100%;aspect-ratio:2/3;margin:0 auto 14px;isolation:isolate}
.booster-card-stack .booster-front{position:absolute;inset:0;z-index:5;width:100%;opacity:1;transform:none;animation:stackFrontIn .42s cubic-bezier(.16,.85,.25,1.12) both;will-change:transform,opacity}
.booster-single .booster-card-stack .booster-front .card{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:2/3}
.booster-card-stack .booster-front.leaving{animation:stackFrontOut .28s cubic-bezier(.5,0,.9,.55) forwards;pointer-events:none}
.booster-stack-back{position:absolute;inset:0;z-index:3;border:1px solid #ffb76c;border-radius:13px;background:repeating-linear-gradient(45deg,transparent,transparent 13px,#ffffff08 13px,#ffffff08 14px),linear-gradient(145deg,#f68a32,#55223b 48%,#123b47);box-shadow:0 16px 42px #000a,inset 0 0 0 5px #ffffff10;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;overflow:hidden;transition:transform .25s ease}
.booster-stack-back:before,.booster-stack-back:after{content:'';position:absolute;left:0;right:0;height:17px;background:repeating-linear-gradient(90deg,#ffe4a5 0 8px,#a84f32 8px 16px);border-block:1px solid #fff7}.booster-stack-back:before{top:0}.booster-stack-back:after{bottom:0}
.booster-stack-back span{font-size:52px;filter:drop-shadow(0 0 18px #ffd77c)}.booster-stack-back b{font:800 17px 'Space Grotesk';letter-spacing:-.7px}.booster-stack-back b em{font-style:normal;font-weight:400;color:#ffd49a}.booster-stack-back small{margin-top:11px;font:700 7px 'Space Grotesk';letter-spacing:1.5px;color:#ffe8c5}
.booster-stack-back.depth-1{z-index:4;transform:translate(9px,9px) rotate(2.2deg)}.booster-stack-back.depth-2{z-index:3;transform:translate(-8px,17px) rotate(-2.3deg);filter:brightness(.82)}
@keyframes stackFrontIn{from{opacity:.15;transform:translateY(34px) rotateY(22deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes stackFrontOut{to{opacity:0;transform:translateX(-125%) rotate(-13deg) scale(.94)}}

@media(max-width:520px){
  .booster-card-stack{margin-bottom:10px}.booster-stack-back.depth-1{transform:translate(7px,8px) rotate(2deg)}.booster-stack-back.depth-2{transform:translate(-6px,14px) rotate(-2deg)}
}

/* Players leaderboard */
.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin:12px 0 34px}.podium-card{min-height:180px;border:1px solid #53351f;border-radius:16px;background:linear-gradient(150deg,#26170f,#17100c);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 50px #0004}.podium-card.place-1{min-height:215px;order:2;border-color:#b7783f;background:linear-gradient(150deg,#4a2918,#19100b);box-shadow:0 20px 65px #ff76221a}.podium-card.place-2{order:1}.podium-card.place-3{order:3}.podium-card>span{font-size:31px}.podium-card strong{margin:12px 0 5px;font:700 20px 'Space Grotesk';overflow-wrap:anywhere}.podium-card b{color:#ff9952;font:700 38px 'Space Grotesk'}.podium-card small{color:var(--muted);font-size:9px}.podium-card.current,.leaderboard-row.current{border-color:#ff8a35;box-shadow:inset 0 0 0 1px #ff8a3533}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:70px minmax(0,1fr) 100px 110px 110px;align-items:center;gap:12px}.leaderboard-head{padding:0 18px 9px;color:#8f7c6e;font:700 8px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase}.leaderboard-row{min-height:66px;margin-bottom:7px;padding:10px 18px;border:1px solid #36271f;border-radius:12px;background:#17100d}.leaderboard-row>b{color:#ff9952;font:700 17px 'Space Grotesk'}.leaderboard-row>strong{font:700 22px 'Space Grotesk';text-align:center}.leaderboard-row>span:nth-last-child(-n+2){text-align:center;color:#c1ada0}.legendary-count{color:#f6b467!important;font-weight:700}.leaderboard-player{font:600 15px 'Space Grotesk';display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}.leaderboard-player small{border-radius:99px;background:#ff8a35;color:#251209;padding:4px 7px;font-size:6px;letter-spacing:1px}
@media(max-width:760px){
  .header nav{grid-template-columns:repeat(5,1fr)}.header nav button{font-size:8px}
  .leaderboard-podium{gap:6px;margin-bottom:24px}.podium-card{min-height:145px;padding:13px 7px}.podium-card.place-1{min-height:170px}.podium-card>span{font-size:24px}.podium-card strong{font-size:13px}.podium-card b{font-size:29px}.podium-card small{font-size:7px}
  .leaderboard-head,.leaderboard-row{grid-template-columns:34px minmax(0,1fr) 44px 51px 54px;gap:4px}.leaderboard-head{padding-inline:7px;font-size:5px;letter-spacing:.4px}.leaderboard-row{padding:9px 7px;min-height:58px}.leaderboard-player{font-size:11px}.leaderboard-row>strong{font-size:17px}.leaderboard-row>span:nth-last-child(-n+2){font-size:10px}
}