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

:root {
  --bg:#090a0f; --panel:#11131b; --panel2:#171a24; --text:#f5f7fb; --muted:#9298aa;
  --line:#282c38; --accent:#8b5cf6; --accent2:#22d3ee;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 50% -20%,#21183d 0,var(--bg) 45%);color:var(--text);font-family:Inter,system-ui,sans-serif} body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(9,10,15,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-.04em}.brand span{color:var(--accent2);margin-left:4px}nav{display:flex;gap:24px;color:var(--muted);font-size:14px}nav a:hover{color:var(--text)}
main{max-width:1280px;margin:auto}.hero{min-height:620px;padding:130px 5vw 100px;display:grid;align-content:center}.eyebrow{color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.16em}h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.065em;margin:16px 0 28px}h1 span{color:#a78bfa}.hero-copy{max-width:650px;color:var(--muted);line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:32px}button,.secondary{border:0;border-radius:12px;padding:13px 18px;background:var(--text);color:#090a0f;font-weight:700;cursor:pointer}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.55;cursor:wait}
.section{padding:80px 5vw}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}input{width:min(360px,100%);padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card{min-height:260px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.card .rarity{color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.1em}.card h3{margin-top:110px;margin-bottom:5px}.card p{margin:0;color:var(--muted);font-size:13px}.panel{margin:30px 5vw 80px;padding:42px;border:1px solid var(--line);border-radius:24px;background:rgba(17,19,27,.75)}.stats{display:flex;gap:48px;margin-top:28px}.stats div{display:grid;gap:5px}.stats strong{font-size:28px}.stats span{color:var(--muted);font-size:13px}
.toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);z-index:100}

/* Booster opening */
.booster-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(3,4,8,.84);backdrop-filter:blur(18px);animation:overlayIn .25s ease}.booster-overlay[hidden]{display:none}.booster-opening{position:relative;width:min(1180px,100%);min-height:min(760px,calc(100vh - 48px));overflow:auto;padding:48px 34px 34px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:radial-gradient(circle at 50% 20%,rgba(139,92,246,.18),transparent 40%),linear-gradient(145deg,#10121b,#090a0f);box-shadow:0 30px 100px rgba(0,0,0,.65)}.overlay-close{position:absolute;right:18px;top:14px;width:40px;height:40px;padding:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.1);font-size:25px;line-height:1}.opening-head{text-align:center}.opening-head h2{font-size:38px;margin:8px 0}.opening-head p:last-child{color:var(--muted);margin-top:8px}
.booster-pack{position:relative;width:220px;height:320px;margin:55px auto 20px;border-radius:20px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#24164a,#101827 55%,#0b3845);box-shadow:0 25px 80px rgba(34,211,238,.16),inset 0 0 40px rgba(255,255,255,.05);display:grid;place-items:center;overflow:hidden;transform:perspective(900px) rotateY(-8deg);transition:.5s}.booster-pack:before{content:"";position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);transform:rotate(18deg);animation:packShine 2.1s infinite}.pack-shine{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.16);border-radius:14px}.pack-logo{position:relative;text-align:center;font-weight:800;font-size:28px;line-height:.9;letter-spacing:-.05em;text-shadow:0 5px 20px #000}.pack-logo span{color:var(--accent2)}.pack-mark{position:absolute;bottom:22px;font-size:24px;color:#a78bfa}.pack-opening{animation:packOpen 1.1s cubic-bezier(.2,.8,.2,1) forwards}
.reveal-area{padding-top:25px}.reveal-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1080px;margin:30px auto}.reveal-card{position:relative;width:100%;height:380px;padding:0;background:transparent;border:0;border-radius:18px;perspective:1000px;cursor:pointer;transform:translateY(20px);opacity:0;animation:cardEnter .45s ease forwards;animation-delay:calc(var(--i,0) * .07s)}.reveal-card:nth-child(1){--i:0}.reveal-card:nth-child(2){--i:1}.reveal-card:nth-child(3){--i:2}.reveal-card:nth-child(4){--i:3}.reveal-card:nth-child(5){--i:4}.card-back,.card-front{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s}.card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 50% 30%,#38266d,#12182b 50%,#0b343c);box-shadow:inset 0 0 50px rgba(34,211,238,.1),0 15px 35px rgba(0,0,0,.3)}.card-back:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.16);border-radius:12px}.card-back-symbol{font-size:54px;color:#a78bfa;text-shadow:0 0 30px rgba(167,139,250,.7)}.card-back-title{font-size:20px;font-weight:800;line-height:.9;letter-spacing:-.04em}.card-back-number{position:absolute;bottom:20px;color:var(--muted);font-size:11px;letter-spacing:.12em}.card-front{transform:rotateY(180deg);padding:14px;display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;text-align:left;border:1px solid rgba(255,255,255,.25);background:linear-gradient(150deg,#202331,#0f1119);box-shadow:0 20px 45px rgba(0,0,0,.4)}.reveal-card.revealed .card-back{transform:rotateY(-180deg)}.reveal-card.revealed .card-front{transform:rotateY(0)}.front-top{display:flex;justify-content:space-between;gap:6px;font-size:8px;letter-spacing:.08em;color:var(--muted)}.front-top b{color:#fff}.front-art{display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle,rgba(139,92,246,.3),transparent 65%),#11131c;font-size:70px;color:#a78bfa}.front-name{font-size:17px;font-weight:800;letter-spacing:-.03em}.front-work{font-size:10px;color:var(--muted)}.front-description{font-size:9px;line-height:1.35;color:#e7e9ef;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rarity-legendary .card-front{background:linear-gradient(145deg,#42211d,#15101b 50%,#351c12);box-shadow:0 0 45px rgba(251,191,36,.2)}.rarity-ultra_rare .card-front{background:linear-gradient(145deg,#24204d,#10121b 55%,#102d36);box-shadow:0 0 40px rgba(34,211,238,.16)}.rarity-super_rare .card-front{background:linear-gradient(145deg,#332052,#11121c 55%,#1e1838)}.rarity-rare .card-front{background:linear-gradient(145deg,#202f4a,#11131b)}
.reveal-controls{text-align:center}.reveal-controls p{color:var(--muted);min-height:20px}.secondary-button{background:var(--panel2);color:#fff;border:1px solid var(--line)}.booster-summary{text-align:center;padding:25px}.summary-icon{font-size:55px;color:#a78bfa;text-shadow:0 0 35px rgba(139,92,246,.65);animation:float 2s ease-in-out infinite}.booster-summary h2{font-size:42px;margin:10px 0}.booster-summary>p{color:var(--muted)}.summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:900px;margin:28px auto 32px}.summary-card{padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);display:grid;gap:7px}.summary-card span{font-size:9px;font-weight:800;color:var(--accent2);letter-spacing:.08em}.summary-card strong{font-size:12px}
@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes packShine{0%{transform:translateX(-80%) rotate(18deg)}100%{transform:translateX(80%) rotate(18deg)}}@keyframes packOpen{0%{transform:perspective(900px) rotateY(-8deg) scale(1);opacity:1}55%{transform:perspective(900px) rotateY(8deg) scale(1.08);box-shadow:0 0 100px rgba(139,92,246,.45)}100%{transform:perspective(900px) rotateY(0) scale(.75);opacity:0}}@keyframes cardEnter{to{transform:translateY(0);opacity:1}}@keyframes float{50%{transform:translateY(-8px)}}
@media(max-width:900px){.reveal-cards{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto;padding:8px}.reveal-card{min-width:125px;height:300px}.front-name{font-size:13px}.booster-opening{padding-left:18px;padding-right:18px}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){nav{gap:10px;font-size:12px}nav a:not(:last-child){display:none}.section-heading{align-items:stretch;flex-direction:column}.stats{gap:24px}.booster-overlay{padding:8px}.booster-opening{min-height:calc(100vh - 16px);border-radius:20px}.reveal-cards{grid-template-columns:repeat(5,130px);justify-content:start}.booster-summary h2{font-size:32px}}

/* Collection */
.collection-panel{overflow:hidden}.collection-header{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.collection-stats{margin-top:0}.collection-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:34px 0 26px;padding-top:26px;border-top:1px solid var(--line)}.collection-tools input{width:min(360px,100%)}.rarity-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-button{padding:9px 12px;border-radius:999px;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px}.filter-button:hover,.filter-button.active{background:var(--text);border-color:var(--text);color:#090a0f}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}.collection-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.collection-card:hover{transform:translateY(-4px);border-color:#4a5062;box-shadow:0 16px 35px rgba(0,0,0,.25)}.collection-card-art{height:220px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.28),transparent 62%),#0c0e15}.collection-card-art img{width:100%;height:100%;object-fit:cover}.collection-art-symbol{font-size:78px;color:#a78bfa;text-shadow:0 0 35px rgba(167,139,250,.5)}.collection-card-body{padding:14px}.collection-card-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.08em;color:var(--accent2);font-weight:800}.collection-card-top b{color:var(--muted);font-weight:600}.collection-card h3{font-size:16px;margin:12px 0 4px;letter-spacing:-.03em}.collection-card p{margin:0;color:var(--muted);font-size:11px}.collection-card-description{margin-top:8px;color:#c9ccd6;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.collection-card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:15px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);font-size:9px;color:var(--muted)}.collection-card.rarity-legendary{box-shadow:inset 0 0 0 1px rgba(251,191,36,.12)}.collection-card.rarity-ultra_rare{box-shadow:inset 0 0 0 1px rgba(34,211,238,.08)}.collection-card.rarity-super_rare{box-shadow:inset 0 0 0 1px rgba(167,139,250,.08)}.collection-no-results{grid-column:1/-1;display:grid;gap:7px;padding:38px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.collection-no-results strong{color:var(--text)}.collection-empty{padding:58px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:rgba(255,255,255,.015)}.collection-empty[hidden]{display:none}.empty-icon{font-size:42px;color:#a78bfa;margin-bottom:8px}.collection-empty h3{margin:8px 0}.collection-empty p{margin:0;color:var(--muted)}
@media(max-width:850px){.collection-header{flex-direction:column;align-items:stretch}.collection-stats{margin-top:0}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.collection-card-art{height:190px}}


/* Collection interaction */
.collection-card{appearance:none;-webkit-appearance:none;width:100%;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.collection-card:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.collection-card:active{transform:translateY(-1px)}
.collection-detail{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(3,4,8,.84);backdrop-filter:blur(18px);animation:overlayIn .2s ease}.collection-detail[hidden]{display:none}.collection-detail-panel{position:relative;width:min(760px,100%);display:grid;grid-template-columns:280px 1fr;gap:30px;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(145deg,#121521,#090a0f);box-shadow:0 30px 100px rgba(0,0,0,.65)}.collection-detail-art{min-height:390px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.32),transparent 62%),#0c0e15;border:1px solid rgba(255,255,255,.1)}.collection-detail-art img{width:100%;height:100%;min-height:390px;object-fit:cover}.detail-art-symbol{font-size:100px;color:#a78bfa;text-shadow:0 0 45px rgba(167,139,250,.55)}.collection-detail-info{align-self:center}.detail-rarity{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent2)}.collection-detail-info h2{font-size:38px;margin:12px 0 6px}.collection-detail-info p{color:var(--muted);margin:0 0 18px}.collection-detail-info .detail-description{color:#d9dce5;font-size:13px;line-height:1.55;margin:0 0 24px;max-width:48ch}.detail-meta{display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.detail-meta span:first-child{color:#fff;font-weight:700}
@media(max-width:700px){.collection-detail{padding:10px}.collection-detail-panel{grid-template-columns:1fr;padding:20px;max-height:calc(100vh - 20px);overflow:auto}.collection-detail-art,.collection-detail-art img{min-height:280px;height:280px}.collection-detail-info h2{font-size:30px}}

.recycle-button{margin-top:24px;width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.recycle-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(167,139,250,.5)}.recycle-button:disabled{opacity:.6;cursor:wait;transform:none}.detail-meta span:last-child{color:var(--accent2);font-weight:700}

/* Wallet */
.wallet-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.wallet-balance-card{min-width:220px;padding:22px 24px;border:1px solid rgba(167,139,250,.25);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.18),transparent 65%),var(--panel2);display:grid;gap:5px;text-align:right}.wallet-balance-card span,.wallet-balance-card small{color:var(--muted);font-size:12px}.wallet-balance-card strong{font-size:42px;letter-spacing:-.04em}.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.wallet-summary-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);display:grid;gap:7px}.wallet-summary-card strong{font-size:30px}.wallet-summary-card>span:not(.eyebrow){color:var(--text);font-size:13px}.wallet-summary-card small{color:var(--muted);font-size:11px;margin-top:4px}.wallet-history{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.wallet-history-head h3{margin:0 0 5px;font-size:20px}.wallet-history-head p{margin:0 0 18px;color:var(--muted);font-size:13px}.transaction-list{display:grid;gap:8px}.transaction-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}.transaction-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;background:rgba(34,197,94,.1)}.transaction-icon.negative{background:rgba(248,113,113,.1)}.transaction-info{display:grid;gap:3px}.transaction-info strong{font-size:13px}.transaction-info span{font-size:10px;color:var(--muted)}.transaction-amount{font-size:13px}.positive{color:#86efac}.negative{color:#fca5a5}.transaction-empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted);display:grid;gap:6px}.transaction-empty strong{color:var(--text)}
@media(max-width:850px){.wallet-header{flex-direction:column;align-items:stretch}.wallet-balance-card{text-align:left}.wallet-grid{grid-template-columns:1fr}.transaction-row{grid-template-columns:36px 1fr}.transaction-amount{grid-column:2}}


/* Auctions */
.auction-panel{overflow:hidden}.auction-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.auction-header p:last-child{color:var(--muted);margin-bottom:0}.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:28px}.auction-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.auction-art{height:240px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.28),transparent 62%),#0c0e15}.auction-art img{width:100%;height:100%;object-fit:cover}.auction-art-symbol{font-size:78px;color:#a78bfa}.auction-body{padding:15px}.auction-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--accent2);font-weight:800}.auction-top b{color:var(--muted)}.auction-body h3{font-size:17px;margin:11px 0 4px}.auction-body p{margin:0;color:var(--muted);font-size:11px}.auction-price-row{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}.auction-price-row span{display:grid;gap:3px;color:var(--muted);font-size:9px}.auction-price-row strong{font-size:19px;color:#fff}.auction-bid-button{width:100%;margin-top:12px;background:var(--text);color:#090a0f}.auction-empty{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted);display:grid;gap:7px}.auction-empty strong{color:var(--text)}.auction-modal-panel{position:relative;width:min(460px,100%);padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,#121521,#090a0f);box-shadow:0 30px 100px rgba(0,0,0,.65)}.auction-modal-panel h2{margin:8px 0}.auction-create-card{color:var(--muted);margin:0 0 18px}.auction-sale-stats{padding:14px 15px;margin-bottom:20px;border:1px solid rgba(167,139,250,.18);border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(34,211,238,.04))}.sale-stat-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.sale-stat-main span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.sale-stat-main strong{font-size:22px;color:#fff}.sale-stat-meta{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:10px;color:var(--muted)}.auction-modal-panel label{display:grid;gap:8px;margin-top:16px;color:#fff;font-size:13px;font-weight:700}.coin-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.coin-input input{width:100%;border:0;border-radius:0;background:transparent}.coin-input span{padding-right:14px}.auction-modal-panel select{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.auction-modal-panel>button:last-child{width:100%;margin-top:24px}.auction-button{width:100%;margin-top:12px;padding:14px 18px;border:1px solid rgba(34,211,238,.18);border-radius:14px;background:rgba(34,211,238,.07);color:#fff;font-weight:800;cursor:pointer}.auction-button:hover{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.4)}
@media(max-width:700px){.auction-header{flex-direction:column;align-items:stretch}.auction-grid{grid-template-columns:1fr}}

/* Fandom Wiki Lab */
.wiki-panel{overflow:hidden}.wiki-sync-form{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:14px;align-items:end;margin-top:24px}.wiki-sync-form label{display:grid;gap:8px;color:#fff;font-size:13px;font-weight:700}.wiki-sync-form input{width:100%}.form-help{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.wiki-sync-status{margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);color:var(--muted);font-size:12px}.wiki-results{display:grid;gap:12px;margin-top:18px}.wiki-result{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.wiki-result-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.wiki-result h3{margin:0;font-size:16px}.wiki-result-count{color:var(--accent2);font-size:11px;font-weight:800}.wiki-top-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wiki-top-page{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.04);font-size:10px;color:var(--muted)}.wiki-top-page strong{color:#fff;margin-right:5px}.wiki-top-page b{color:var(--accent2)}
@media(max-width:700px){.wiki-sync-form{grid-template-columns:1fr}.wiki-sync-form + .wiki-sync-status{margin-top:16px}}

/* Manga Sensei V3 UI foundation */
.topbar{gap:18px}.top-actions{display:flex;align-items:center;gap:8px}.coin-pill,.auth-pill{padding:9px 13px;border-radius:999px;font-size:12px}.coin-pill{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff}.auth-pill{background:var(--text);color:#090a0f}.market-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(160px,.7fr) minmax(180px,.8fr);gap:10px;margin:26px 0 12px}.market-toolbar select{padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.market-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 24px}.market-tab{padding:9px 13px;border-radius:999px;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px}.market-tab.active{background:var(--text);color:#090a0f;border-color:var(--text)}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.025)}.social-card h3{margin-top:0}.social-card p,.social-empty{color:var(--muted);font-size:13px}.social-wide{grid-column:1/-1}.inline-form{display:flex;gap:8px}.inline-form input{flex:1;width:auto}.friend-result,.friend-row,.trade-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.friend-result:first-child,.friend-row:first-child,.trade-row:first-child{border-top:0}.friend-mini{display:flex;align-items:center;gap:10px}.mini-avatar{width:38px;height:38px;border-radius:12px;overflow:hidden;background:var(--panel2);display:grid;place-items:center;border:1px solid var(--line)}.mini-avatar img{width:100%;height:100%;object-fit:cover}.profile-layout{display:flex;gap:24px;align-items:center}.profile-avatar{width:120px;height:120px;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#2b2050,#11131b);border:1px solid var(--line);font-size:44px;color:#a78bfa}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.link-button{background:none;color:var(--accent2);padding:8px;border:0}.app-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(3,4,8,.78);backdrop-filter:blur(14px)}.app-modal[hidden]{display:none}.app-modal-panel{position:relative;width:min(480px,100%);padding:32px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,#171a24,#0c0e14);box-shadow:0 30px 100px rgba(0,0,0,.6)}.app-modal-panel label{display:grid;gap:7px;margin:15px 0;font-size:12px;color:var(--muted)}.app-modal-panel label input,.app-modal-panel label select{width:100%;margin:0}.app-modal-panel>button:not(.overlay-close):not(.link-button){width:100%;margin-top:10px}.form-error{min-height:20px;color:#fca5a5;font-size:12px;margin-top:12px}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions button{flex:1}.trade-card-picker{max-height:420px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.trade-pick{padding:10px;text-align:left;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:12px}.trade-pick.selected{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2)}.trade-pick strong{display:block;font-size:12px}.trade-pick span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.booster-shortcut{padding-top:28px;padding-bottom:28px}.booster-shortcut .section-heading{margin:0}.booster-shortcut h2{margin-bottom:8px}.social-panel,.profile-panel{scroll-margin-top:90px}@media(max-width:900px){.market-toolbar{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.social-wide{grid-column:auto}.profile-layout{align-items:flex-start;flex-direction:column}.trade-card-picker{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:auto;min-height:68px;padding:10px 4vw;flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav a{display:block!important}.top-actions{margin-left:auto}.coin-pill{font-size:11px}.auth-pill{font-size:11px}.social-grid{gap:10px}.inline-form{flex-direction:column}.inline-form input{width:100%}}
.app-modal-panel textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);resize:vertical;font:inherit}

/* V3 page navigation */
.page-view{display:none}.page-view.active{display:block}.page-view.hero.active{display:grid}.topbar nav a.active{color:var(--text);font-weight:700}.danger-button{border-color:rgba(248,113,113,.25);color:#fca5a5}.booster-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.booster-info-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);display:grid;gap:7px}.booster-info-card strong{font-size:34px}.booster-info-card span:not(.eyebrow){font-size:13px}.booster-info-card small{color:var(--muted);font-size:11px;line-height:1.5}
.reveal-card{color:#fff}.front-art img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.front-art-placeholder{font-size:70px;color:#a78bfa}.summary-card-art{height:130px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 65%),#0d0f16;border:1px solid rgba(255,255,255,.08)}.summary-card-art img{width:100%;height:100%;object-fit:cover}.summary-art-placeholder{font-size:42px;color:#a78bfa}.summary-card small{color:var(--muted);font-size:9px;line-height:1.35}
@media(max-width:900px){.booster-page-grid{grid-template-columns:1fr}.summary-card-art{height:110px}}

/* V3 final polish */
.notification-pill{position:relative;padding:9px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.notification-pill span{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 4px;margin-left:3px;border-radius:999px;background:var(--accent2);color:#071016;font-size:9px;font-weight:800}.collection-sort-row{display:flex;gap:8px;flex-wrap:wrap}.collection-sort-row select{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text)}
.catalog-card{padding:0;min-height:330px;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));color:#fff}
.catalog-card.rarity-common{border-color:rgba(59,130,246,.42);box-shadow:inset 0 0 0 1px rgba(59,130,246,.08)}
.catalog-card.rarity-uncommon{border-color:rgba(125,211,252,.5);box-shadow:inset 0 0 0 1px rgba(125,211,252,.1)}
.catalog-card.rarity-rare{border-color:rgba(139,92,246,.5);box-shadow:inset 0 0 0 1px rgba(139,92,246,.1)}
.catalog-card.rarity-super_rare{border-color:rgba(236,72,153,.55);box-shadow:inset 0 0 0 1px rgba(236,72,153,.12)}
.catalog-card.rarity-ultra_rare{border-color:rgba(245,158,11,.62);box-shadow:inset 0 0 0 1px rgba(245,158,11,.14),0 0 22px rgba(245,158,11,.08)}
.catalog-card.rarity-legendary{border-color:rgba(239,68,68,.7);box-shadow:inset 0 0 0 1px rgba(239,68,68,.18),0 0 28px rgba(239,68,68,.1)}
.catalog-card.rarity-common .catalog-rarity{color:#60a5fa}.catalog-card.rarity-uncommon .catalog-rarity{color:#bae6fd}.catalog-card.rarity-rare .catalog-rarity{color:#a78bfa}.catalog-card.rarity-super_rare .catalog-rarity{color:#f472b6}.catalog-card.rarity-ultra_rare .catalog-rarity{color:#fbbf24}.catalog-card.rarity-legendary .catalog-rarity{color:#f87171}
.catalog-card.rarity-legendary .catalog-art{background:radial-gradient(circle at 50% 35%,rgba(239,68,68,.38),transparent 62%),#170d12}
.catalog-card.rarity-ultra_rare .catalog-art{background:radial-gradient(circle at 50% 35%,rgba(245,158,11,.3),transparent 62%),#15120a}
.catalog-card.rarity-super_rare .catalog-art{background:radial-gradient(circle at 50% 35%,rgba(236,72,153,.28),transparent 62%),#140d17}
.catalog-card.rarity-rare .catalog-art{background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.3),transparent 62%),#100d19}
.catalog-card.rarity-uncommon .catalog-art{background:radial-gradient(circle at 50% 35%,rgba(125,211,252,.25),transparent 62%),#0c1319}
.catalog-card.rarity-common .catalog-art{background:radial-gradient(circle at 50% 35%,rgba(59,130,246,.25),transparent 62%),#0b1019}
.catalog-card.has-shiny-variant{position:relative;overflow:hidden}
.catalog-card.has-shiny-variant::before{content:"";position:absolute;inset:-45%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,0) 43%,rgba(255,255,255,.34) 50%,rgba(255,180,190,.2) 54%,transparent 61%);transform:translateX(-55%) rotate(8deg);animation:catalogShinySweep 3.8s ease-in-out infinite}
.catalog-shiny-badge{position:absolute;z-index:4;top:10px;right:10px;padding:5px 8px;border:1px solid rgba(255,180,190,.55);border-radius:999px;background:rgba(75,10,20,.82);backdrop-filter:blur(6px);color:#ffd7dc;font-size:8px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 16px rgba(239,68,68,.28)}
.catalog-variant-note{display:block;margin-top:4px;color:#ffb4c0;font-size:9px;font-weight:800;letter-spacing:.04em}
@keyframes catalogShinySweep{0%,62%{transform:translateX(-65%) rotate(8deg);opacity:0}70%{opacity:1}88%,100%{transform:translateX(65%) rotate(8deg);opacity:0}}
.catalog-art{height:190px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.28),transparent 62%),#0c0e15}.catalog-art img{width:100%;height:100%;object-fit:cover}.catalog-placeholder{font-size:70px;color:#a78bfa}.catalog-body{padding:16px}.catalog-rarity{font-size:9px;font-weight:800;color:var(--accent2);letter-spacing:.1em}.catalog-body h3{margin:8px 0 4px;font-size:16px}.catalog-body p{margin:0;color:var(--muted);font-size:11px}.catalog-description,.auction-description{margin-top:10px;color:#c5cad8;font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-detail-panel{max-width:820px}.catalog-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.catalog-detail-actions a{display:inline-flex;align-items:center;justify-content:center}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:10px;margin:20px 0}.profile-stats div{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);display:grid;gap:3px}.profile-stats strong{font-size:20px}.profile-stats span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.profile-favorite-line{color:var(--muted);font-size:12px}.profile-favorite-line strong{color:#fff}.notification-row{padding:11px 0;border-top:1px solid var(--line)}.notification-row:first-child{border-top:0}.notification-row>div{display:grid;gap:3px}.notification-row span,.notification-row small{color:var(--muted);font-size:11px;line-height:1.4}.notification-row.unread strong{color:var(--accent2)}.friend-actions,.trade-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.trade-current-offer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-current-offer>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:4px}.trade-current-offer strong{font-size:10px;text-transform:uppercase;color:var(--accent2)}.trade-current-offer span{font-size:11px;color:var(--muted)}.auction-description{margin-bottom:12px}.auction-actions{display:grid;gap:7px}.auction-source{text-align:center;font-size:10px;color:var(--accent2)}
.reveal-card .card-front{color:#fff}.reveal-card .front-top,.reveal-card .front-name,.reveal-card .front-work,.reveal-card .front-description{color:#fff}.reveal-card .front-work{color:#c5cad8}.reveal-card .front-description{color:#e7e9ef}.summary-card{color:#fff}.summary-card strong{color:#fff}.summary-card span{color:var(--accent2)}
.collection-detail-art img{width:100%;height:100%;object-fit:cover}.collection-detail-panel{max-height:90vh;overflow:auto}
@media(max-width:700px){.profile-stats{grid-template-columns:repeat(2,1fr)}.trade-current-offer{grid-template-columns:1fr}.friend-actions,.trade-actions{justify-content:flex-start}.catalog-art{height:170px}}
.summary-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px auto}.summary-stats div{min-width:92px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:2px}.summary-stats strong{font-size:18px}.summary-stats span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.detail-source{display:inline-flex;width:max-content;margin-top:10px;align-items:center;justify-content:center}.detail-description{white-space:pre-line}

/* V3.2 polish — avatar picker, booster inspection and modern notifications */
.app-toasts{position:fixed;right:20px;top:78px;z-index:120;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.app-toast{pointer-events:auto;display:grid;grid-template-columns:34px 1fr 28px;gap:10px;align-items:center;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(15,17,25,.94);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.35);animation:toastIn .25s ease}.app-toast>div{display:grid;gap:3px}.app-toast strong{font-size:12px}.app-toast span:not(.toast-icon){font-size:11px;color:var(--muted);line-height:1.35}.toast-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(167,139,250,.13);color:#c4b5fd;font-weight:900}.app-toast.success .toast-icon{background:rgba(74,222,128,.12);color:#86efac}.app-toast.warning .toast-icon{background:rgba(251,191,36,.12);color:#fde68a}.app-toast button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
@keyframes toastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.booster-inspector{position:fixed;inset:0;z-index:100;background:rgba(2,3,7,.86);backdrop-filter:blur(20px);display:grid;place-items:center;padding:20px}.booster-inspector[hidden]{display:none}.booster-inspector-panel{position:relative;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,#11131d,#090a0f);box-shadow:0 30px 100px rgba(0,0,0,.6)}.inspector-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.inspector-head h2{margin:5px 0 2px;font-size:30px}.inspector-head p:last-child{margin:0;color:var(--muted)}.inspector-body{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:28px;margin-top:24px}.inspector-art{min-height:430px;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.24),transparent 62%),#10121a}.inspector-art img{width:100%;height:100%;max-height:500px;object-fit:cover}.inspector-placeholder{font-size:90px;color:#a78bfa}.inspector-info{display:grid;align-content:center;gap:18px}.inspector-info .detail-description{font-size:14px;line-height:1.65;color:#e7e9ef}.inspector-meta{display:flex;gap:8px;flex-wrap:wrap}.inspector-meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}.inspector-actions{display:flex;gap:8px;flex-wrap:wrap}.inspector-all{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.inspector-mini{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;text-align:left;padding:8px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--text);cursor:pointer}.inspector-mini:hover,.inspector-mini.compact{border-color:rgba(167,139,250,.35)}.inspector-mini-art{width:48px;height:58px;border-radius:8px;overflow:hidden;background:var(--panel2);display:grid;place-items:center}.inspector-mini-art img{width:100%;height:100%;object-fit:cover}.inspector-mini-art .inspector-placeholder{font-size:22px}.inspector-mini>span:last-child{min-width:0;display:grid;gap:3px}.inspector-mini strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-mini small{font-size:8px;color:var(--muted)}.inspector-mini b{font-size:11px;color:#f0abfc}
.reveal-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.summary-card{cursor:pointer;text-align:left;color:var(--text);font:inherit}.summary-card-art{height:150px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#10121a}.summary-card-art img{width:100%;height:100%;object-fit:cover}.summary-art-placeholder{font-size:40px;color:#a78bfa}
.avatar-card-pick{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;text-align:left;min-height:92px}.avatar-pick-art{width:76px;height:92px;border-radius:11px;overflow:hidden;background:var(--panel2);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}.avatar-pick-art img{width:100%;height:100%;object-fit:cover}.avatar-picker-placeholder{font-size:28px;color:#a78bfa}.avatar-pick-info{display:grid;gap:4px;min-width:0}.avatar-pick-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-pick-info span{font-size:10px;color:var(--muted)}.avatar-pick-info small{font-size:9px;color:var(--accent2)}
@media(max-width:760px){.inspector-body{grid-template-columns:1fr}.inspector-art{min-height:300px;max-height:52vh}.inspector-all{grid-template-columns:repeat(2,1fr)}.booster-inspector-panel{padding:22px}.app-toasts{top:66px;right:10px;width:calc(100vw - 20px)}}

/* V3.3 — premium reveal moments */
.reveal-card.is-legendary .card-front,.reveal-card.is-ultra_rare .card-front{position:relative;overflow:hidden}
.reveal-card.rare-reveal-burst{animation:rareBurst 1.35s cubic-bezier(.16,1,.3,1)}
.reveal-card.rare-reveal-burst:after{content:"";position:absolute;inset:-30%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(167,139,250,.18) 25%,transparent 65%);animation:rareFlash 1.1s ease-out forwards;z-index:5}
.reveal-card.is-legendary .card-front:after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(251,191,36,.35),transparent 25%,rgba(255,255,255,.18),transparent 55%);animation:legendarySweep 3.2s linear infinite;pointer-events:none}
.reveal-card.is-ultra_rare .card-front:after{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 30%,rgba(34,211,238,.22),transparent 55%);animation:ultraSweep 2.4s ease-in-out infinite;pointer-events:none}
@keyframes rareBurst{0%{transform:translateY(20px) scale(.94);filter:brightness(1)}35%{transform:translateY(0) scale(1.045);filter:brightness(1.65)}100%{transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes rareFlash{0%{opacity:0;transform:scale(.4)}25%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
@keyframes legendarySweep{to{transform:rotate(360deg)}}
@keyframes ultraSweep{0%,100%{transform:translateX(-25%)}50%{transform:translateX(25%)}}


/* Manga Sensei — responsive pass / zoom-safe layout */
html, body { max-width:100%; overflow-x:hidden; }
img, video, canvas, svg { max-width:100%; }
button, input, select, textarea { max-width:100%; }
main { width:100%; min-width:0; }
.section, .panel, .hero { min-width:0; }
.profile-main, .collection-header > div, .section-heading > div { min-width:0; }
.profile-avatar { width:160px; height:160px; min-width:160px; border-radius:34px; font-size:52px; }
.profile-avatar img, .profile-avatar-image { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
.profile-layout { align-items:flex-start; }

/* Trade */
.ms-trade-panel { width:min(1180px, calc(100vw - 32px)) !important; max-width:1180px !important; box-sizing:border-box !important; }
.ms-trade-readonly .ms-trade-selected { min-height:170px; }
.ms-trade-readonly .ms-trade-selected .ms-trade-card { cursor:default; }
.ms-trade-readonly .trade-danger-button { color:#fecaca; border-color:rgba(248,113,113,.35); }
.ms-trade-readonly .ms-trade-subtitle { opacity:.78; }
.ms-trade-panel .ms-trade-grid { min-width:0; }
.ms-trade-panel .ms-trade-card { min-width:0; }

@media (max-width:1100px) {
  .topbar { padding-left:3vw; padding-right:3vw; }
  main { max-width:none; }
  .hero, .section { padding-left:4vw; padding-right:4vw; }
  .panel { margin-left:3vw; margin-right:3vw; padding:32px; }
  .reveal-cards { gap:10px; }
  .reveal-card { min-width:0; }
}

@media (max-width:800px) {
  .topbar { padding:10px 3vw; }
  nav { gap:12px; flex-wrap:wrap; }
  .top-actions { min-width:0; }
  .hero { min-height:auto; padding-top:82px; padding-bottom:70px; }
  h1 { font-size:clamp(42px, 10vw, 68px); overflow-wrap:anywhere; }
  .hero-copy { font-size:15px; }
  .section { padding-top:52px; padding-bottom:52px; }
  .panel { margin:20px 2vw 48px; padding:24px; border-radius:20px; }
  .section-heading, .collection-header, .auction-header { align-items:stretch; flex-direction:column; }
  .stats { flex-wrap:wrap; gap:18px 30px; }
  .profile-layout { flex-direction:column; align-items:stretch; }
  .profile-avatar { width:148px; height:148px; min-width:148px; }
  .profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-actions { width:100%; }
  .profile-actions button { flex:1 1 180px; }
  .social-grid { grid-template-columns:1fr; }
  .social-wide { grid-column:auto; }
  .trade-row { align-items:flex-start; flex-direction:column; }
  .trade-actions { width:100%; display:flex; flex-wrap:wrap; }
  .trade-actions button { flex:1 1 150px; }
  .ms-trade-panel { width:calc(100vw - 20px) !important; max-height:calc(100vh - 20px); padding:20px !important; overflow:auto !important; }
  .ms-trade-board { grid-template-columns:1fr !important; }
  .ms-trade-swap { display:none !important; }
  .ms-trade-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; max-height:300px !important; }
  .ms-trade-selected { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .ms-trade-info strong { font-size:.7rem; }
}

@media (max-width:560px) {
  .topbar { position:sticky; height:auto; }
  .brand { font-size:14px; }
  nav { order:3; width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; scrollbar-width:none; }
  nav::-webkit-scrollbar { display:none; }
  nav a { white-space:nowrap; }
  .top-actions { margin-left:auto; gap:5px; }
  .coin-pill, .auth-pill, .notification-pill { padding:8px 10px; }
  .hero { padding-left:5vw; padding-right:5vw; }
  .hero-actions { flex-wrap:wrap; }
  .hero-actions .secondary { flex:1 1 140px; text-align:center; }
  .panel { margin-left:10px; margin-right:10px; padding:18px; }
  .stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .stats strong { font-size:23px; }
  .profile-avatar { width:132px; height:132px; min-width:132px; }
  .collection-tools, .market-toolbar { align-items:stretch; }
  .collection-tools input, .market-toolbar input, .market-toolbar select, .collection-sort-row select { width:100%; min-width:0; }
  .collection-sort-row { display:grid; grid-template-columns:1fr; }
  .trade-card-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ms-trade-panel { width:calc(100vw - 12px) !important; padding:14px !important; border-radius:18px; }
  .ms-trade-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ms-trade-selected { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ms-trade-actions { flex-direction:column; }
  .ms-trade-actions button { width:100%; }
  .ms-trade-card { border-radius:10px; }
  .ms-trade-info { padding:6px; }
  .booster-opening { padding:38px 10px 18px; }
  .reveal-cards { grid-template-columns:repeat(5, minmax(118px, 1fr)); overflow-x:auto; }
  .reveal-card { min-width:118px; height:285px; }
  .summary-cards { grid-template-columns:1fr; }
  .toast { left:12px; right:12px; bottom:12px; }
}

@media (min-width:1800px) {
  main { max-width:1440px; }
  .hero, .section { padding-left:3vw; padding-right:3vw; }
}


/* Responsive finalisation — all screens / browser zoom */
html, body { width:100%; min-width:0; }
body { overflow-x:hidden; }
main, .section, .panel, .hero, .topbar, .app-modal-panel, .booster-opening, .booster-inspector-panel { min-width:0; }
button, input, select, textarea { max-width:100%; }
.app-modal { overflow:auto; }
.app-modal-panel { max-height:calc(100dvh - 24px); overflow:auto; }
.booster-inspector { overflow:auto; }
.booster-inspector-panel { max-height:calc(100dvh - 24px); }
.topbar nav { min-width:0; }
.top-actions { min-width:0; flex-wrap:wrap; }
.ms-trade-panel { max-height:calc(100dvh - 20px) !important; overflow:auto !important; }
.ms-trade-grid, .ms-trade-selected { min-width:0; }
.ms-trade-card { min-width:0; }
.ms-trade-info, .ms-trade-info strong, .ms-trade-info small { min-width:0; overflow:hidden; }
.ms-trade-info strong, .ms-trade-info small { text-overflow:ellipsis; white-space:nowrap; }

@media (max-width:480px) {
  .topbar { padding:9px 12px; gap:8px; }
  .brand { max-width:45vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .top-actions { gap:4px; }
  .top-actions button { padding:8px 9px; }
  .hero { padding-top:56px; padding-bottom:50px; }
  h1 { font-size:clamp(38px, 12vw, 58px); }
  .section { padding:42px 14px; }
  .panel { margin-left:8px; margin-right:8px; padding:16px; border-radius:18px; }
  .collection-header, .section-heading { gap:14px; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .booster-page-grid { grid-template-columns:1fr; }
  .booster-info-card { padding:18px; }
  .booster-opening { padding:34px 10px 14px; }
  .opening-head h2 { font-size:30px; }
  .inspector-head { flex-direction:column; }
  .inspector-body { grid-template-columns:1fr; }
  .inspector-art { min-height:260px; max-height:48vh; }
  .modal-actions { flex-direction:column; }
  .modal-actions button { width:100%; }
  .ms-trade-panel { width:calc(100vw - 12px) !important; padding:14px !important; border-radius:16px; }
  .ms-trade-board { grid-template-columns:1fr !important; }
  .ms-trade-swap { display:none !important; }
  .ms-trade-grid, .ms-trade-selected { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ms-trade-grid { max-height:42vh !important; }
  .ms-trade-actions { flex-direction:column; }
  .ms-trade-actions button { width:100%; }
}

@media (max-width:360px) {
  .brand { display:none; }
  .top-actions { margin-left:0; width:100%; justify-content:flex-end; }
  .topbar nav { gap:8px; font-size:11px; }
  .panel { padding:13px; }
  .ms-trade-grid, .ms-trade-selected { grid-template-columns:1fr !important; }
  .profile-stats { grid-template-columns:1fr 1fr; }
}


/* PROFILE V1 — collectionneur / personnalisation */
.profile-panel{padding:clamp(18px,3vw,34px)!important;overflow:hidden}.profile-hero-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:clamp(22px,3vw,34px);box-shadow:0 24px 70px rgba(0,0,0,.2)}.profile-cover-glow{position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 18% 25%,rgba(125,92,255,.22),transparent 28%),radial-gradient(circle at 82% 0%,rgba(70,190,255,.12),transparent 25%);filter:blur(8px)}.profile-identity{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}.profile-avatar-wrap{position:relative;width:164px;height:164px}.profile-avatar{width:164px!important;height:164px!important;min-width:164px!important;border-radius:36px!important;border:3px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden}.profile-avatar-edit{position:absolute;right:-8px;bottom:-8px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#171923;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35)}.profile-identity-main{min-width:0}.profile-identity-main h2{margin:2px 0 2px;font-size:clamp(30px,4vw,48px);line-height:1.05;overflow-wrap:anywhere}.profile-username-line{margin:0 0 10px;color:var(--accent2);font-size:13px;font-weight:700}.profile-identity-main #profile-bio{max-width:650px;margin:0;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.profile-hero-actions{display:flex;flex-direction:column;gap:9px;min-width:155px}.profile-hero-actions button{width:100%}.profile-stat-strip{position:relative;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:repeat(4,1fr)}.profile-stat-strip>div{text-align:center;padding:4px 14px;border-right:1px solid rgba(255,255,255,.08)}.profile-stat-strip>div:last-child{border-right:0}.profile-stat-strip strong{display:block;font-size:28px;line-height:1.1}.profile-stat-strip span{display:block;margin-top:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.profile-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:18px;margin-top:18px}.profile-content-card{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.025);padding:22px}.profile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.profile-section-heading h3{margin:2px 0 4px;font-size:22px}.profile-section-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.profile-favorites-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-favorite-card{display:block;width:100%;min-width:0;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.profile-favorite-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}.profile-favorite-card.empty{cursor:default;opacity:.65}.profile-favorite-art{display:flex;aspect-ratio:2/3;background:rgba(0,0,0,.2);align-items:center;justify-content:center;overflow:hidden}.profile-favorite-art img{width:100%;height:100%;object-fit:cover;display:block}.profile-favorite-placeholder{font-size:28px;opacity:.35}.profile-favorite-info{display:flex;flex-direction:column;gap:4px;padding:10px}.profile-favorite-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-favorite-info small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-favorite-info b{font-size:8px;letter-spacing:.08em;color:var(--accent2)}.profile-favorite-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:170px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:var(--muted);text-align:center}.profile-favorite-empty span{font-size:24px;color:var(--accent2)}.profile-favorite-empty strong{color:#fff;font-size:13px}.profile-favorite-empty small{font-size:10px}.profile-personalization-actions{display:grid;gap:9px}.profile-preference-button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);color:#fff;text-align:left;cursor:pointer}.profile-preference-button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06);color:var(--accent2);font-size:17px}.profile-preference-button div{min-width:0}.profile-preference-button strong,.profile-preference-button small{display:block}.profile-preference-button strong{font-size:12px}.profile-preference-button small{margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-preference-button>b{font-size:20px;color:var(--muted)}.profile-preference-button:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
@media(max-width:900px){.profile-identity{grid-template-columns:auto minmax(0,1fr)}.profile-hero-actions{grid-column:2;grid-row:2;flex-direction:row}.profile-content-grid{grid-template-columns:1fr}.profile-favorites-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.profile-hero-card{padding:18px;border-radius:22px}.profile-identity{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-avatar-wrap{width:142px;height:142px}.profile-avatar{width:142px!important;height:142px!important;min-width:142px!important}.profile-identity-main #profile-bio{max-width:100%}.profile-hero-actions{grid-column:auto;grid-row:auto;width:100%;flex-direction:row}.profile-hero-actions button{flex:1}.profile-stat-strip{grid-template-columns:repeat(2,1fr);gap:14px 0}.profile-stat-strip>div{border-right:1px solid rgba(255,255,255,.08)}.profile-stat-strip>div:nth-child(2){border-right:0}.profile-stat-strip>div:nth-child(-n+2){padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-stat-strip>div:nth-child(3),.profile-stat-strip>div:nth-child(4){padding-top:14px}.profile-content-card{padding:16px;border-radius:18px}.profile-section-heading{align-items:stretch;flex-direction:column}.profile-section-heading .secondary-button{width:100%}.profile-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-favorite-empty{min-height:140px}.profile-preference-button{padding:11px}}

/* PROFILE V2 — personnalisation réelle */
.profile-favorite-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.profile-reset-button{padding:10px 12px;border-radius:11px;border:1px solid rgba(255,120,120,.2);background:transparent;color:#fca5a5;font-size:11px;cursor:pointer}
.profile-reset-button:hover{background:rgba(255,100,100,.08);border-color:rgba(255,120,120,.35)}
.profile-personalization-info{display:grid;gap:10px}
.profile-personalization-info>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.02)}
.profile-personalization-info>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06);color:var(--accent2);font-size:17px}
.profile-personalization-info p{margin:0;min-width:0}.profile-personalization-info strong,.profile-personalization-info small{display:block}.profile-personalization-info strong{font-size:12px}.profile-personalization-info small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}
.profile-avatar-crop-frame{display:block;width:100%;height:100%;overflow:hidden}
.profile-avatar-crop-frame img{will-change:transform}
.profile-picker-toolbar{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(130px,.8fr) minmax(150px,1fr) minmax(130px,.8fr);gap:8px;margin-bottom:12px}
.profile-picker-toolbar input,.profile-picker-toolbar select{width:100%;min-width:0;margin:0;padding:10px 11px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:#fff}
.profile-picker-count{grid-column:1/-1;color:var(--muted);font-size:10px}
.profile-picker-results{max-height:390px;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:2px}
.profile-picker-empty{grid-column:1/-1;padding:30px 12px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.12);border-radius:14px}
.profile-picker-results .trade-pick{position:relative;padding:7px;overflow:hidden}
.profile-picker-results .avatar-pick-art{display:block;aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:rgba(0,0,0,.18)}
.profile-picker-results .avatar-pick-art img{width:100%;height:100%;object-fit:cover;display:block}
.profile-picker-results .avatar-pick-info{padding:7px 2px 2px}.profile-picker-results .avatar-pick-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-picker-results .avatar-pick-info span,.profile-picker-results .avatar-pick-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-picker-results .trade-pick>b{position:absolute;top:9px;right:9px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#11131b;color:#fff}
.avatar-crop-editor{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.avatar-crop-title{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}.avatar-crop-title strong,.avatar-crop-title small{display:block}.avatar-crop-title strong{font-size:13px}.avatar-crop-title small,.avatar-crop-title>span{font-size:10px;color:var(--muted)}
.avatar-crop-preview{width:120px;height:120px;margin:0 auto 14px;border-radius:26px;overflow:hidden;background:#090a0f;border:2px solid rgba(255,255,255,.14)}.avatar-crop-preview img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;will-change:transform}
.avatar-crop-editor label{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:center;margin:9px 0;color:var(--muted);font-size:10px}.avatar-crop-editor input[type=range]{width:100%}
.profile-picker-reset-row{display:flex;justify-content:flex-end;margin-top:10px}.profile-picker-reset-row .danger-button{color:#fca5a5;border-color:rgba(255,120,120,.25)}
@media(max-width:900px){.profile-picker-toolbar{grid-template-columns:1fr 1fr}.profile-picker-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.profile-favorite-actions{width:100%}.profile-favorite-actions button{flex:1}.profile-picker-toolbar{grid-template-columns:1fr}.profile-picker-results{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.avatar-crop-preview{width:105px;height:105px}}

/* PROFILE PICKER V3 — layout + reset confirmation */
#trade-card-picker.profile-picker-active {
  display: block !important;
  max-height: 560px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
}
#trade-card-picker.profile-picker-active .profile-picker-toolbar {
  width: 100%;
  box-sizing: border-box;
}
#trade-card-picker.profile-picker-active .profile-picker-results {
  width: 100%;
  box-sizing: border-box;
}
#trade-card-picker.profile-picker-active .profile-picker-reset-row {
  width: 100%;
  box-sizing: border-box;
}
#trade-modal .trade-modal-panel:has(#trade-card-picker.profile-picker-active),
#trade-modal .app-modal-panel:has(#trade-card-picker.profile-picker-active) {
  width: min(1180px, 96vw) !important;
  max-width: 1180px !important;
  max-height: 92vh !important;
  padding: 30px !important;
}
#trade-card-picker.profile-picker-active {
  max-height: 680px !important;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px 20px;
}
#trade-card-picker.profile-picker-active .profile-picker-toolbar {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 2fr) minmax(150px, .8fr) minmax(190px, 1fr) minmax(150px, .8fr);
  gap: 10px;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
}
#trade-card-picker.profile-picker-active .profile-picker-toolbar input,
#trade-card-picker.profile-picker-active .profile-picker-toolbar select {
  min-height: 44px;
  padding: 11px 13px;
  font-size: 12px;
}
#trade-card-picker.profile-picker-active .profile-picker-count {
  grid-column: 1 / -1;
  padding: 2px 2px 0;
  font-size: 11px;
}
#trade-card-picker.profile-picker-active .profile-picker-results {
  grid-column: 1;
  grid-row: 2 / span 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-content: start;
  gap: 11px;
  max-height: 510px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px;
}
#trade-card-picker.profile-picker-active .avatar-card-pick {
  min-width: 0;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
#trade-card-picker.profile-picker-active .avatar-card-pick:hover {
  transform: translateY(-2px);
}
#trade-card-picker.profile-picker-active .avatar-pick-art {
  aspect-ratio: 2 / 3;
  width: 100%;
  height: auto;
}
#trade-card-picker.profile-picker-active .avatar-pick-info {
  padding: 8px 4px 5px;
}
#trade-card-picker.profile-picker-active #avatar-crop-editor {
  grid-column: 2;
  grid-row: 2 / span 2;
  margin-top: 0;
  align-self: start;
  position: sticky;
  top: 0;
}
#trade-card-picker.profile-picker-active .avatar-crop-preview {
  width: 170px;
  height: 170px;
  border-radius: 28px;
}
#trade-card-picker.profile-picker-active .avatar-crop-editor label {
  grid-template-columns: 72px 1fr;
  font-size: 11px;
}
#trade-card-picker.profile-picker-active .profile-picker-reset-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
@media(max-width:1000px){
  #trade-card-picker.profile-picker-active { grid-template-columns: 1fr; grid-template-rows: auto minmax(0,1fr) auto; }
  #trade-card-picker.profile-picker-active .profile-picker-results { grid-column:1; grid-row:2; grid-template-columns:repeat(5,minmax(0,1fr)); max-height:390px; }
  #trade-card-picker.profile-picker-active #avatar-crop-editor { grid-column:1; grid-row:3; position:static; }
  #trade-card-picker.profile-picker-active .avatar-crop-preview { width:125px; height:125px; margin-bottom:10px; }
}
@media(max-width:760px){
  #trade-modal .trade-modal-panel:has(#trade-card-picker.profile-picker-active),
  #trade-modal .app-modal-panel:has(#trade-card-picker.profile-picker-active) { padding:20px !important; }
  #trade-card-picker.profile-picker-active .profile-picker-toolbar { grid-template-columns:1fr 1fr; }
  #trade-card-picker.profile-picker-active .profile-picker-results { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:520px){
  #trade-card-picker.profile-picker-active .profile-picker-toolbar { grid-template-columns:1fr; }
  #trade-card-picker.profile-picker-active .profile-picker-results { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:320px; }
  #trade-card-picker.profile-picker-active .avatar-crop-preview { width:110px; height:110px; }
}


/* Catalogue complet */
.explorer-panel{min-height:70vh}
.explorer-subtitle{margin:8px 0 0;color:var(--muted);font-size:13px;max-width:650px}
.explorer-search-wrap{display:grid;gap:8px;min-width:min(360px,100%)}
.catalog-count{color:var(--muted);font-size:11px;text-align:right}
.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px 0 8px;min-height:42px;color:var(--muted);font-size:12px}
@media(max-width:700px){.explorer-search-wrap{min-width:100%}.catalog-count{text-align:left}.catalog-pagination{flex-wrap:wrap}}


/* Home booster centerpiece */
.home-booster-hero{position:relative;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.15fr);grid-template-rows:auto auto;align-items:center;gap:28px 54px;min-height:620px;padding:70px clamp(22px,5vw,80px);overflow:hidden;border-radius:0;background:radial-gradient(circle at 62% 45%,rgba(124,92,255,.16),transparent 30%),radial-gradient(circle at 72% 72%,rgba(20,210,170,.09),transparent 30%)}
.home-booster-hero:before{content:"";position:absolute;inset:10% 20% 0;background:radial-gradient(circle,rgba(255,255,255,.045),transparent 62%);pointer-events:none}
.home-hero-copy,.home-booster-stage,.home-booster-features{position:relative;z-index:1}
.home-hero-copy h1{font-size:clamp(54px,7vw,92px);line-height:.9;letter-spacing:-.065em;margin:12px 0 24px}.home-hero-copy h1 span{color:var(--accent2)}.home-hero-copy .hero-copy{max-width:430px;font-size:16px;line-height:1.7}.home-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.home-ranking-link{color:var(--muted);font-size:13px}.home-ranking-link:hover{color:var(--text)}
.home-booster-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:510px}.home-booster-pack-button{border:0;background:transparent;padding:0;cursor:pointer;display:block}.home-booster-pack{width:245px;height:355px;margin:0;transform:perspective(900px) rotateY(-9deg) rotateZ(-1deg);box-shadow:0 35px 100px rgba(34,211,238,.13),0 20px 55px rgba(0,0,0,.5),inset 0 0 40px rgba(255,255,255,.05);transition:transform .35s ease,filter .35s ease}.home-booster-pack-button:hover .home-booster-pack{transform:perspective(900px) rotateY(-2deg) rotateZ(1deg) translateY(-10px) scale(1.025);filter:brightness(1.08)}.home-booster-pack-button:active .home-booster-pack{transform:perspective(900px) rotateY(0deg) translateY(0) scale(.98)}
.home-booster-open{margin-top:24px;border:0;border-radius:999px;padding:13px 32px;background:var(--accent2);color:#061016;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 12px 35px rgba(20,210,170,.18)}.home-booster-open:hover{transform:translateY(-2px);filter:brightness(1.06)}.home-booster-status{margin-top:18px;text-align:center}.home-booster-status div{display:flex;align-items:baseline;justify-content:center;gap:8px}.home-booster-status strong{font-size:25px}.home-booster-status span,.home-booster-status small{color:var(--muted)}.home-booster-status span{font-size:12px}.home-booster-status small{display:block;margin-top:5px;font-size:11px}
.home-booster-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;width:100%;margin:0 auto;border-top:1px solid rgba(255,255,255,.09);padding-top:24px}.home-booster-features>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:0 18px;border-right:1px solid rgba(255,255,255,.08)}.home-booster-features>div:last-child{border-right:0}.home-booster-features span{color:var(--accent2);font-size:18px}.home-booster-features strong{font-size:13px}.home-booster-features small{color:var(--muted);font-size:11px}
@media(max-width:850px){.home-booster-hero{grid-template-columns:1fr;min-height:auto;padding:55px 6vw 38px;text-align:center;gap:10px}.home-hero-copy{display:flex;flex-direction:column;align-items:center}.home-hero-copy h1{font-size:clamp(54px,15vw,78px)}.home-hero-copy .hero-copy{font-size:14px}.home-hero-actions{justify-content:center}.home-booster-stage{min-height:440px}.home-booster-pack{width:200px;height:292px}.home-booster-features{margin-top:10px}}
@media(max-width:520px){.home-booster-hero{padding-top:42px}.home-booster-stage{min-height:390px}.home-booster-pack{width:175px;height:255px}.home-booster-pack .pack-logo{font-size:22px}.home-booster-features{grid-template-columns:1fr;gap:14px}.home-booster-features>div{border-right:0;padding:0}.home-booster-features>div:not(:last-child){padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}}

.ranking-panel{scroll-margin-top:90px}.ranking-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.ranking-list{display:grid;gap:8px}.ranking-row{display:grid;grid-template-columns:52px 52px minmax(180px,1fr) repeat(4,minmax(70px,100px));align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.ranking-row.is-me{border-color:rgba(167,139,250,.65);background:rgba(139,92,246,.09);box-shadow:0 0 0 1px rgba(167,139,250,.12)}.ranking-position{font-size:20px;font-weight:900;text-align:center;color:var(--muted)}.ranking-position.top-1{color:#fbbf24}.ranking-position.top-2{color:#cbd5e1}.ranking-position.top-3{color:#d97706}.ranking-avatar{width:52px;height:52px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,92,246,.3),transparent 70%),#10121a;border:1px solid rgba(255,255,255,.08);color:#a78bfa;font-size:22px}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.ranking-player{min-width:0}.ranking-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-player span{display:block;margin-top:3px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-stat{text-align:right}.ranking-stat strong{display:block;font-size:16px}.ranking-stat span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.ranking-empty{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}

@media(max-width:900px){.ranking-row{grid-template-columns:42px 46px minmax(140px,1fr) repeat(2,minmax(65px,90px));gap:9px}.ranking-hide-mobile{display:none}.ranking-avatar{width:46px;height:46px}}

@media(max-width:620px){.ranking-header{align-items:flex-start;flex-direction:column}.ranking-header button{width:100%}.ranking-row{grid-template-columns:34px 42px minmax(0,1fr) 58px;gap:7px;padding:10px}.ranking-avatar{width:42px;height:42px;border-radius:11px}.ranking-position{font-size:17px}.ranking-player strong{font-size:12px}.ranking-stat strong{font-size:13px}.ranking-stat span{font-size:8px}.ranking-row .ranking-stat:last-child{display:none}}

.catalog-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.catalog-toolbar select{min-width:170px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text)}
.catalog-toolbar .secondary-button{margin-left:auto}
@media(max-width:700px){.catalog-toolbar{align-items:stretch}.catalog-toolbar select,.catalog-toolbar .secondary-button{width:100%;min-width:0;margin-left:0}}


/* Navigation V4 — une seule page visible à la fois */
.page-view[hidden],
.page-view:not(.active) {
  display: none !important;
}
body[data-current-view="home"] .page-view:not([data-page-view="home"]),
body[data-current-view="explorer"] .page-view:not([data-page-view="explorer"]),
body[data-current-view="collection"] .page-view:not([data-page-view="collection"]),
body[data-current-view="market"] .page-view:not([data-page-view="market"]),
body[data-current-view="social"] .page-view:not([data-page-view="social"]),
body[data-current-view="ranking"] .page-view:not([data-page-view="ranking"]),
body[data-current-view="profile"] .page-view:not([data-page-view="profile"]),
body[data-current-view="wallet"] .page-view:not([data-page-view="wallet"]) {
  display: none !important;
}


/* AVATAR PICKER V4 — two-step selection + adjustment */
#trade-card-picker.profile-picker-active.avatar-step-picker { display:block !important; max-height:650px !important; overflow:auto !important; }
#trade-card-picker.profile-picker-active.avatar-step-picker .profile-picker-results { grid-template-columns:repeat(4,minmax(0,1fr)); max-height:500px; }
#trade-card-picker.profile-picker-active.avatar-step-adjust { display:block !important; max-height:none !important; overflow:visible !important; padding:0 !important; }
#trade-card-picker.profile-picker-active.avatar-step-adjust #avatar-crop-editor { display:block !important; width:100%; margin:0 !important; }
.avatar-step-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.avatar-step-head > div { flex:1; text-align:center; }
.avatar-step-head strong,.avatar-step-head small { display:block; }
.avatar-step-head strong { font-size:20px; }
.avatar-step-head small,.avatar-step-head > span { color:var(--muted); font-size:11px; }
.avatar-crop-preview.large { width:min(320px,60vw) !important; height:min(320px,60vw) !important; margin:12px auto 24px !important; border-radius:34px !important; border:2px solid rgba(255,255,255,.16); box-shadow:0 20px 50px rgba(0,0,0,.3); }
.avatar-adjust-controls { display:grid; gap:16px; max-width:760px; margin:0 auto; padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(255,255,255,.025); }
.avatar-adjust-controls label { display:grid !important; grid-template-columns:100px 1fr 55px !important; gap:14px !important; align-items:center !important; margin:0 !important; color:var(--text) !important; font-size:12px !important; }
.avatar-adjust-controls output { color:var(--accent2); text-align:right; font-variant-numeric:tabular-nums; }
.avatar-save-hint { max-width:760px; margin:14px auto 0; text-align:center; color:var(--muted); font-size:11px; }
@media(max-width:900px){#trade-card-picker.profile-picker-active.avatar-step-picker .profile-picker-results{grid-template-columns:repeat(3,minmax(0,1fr));}.avatar-step-head{align-items:flex-start;flex-wrap:wrap}.avatar-step-head>div{order:-1;width:100%;flex-basis:100%;}.avatar-adjust-controls{padding:16px;}}
@media(max-width:600px){#trade-card-picker.profile-picker-active.avatar-step-picker .profile-picker-results{grid-template-columns:repeat(2,minmax(0,1fr));}.avatar-adjust-controls label{grid-template-columns:80px 1fr 45px !important;}.avatar-crop-preview.large{width:240px !important;height:240px !important;}}


/* V3.4 — Legendary Shiny visual identity */
.reveal-card.is-shiny .card-front,
.summary-card.is-shiny,
.inspector-mini.is-shiny {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 90, 110, .72);
  box-shadow: 0 0 0 1px rgba(255, 210, 220, .18), 0 0 34px rgba(255, 55, 90, .28), inset 0 0 30px rgba(255, 80, 110, .12);
}
.reveal-card.is-shiny .card-front::before,
.summary-card.is-shiny::before,
.inspector-mini.is-shiny::before {
  content: "";
  position: absolute;
  inset: -80%;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.08) 43%, rgba(255,255,255,.8) 49%, rgba(255,120,150,.28) 54%, transparent 62%);
  transform: translateX(-45%) rotate(8deg);
  animation: shinySweep 2.6s ease-in-out infinite;
  z-index: 3;
}
.reveal-card.is-shiny .card-front::after {
  content: "✨ SHINY";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 999px;
  background: rgba(120, 8, 32, .72);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-shadow: 0 0 10px rgba(255,255,255,.75);
  box-shadow: 0 0 16px rgba(255,70,100,.45);
}
.summary-card.is-shiny::after {
  content: "✨ SHINY";
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 5;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(120, 8, 32, .82);
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .07em;
}
.inspector-mini.is-shiny { border-color: rgba(255,90,110,.7); }
.inspector-mini.is-shiny small { color: #ffb4c0; }
@keyframes shinySweep {
  0%, 25% { transform: translateX(-55%) rotate(8deg); opacity: .25; }
  55% { opacity: 1; }
  100% { transform: translateX(55%) rotate(8deg); opacity: .2; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-card.is-shiny .card-front::before,
  .summary-card.is-shiny::before { animation: none; opacity: .45; }
}

/* Booster UX refresh */
.booster-opening{min-height:0;height:min(780px,calc(100vh - 40px));padding:34px 30px 28px;display:flex;flex-direction:column}
.opening-head h2{font-size:clamp(30px,4vw,42px);margin:6px 0 4px}
.opening-head p:last-child{margin:0}
.reveal-area{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:12px}
.reveal-cards{margin:18px auto 14px;gap:12px;width:min(1030px,100%);max-width:none}
.reveal-card{height:min(365px,43vh);min-height:290px}
.reveal-controls{margin-top:auto;padding-top:6px}
.front-favorite{position:absolute;z-index:8;right:10px;top:10px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,8,13,.72);backdrop-filter:blur(8px);color:#fff;font-size:18px;cursor:pointer;transition:transform .16s,background .16s,color .16s}
.front-favorite:hover,.front-favorite.active{transform:scale(1.08);background:rgba(236,72,153,.18);color:#ff8ac5}
.booster-summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0 0}
.summary-icon{font-size:42px}
.booster-summary h2{font-size:clamp(30px,4vw,42px);margin:5px 0}
.booster-summary>p{margin:0 0 12px}
.summary-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.summary-stats>div{min-width:64px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}
.summary-stats strong{display:block;font-size:18px}.summary-stats span{font-size:8px!important;color:var(--muted)!important;letter-spacing:.06em}
.summary-cards{width:min(920px,100%);max-width:none;margin:10px auto 16px;gap:10px}
.summary-card{position:relative;padding:9px 8px 11px;cursor:pointer;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s}
.summary-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.25)}
.summary-card-art{height:clamp(145px,21vh,205px)}
.summary-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-card-favorite{position:absolute;z-index:4;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,8,13,.78);backdrop-filter:blur(8px);color:#fff;font-size:16px;cursor:pointer;transition:transform .16s,color .16s,background .16s}
.summary-card-favorite:hover,.summary-card-favorite.active{transform:scale(1.08);color:#ff8ac5;background:rgba(236,72,153,.18)}
.summary-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:2px}.summary-actions button{min-width:210px}
@media(max-width:900px){.booster-opening{height:calc(100vh - 24px);padding:28px 18px 20px}.reveal-card{height:320px}.summary-card-art{height:150px}.summary-cards{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto;padding:4px 2px;justify-content:start}.summary-card{min-width:145px}}
@media(max-width:700px){.booster-opening{height:calc(100vh - 16px);padding:24px 12px 14px}.reveal-area{justify-content:flex-start}.reveal-cards{margin-top:12px}.reveal-card{height:285px;min-height:285px}.summary-cards{grid-template-columns:repeat(5,125px)}.summary-card{min-width:125px}.summary-card-art{height:145px}.summary-actions{width:100%}.summary-actions button{width:100%}}

/* Booster UX v2 — one card at a time */
.reveal-area{align-items:center;justify-content:center}
.reveal-cards{width:min(390px,100%);margin:18px auto 14px;display:flex;justify-content:center;min-height:390px}
.reveal-card{width:min(360px,82vw);height:min(500px,58vh);min-height:420px}
.reveal-controls{width:100%;max-width:720px}
.reveal-buttons{margin-top:10px}
.front-favorite{z-index:20}
.reveal-card.revealed{animation:cardRevealIn .35s ease both}
@keyframes cardRevealIn{from{opacity:.7;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.booster-opening{height:calc(100vh - 16px);padding:22px 12px 14px}.reveal-cards{min-height:360px;margin:10px auto}.reveal-card{width:min(320px,84vw);height:390px;min-height:390px}.front-name{font-size:16px}.front-description{font-size:9px}.reveal-controls{margin-top:0}.reveal-buttons button{min-width:0}}

/* Booster UX v4 — une seule carte visible pendant l'ouverture */
.reveal-area[hidden],
.booster-summary[hidden],
.booster-pack[hidden]{display:none !important;}
.reveal-area{z-index:2;}
.reveal-cards{position:relative;z-index:3;}
.reveal-card{margin:0 auto;transform-origin:center center;}

/* Booster UX v3 — carte seule, clic pour révéler puis passer à la suivante */
.booster-opening.booster-opening{height:min(820px,calc(100vh - 32px));min-height:0;padding:24px 20px}
.booster-opening:has(.reveal-area:not([hidden])) .overlay-close{z-index:30}
.reveal-area{position:absolute;inset:0;display:grid;place-items:center;padding:24px 54px}
.reveal-cards{width:100%;min-height:0;margin:0;display:grid;place-items:center}
.reveal-card{width:min(390px,82vw);height:min(560px,78vh);min-height:0;cursor:pointer}
.reveal-controls{display:none!important}
.reveal-card .front-favorite{pointer-events:auto}
.reveal-card.revealed{cursor:pointer}
@media(max-width:700px){
  .booster-opening.booster-opening{height:calc(100vh - 16px);padding:16px 10px}
  .reveal-area{padding:16px 34px}
  .reveal-card{width:min(350px,84vw);height:min(520px,78vh)}
}

/* Booster UX v5 — centrage strict + artworks contenus */
.reveal-area:not([hidden]){
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  padding:24px !important;
  box-sizing:border-box !important;
}
.reveal-cards{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.reveal-card{
  flex:0 0 auto !important;
  margin:0 !important;
  transform:none !important;
  animation:none !important;
  opacity:1 !important;
  align-self:center !important;
}
.card-front{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.front-art{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  width:100% !important;
  height:auto !important;
  align-self:stretch !important;
}
.front-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
/* Fiche d'inspection : les artworks gardent leurs proportions et restent dans leur cadre */
.inspector-art{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.inspector-art img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}


/* Booster UX v6 — visibilité + artwork sans débordement */
.reveal-card { opacity: 1 !important; }
.reveal-card:not(.revealed) .card-front { transform: rotateY(180deg); }
.reveal-card:not(.revealed) .card-back { transform: rotateY(0); }
.reveal-card.revealed .card-front { transform: rotateY(0); }
.reveal-card.revealed .card-back { transform: rotateY(-180deg); }
.reveal-card .front-art {
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}
.reveal-card .front-art img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Manga Sensei — Card frame consistency + auction/home polish */
.collection-card,
.catalog-card {
  height: 430px;
  min-height: 430px;
  display: flex;
  flex-direction: column;
}
.collection-card-art,
.catalog-art {
  flex: 0 0 220px;
  height: 220px !important;
  min-height: 220px;
  margin: 12px 12px 0;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.collection-card-art img,
.catalog-art img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center;
}
.collection-card-body,
.catalog-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.collection-card-description,
.catalog-description {
  overflow: hidden;
}

/* Booster cards: fixed physical card, separate artwork window */
.reveal-card {
  width: 360px !important;
  height: 520px !important;
  min-width: 360px !important;
  min-height: 520px !important;
}
.reveal-card .card-front {
  display: grid;
  grid-template-rows: auto 250px auto auto minmax(0,1fr);
  gap: 9px;
  overflow: hidden !important;
}
.reveal-card .front-art {
  width: 100% !important;
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
  padding: 8px;
  box-sizing: border-box;
  align-self: auto !important;
}
.reveal-card .front-art img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.reveal-card .front-description {
  min-height: 0;
  overflow: hidden;
}
.summary-card {
  height: 280px;
  min-height: 280px;
}
.summary-card-art {
  height: 150px !important;
  min-height: 150px;
}
.summary-card-art img {
  object-fit: contain !important;
}

/* Home booster pack: improve logo readability on the dark artwork */
.home-booster-pack .pack-logo,
.booster-pack .pack-logo {
  color: #ffffff;
  text-shadow: 0 2px 0 rgba(0,0,0,.95), 0 4px 18px rgba(0,0,0,.9), 0 0 26px rgba(255,255,255,.12);
  -webkit-text-stroke: .35px rgba(255,255,255,.35);
  background: rgba(5,7,14,.42);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 12px 18px 14px;
  backdrop-filter: blur(5px);
}
.home-booster-pack .pack-logo span,
.booster-pack .pack-logo span {
  color: #67e8f9;
  text-shadow: 0 0 18px rgba(34,211,238,.55), 0 2px 10px rgba(0,0,0,.9);
}

@media(max-width:700px){
  .collection-card,
  .catalog-card { height: 410px; min-height: 410px; }
  .collection-card-art,
  .catalog-art { flex-basis: 200px; height: 200px !important; min-height: 200px; }
  .reveal-card { width: min(330px, calc(100vw - 42px)) !important; min-width: min(330px, calc(100vw - 42px)) !important; height: min(500px, calc(100vh - 70px)) !important; min-height: 440px !important; }
  .reveal-card .card-front { grid-template-rows: auto 220px auto auto minmax(0,1fr); }
  .reveal-card .front-art { height: 220px !important; min-height: 220px !important; max-height: 220px !important; }
  .summary-card { height: 265px; min-height: 265px; }
  .summary-card-art { height: 140px !important; min-height: 140px; }
}

/* Card collection / inspection polish v1 — fixed card geometry + direct favorites */
.collection-card {
  position: relative;
  display: block;
  overflow: hidden;
  min-width: 0;
  border-radius: 22px;
}
.collection-card-open {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.collection-card-favorite {
  position: absolute;
  z-index: 8;
  top: 12px;
  right: 12px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  background: rgba(7,9,15,.78);
  color: #fff;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.collection-card-favorite:hover { transform: scale(1.07); border-color: rgba(244,114,182,.6); }
.collection-card-favorite.active { color: #fb7185; background: rgba(80,12,30,.88); border-color: rgba(251,113,133,.65); }
.collection-card-favorite:focus-visible { outline: 2px solid var(--accent2); outline-offset: 3px; }
.collection-card-open:focus-visible { outline: 2px solid var(--accent2); outline-offset: -3px; border-radius: 22px; }

/* Fixed physical card frame inside collection cards */
.collection-card-art,
.catalog-art {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.collection-card-art::after,
.catalog-art::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  pointer-events: none;
}
.collection-card-art img,
.catalog-art img {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center;
  padding: 8px;
  box-sizing: border-box;
}

/* Collection inspection: make it feel like a real collectible card + info panel */
.collection-detail {
  padding: 18px;
  overflow: auto;
}
.collection-detail-panel {
  position: relative;
  width: min(1120px, 100%);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
  align-items: center;
  gap: 34px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 30px;
  background:
    radial-gradient(circle at 18% 25%, rgba(139,92,246,.16), transparent 35%),
    linear-gradient(145deg,#11131d,#090a0f);
  box-shadow: 0 30px 100px rgba(0,0,0,.65);
}
.collection-detail-panel.rarity-frame-common { border-color: rgba(96,165,250,.38); }
.collection-detail-panel.rarity-frame-uncommon { border-color: rgba(186,230,253,.45); }
.collection-detail-panel.rarity-frame-rare { border-color: rgba(167,139,250,.5); }
.collection-detail-panel.rarity-frame-super_rare { border-color: rgba(244,114,182,.58); }
.collection-detail-panel.rarity-frame-ultra_rare { border-color: rgba(251,191,36,.62); }
.collection-detail-panel.rarity-frame-legendary { border-color: rgba(248,113,113,.7); box-shadow: 0 30px 100px rgba(0,0,0,.65), 0 0 40px rgba(239,68,68,.12); }
.collection-detail-art {
  width: min(100%, 360px);
  aspect-ratio: 5 / 7;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  justify-self: center;
  position: relative;
  display: grid !important;
  place-items: center;
  overflow: hidden !important;
  border: 2px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: #0b0e16;
  box-shadow: inset 0 0 0 7px rgba(255,255,255,.025), 0 22px 55px rgba(0,0,0,.45);
}
.collection-detail-art::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 15px;
  pointer-events: none;
  z-index: 2;
}
.collection-detail-art img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center;
  padding: 14px;
  box-sizing: border-box;
}
.collection-detail-info {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 14px;
}
.collection-detail-info h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.02;
  letter-spacing: -.025em;
}
.collection-detail-info > p { margin: 0; }
.collection-detail-info .detail-description {
  margin: 4px 0 0;
  max-width: 65ch;
  color: #e8ebf2;
  font-size: 14px;
  line-height: 1.65;
}
.collection-detail-info .detail-rarity { width: max-content; }
.collection-detail-info .detail-meta { margin-top: 2px; }
.collection-detail-info .secondary-button,
.collection-detail-info .auction-button,
.collection-detail-info .recycle-button { min-height: 46px; }

@media (max-width: 820px) {
  .collection-detail-panel {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 22px;
  }
  .collection-detail-art { width: min(340px, 78vw); }
  .collection-detail-info h2 { font-size: clamp(25px, 7vw, 36px); }
}
@media (max-width: 480px) {
  .collection-detail { padding: 8px; }
  .collection-detail-panel { width: 100%; max-height: calc(100dvh - 16px); padding: 16px; border-radius: 22px; gap: 16px; }
  .collection-detail-art { width: min(300px, 82vw); border-radius: 18px; }
  .collection-detail-art img { padding: 10px; }
  .collection-card-favorite { top: 9px; right: 9px; width: 40px; height: 40px; }
}

/* Manga Sensei — restore premium responsive header controls (coins / notifications)
   Appended after legacy rules so these styles win without changing JS. */
:root{--touch:44px}
.coin-pill{
  min-height:var(--touch);
  min-width:104px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 13px;
  border-radius:13px;
  border:1px solid rgba(251,191,36,.22);
  background:linear-gradient(135deg,rgba(251,191,36,.11),rgba(255,255,255,.035));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 20px rgba(0,0,0,.12);
  white-space:nowrap;
  transition:transform .16s,border-color .16s,background .16s;
}
.coin-pill:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.42);background:linear-gradient(135deg,rgba(251,191,36,.16),rgba(255,255,255,.05))}
.coin-pill:active{transform:translateY(0)}
.coin-pill strong{font-size:12px;letter-spacing:.01em}
.notification-pill{
  position:relative;
  width:var(--touch);
  min-width:var(--touch);
  height:var(--touch);
  padding:0;
  display:inline-grid;
  place-items:center;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#fff;
  font-size:17px;
  line-height:1;
  transition:transform .16s,border-color .16s,background .16s;
}
.notification-pill:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.42);background:rgba(139,92,246,.10)}
.notification-pill span:empty{display:none}
.notification-pill span{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  margin:0;
  display:grid;
  place-items:center;
  border:2px solid #090a0f;
  border-radius:999px;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6);
  color:#fff;
  font-size:8px;
  font-weight:900;
  box-shadow:0 3px 12px rgba(34,211,238,.22);
}
.auth-pill{min-height:var(--touch);padding:8px 14px;border-radius:13px;white-space:nowrap}
@media(max-width:1100px){
  .topbar{padding-left:16px;padding-right:16px;gap:12px}
  .topbar nav{justify-content:flex-start;gap:3px}
  .topbar nav a{padding-left:7px;padding-right:7px;font-size:13px}
  .coin-pill{min-width:94px}
}
@media(max-width:850px){
  .topbar{gap:10px}
  .brand{font-size:13px}
  .topbar nav a{font-size:12px;min-height:42px}
  .coin-pill{min-width:88px;padding-left:10px;padding-right:10px}
  .coin-pill strong{font-size:11px}
}
@media(max-width:700px){
  .topbar{
    position:sticky;top:0;z-index:120;min-height:0;padding:9px 12px 8px;
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:7px 10px;
  }
  .brand{grid-column:1;grid-row:1;align-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
  .top-actions{grid-column:2;grid-row:1;gap:5px}
  .topbar nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start;gap:3px;padding:2px 1px 3px;margin:0;border-top:1px solid rgba(255,255,255,.055);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a{min-height:40px;padding:7px 10px;font-size:11px;border-radius:9px;flex:0 0 auto}
  .coin-pill{min-width:44px;width:auto;height:40px;min-height:40px;padding:0 9px;border-radius:11px}
  .coin-pill strong{font-size:10px}
  .notification-pill{width:40px;min-width:40px;height:40px;border-radius:11px}
  .auth-pill{min-height:40px;padding:7px 10px;border-radius:11px;font-size:10px}
  .app-modal,.collection-detail,.booster-inspector,.booster-overlay{padding:7px}
  .app-modal-panel,.collection-detail-panel,.booster-inspector-panel,.ms-trade-panel,.trade-modal-panel{width:100%;max-width:100%;max-height:calc(100dvh - 14px);border-radius:18px}
  .app-modal-panel{padding:18px}
  .collection-detail-panel{padding:18px;gap:18px}
  .booster-inspector-panel{padding:18px}
  .modal-actions{flex-direction:column}
  .modal-actions button{width:100%;min-height:44px}
}
@media(max-width:480px){
  .topbar{padding:8px 9px 7px}
  .brand{font-size:12px;letter-spacing:-.035em}
  .topbar nav a{font-size:10px;padding:7px 9px}
  .coin-pill{width:40px;min-width:40px;padding:0;font-size:16px}
  .coin-pill strong{display:none}
  .notification-pill{width:40px;min-width:40px}
  .auth-pill{width:40px;min-width:40px;padding:0;font-size:0}
  .auth-pill::before{content:'👤';font-size:15px}
  .app-modal-panel,.collection-detail-panel,.booster-inspector-panel,.ms-trade-panel,.trade-modal-panel{border-radius:16px}
  .app-modal-panel{padding:15px}
  .collection-detail-panel{padding:15px}
  .booster-inspector-panel{padding:15px}
  .overlay-close{top:8px;right:8px;width:40px;height:40px}
}
@media(max-width:360px){
  .brand{display:block;max-width:38vw;font-size:11px}
  .top-actions{gap:4px}
  .topbar nav a{min-height:38px;padding:6px 8px;font-size:9px}
  .coin-pill,.notification-pill,.auth-pill{width:38px;min-width:38px;height:38px;min-height:38px}
}
@media(prefers-reduced-motion:reduce){.topbar nav a,.coin-pill,.notification-pill{transition:none}}

/* Manga Sensei — Collection V1: search + smart filters */
.collection-tools {
  gap: 12px;
  align-items: stretch;
}
.collection-tools > #collection-search {
  flex: 1 1 320px;
  min-width: 240px;
  height: 44px;
}
.collection-mode-filters,
#collection-mode-filters,
#rarity-filters {
  width: 100%;
}
.collection-filter-hint {
  width: 100%;
  margin-top: -4px;
  color: var(--muted);
  font-size: 11px;
}
.collection-sort-row {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(150px, .8fr) minmax(180px, 1fr) minmax(170px, .9fr) auto;
  gap: 8px;
  align-items: center;
}
.collection-sort-row select,
.filter-reset-button {
  min-height: 42px;
  box-sizing: border-box;
}
.filter-reset-button {
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  cursor: pointer;
  white-space: nowrap;
}
.filter-reset-button:hover {
  border-color: rgba(103,232,249,.45);
  color: var(--text);
  background: rgba(103,232,249,.07);
}
.collection-card.is-shiny {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 0 24px rgba(236,72,153,.08);
}
.collection-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 9px;
  color: var(--muted);
  font-size: 10px;
}
.collection-card-meta span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection-card-meta span:last-child {
  flex: 0 0 auto;
  color: #d9dce5;
}
@media (max-width: 850px) {
  .collection-sort-row {
    grid-template-columns: 1fr 1fr;
  }
  .filter-reset-button {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .collection-tools > #collection-search {
    min-width: 0;
    flex-basis: 100%;
  }
  .collection-sort-row {
    grid-template-columns: 1fr;
  }
  .collection-filter-hint {
    line-height: 1.45;
  }
}


/* Manga Sensei Collection V2 */
.collection-progress{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.collection-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:9px}.collection-progress-head strong{color:var(--text);font-size:13px}.collection-progress-bar,.collection-license-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.collection-progress-bar span,.collection-license-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),#a78bfa);box-shadow:0 0 16px rgba(34,211,238,.25)}
.collection-license-progress{margin:0 0 24px}.collection-license-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px;color:var(--muted);font-size:11px}.collection-license-title strong{color:var(--text);font-size:13px}.collection-license-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.collection-license-card{appearance:none;text-align:left;color:inherit;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:11px;cursor:pointer;transition:.18s ease}.collection-license-card:hover{border-color:rgba(34,211,238,.35);transform:translateY(-1px);background:rgba(255,255,255,.04)}.collection-license-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.collection-license-top strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-license-top span,.collection-license-card small{font-size:9px;color:var(--muted)}.collection-license-card small{display:block;margin-top:6px}
.collection-load-more-wrap{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:24px 0 8px;color:var(--muted);font-size:11px}.collection-load-more-wrap[hidden]{display:none}
.collection-card.is-missing{border-style:dashed;opacity:.9}.collection-card.is-missing:hover{opacity:1}.collection-card-missing-badge{position:absolute;z-index:3;top:10px;left:10px;padding:5px 8px;border-radius:999px;background:rgba(10,11,16,.86);border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.collection-card-art{position:relative}.collection-card.is-missing .collection-card-art{background:radial-gradient(circle at 50% 40%,rgba(167,139,250,.18),transparent 58%),#080a10}.collection-missing-symbol{font-size:76px;font-weight:800;color:rgba(255,255,255,.2);text-shadow:0 0 30px rgba(167,139,250,.15)}.collection-card.is-missing .collection-card-description{color:var(--muted)}
@media(max-width:700px){.collection-license-grid{grid-template-columns:1fr 1fr}.collection-license-card{min-width:0}.collection-progress-head strong{font-size:12px}}
@media(max-width:480px){.collection-license-grid{grid-template-columns:1fr}.collection-load-more-wrap .secondary-button{width:100%}}


/* Manga Sensei — first-login profile onboarding */
.profile-edit-intro {
  margin: -2px 0 10px;
  color: var(--muted);
  line-height: 1.55;
  font-size: 13px;
}
#profile-edit-modal.profile-onboarding .app-modal-panel {
  max-width: 520px;
}
#profile-edit-modal.profile-onboarding .app-modal-panel h2 {
  margin-bottom: 8px;
}
#profile-edit-modal.profile-onboarding #profile-edit-submit {
  margin-top: 6px;
}


/* Manga Sensei — clean catalogue + booster UX */
.catalog-home-block{margin-top:30px}.catalog-home-block h3{margin:0 0 14px;font-size:16px}.catalog-home-block .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-booster-open-all{border:1px solid rgba(103,232,249,.28);background:rgba(103,232,249,.08);color:var(--text);border-radius:999px;padding:12px 18px;font-weight:850;cursor:pointer}.home-booster-open-all:hover{transform:translateY(-2px);background:rgba(103,232,249,.14)}.home-booster-open-all:disabled,.home-booster-open:disabled{opacity:.55;cursor:wait;transform:none}.booster-page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px 0 8px}.catalog-pagination button:disabled{opacity:.45;cursor:not-allowed}.summary-cards{max-height:58vh;overflow:auto;padding:4px;scrollbar-width:thin}.summary-card{cursor:pointer}.profile-edit-intro{margin:-2px 0 10px;color:var(--muted);line-height:1.55;font-size:13px}#profile-edit-modal.profile-onboarding .app-modal-panel{max-width:520px}#profile-edit-modal.profile-onboarding .app-modal-panel h2{margin-bottom:8px}#profile-edit-modal.profile-onboarding #profile-edit-submit{margin-top:6px}
@media(max-width:900px){.catalog-home-block .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-booster-hero{padding-left:6vw;padding-right:6vw}}
@media(max-width:600px){.catalog-home-block .card-grid{grid-template-columns:1fr}.booster-page-actions{justify-content:stretch}.booster-page-actions button{flex:1 1 100%}.home-booster-open-all{width:100%}.home-hero-actions{width:100%}}

/* Manga Sensei — accueil v3 : hiérarchie plus simple */
.hero{min-height:500px;padding-top:92px;padding-bottom:72px}
.hero-actions{margin-top:26px}
.hero-explore{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;background:var(--text);color:#090a0f;font-weight:800;text-decoration:none;transition:transform .18s,filter .18s}
.hero-explore:hover{transform:translateY(-2px);filter:brightness(1.05)}
.home-booster-hero{margin:0 4vw 70px;border:1px solid rgba(255,255,255,.08);border-radius:28px;min-height:520px;padding:54px clamp(24px,5vw,64px);background:radial-gradient(circle at 70% 45%,rgba(124,92,255,.13),transparent 32%),radial-gradient(circle at 82% 76%,rgba(20,210,170,.08),transparent 30%),rgba(255,255,255,.015)}
.home-booster-stage{min-height:410px}.home-booster-pack{width:205px;height:300px}.home-booster-features{max-width:680px}.home-booster-open-all{font-size:12px}
.catalog-heading{margin-bottom:16px}.catalog-toolbar{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(4,minmax(150px,1fr)) auto;align-items:center;gap:9px;margin:0 0 24px;padding:13px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}
.catalog-toolbar input,.catalog-toolbar select{width:100%;min-width:0;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);outline:none}
.catalog-toolbar input:focus,.catalog-toolbar select:focus{border-color:rgba(103,232,249,.45);box-shadow:0 0 0 3px rgba(103,232,249,.07)}
.catalog-toolbar .secondary-button{margin:0;height:42px;white-space:nowrap}

/* Ouverture booster : une seule carte visible à la fois */
.reveal-cards{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important}
.reveal-card{display:none!important;position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;opacity:0!important;animation:none!important}
.reveal-card.is-current{display:block!important;opacity:1!important}
.reveal-card.is-current.revealed{animation:sequentialCardReveal .42s ease both!important}
@keyframes sequentialCardReveal{from{opacity:.35;transform:translate(-50%,-50%) scale(.97) rotateY(14deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0)}}
.reveal-area:not([hidden]) .reveal-card{width:min(390px,82vw);height:min(560px,76vh)}
.reveal-controls{display:flex!important;position:absolute;left:24px;right:24px;bottom:20px;justify-content:center;z-index:10}.reveal-hint{display:block}

@media(max-width:1050px){.catalog-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar input{grid-column:1/-1}.catalog-toolbar .secondary-button{grid-column:auto}}
@media(max-width:850px){.home-booster-hero{margin-left:3vw;margin-right:3vw}.catalog-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero{min-height:auto;padding-top:70px;padding-bottom:55px}.home-booster-hero{margin:0 3vw 45px;padding:36px 18px 26px;border-radius:22px}.home-booster-stage{min-height:380px}.home-booster-pack{width:175px;height:255px}.catalog-toolbar{grid-template-columns:1fr}.catalog-toolbar input{grid-column:auto}.catalog-toolbar .secondary-button{width:100%}.reveal-area:not([hidden]) .reveal-card{width:min(340px,84vw);height:min(510px,74vh)}.reveal-controls{left:12px;right:12px;bottom:12px}.reveal-controls .reveal-buttons{width:100%}.reveal-controls .reveal-buttons button{width:100%}}
.bulk-loading{min-height:260px;width:min(520px,100%);display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed rgba(103,232,249,.2);border-radius:22px;background:rgba(255,255,255,.02);color:var(--muted);text-align:center}.bulk-loading span{font-size:34px;color:var(--accent2);animation:bulkPulse 1s ease-in-out infinite}.bulk-loading strong{color:var(--text);font-size:16px}.bulk-loading small{font-size:11px}@keyframes bulkPulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}

/* Manga Sensei V4 — accueil simplifié, booster immédiat */
.home-main{
  min-height:calc(100vh - 64px);
  height:calc(100vh - 64px);
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  align-items:center;
  gap:clamp(28px,6vw,100px);
  padding:clamp(28px,5vh,64px) clamp(28px,7vw,110px);
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 45%,rgba(124,92,255,.18),transparent 27%),
    radial-gradient(circle at 78% 70%,rgba(20,210,170,.10),transparent 25%),
    #080a10;
}
.home-main-copy{max-width:610px;min-width:0}.home-main-copy h1{font-size:clamp(52px,6vw,86px);line-height:.9;letter-spacing:-.065em;margin:14px 0 24px}.home-main-copy h1 span{color:var(--accent2)}.home-main-copy .hero-copy{max-width:560px;font-size:15px;line-height:1.65;color:var(--muted)}
.home-main-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px}.home-main-actions .home-booster-open{margin-top:0}.home-catalog-link{display:inline-flex;margin-top:18px;color:var(--muted);font-size:12px}.home-catalog-link:hover{color:var(--text)}
.home-main-status{margin-top:26px;text-align:left}.home-main-status div{justify-content:flex-start}.home-main-status small{max-width:320px}
.home-main-stage{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.home-main-stage .home-booster-pack-button{filter:drop-shadow(0 28px 55px rgba(34,211,238,.12))}.home-main-stage .home-booster-pack{width:clamp(190px,20vw,255px);height:clamp(278px,29vw,370px)}.home-pack-hint{margin-top:14px;color:var(--muted);font-size:11px}.home-main-stage .home-booster-features{grid-column:auto;display:grid;grid-template-columns:repeat(3,1fr);max-width:560px;margin-top:28px;padding-top:18px}.home-main-stage .home-booster-features>div{padding:0 14px}
.catalog-sort-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0}.catalog-sort-control>span{font-size:10px;color:var(--muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.07em}.catalog-sort-control select{min-width:0}
.summary-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.summary-actions button{min-width:170px}.summary-actions .secondary-button{min-width:130px}

/* Moments premium : UR / Legendary / Shiny */
.booster-overlay.premium-moment::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.28),transparent 20%),rgba(124,92,255,.06);animation:premiumFlash 1.15s ease-out forwards}.booster-overlay.premium-moment::after{content:"✦";position:absolute;z-index:2;left:50%;top:50%;font-size:clamp(70px,12vw,150px);line-height:1;color:rgba(255,255,255,.9);text-shadow:0 0 30px rgba(255,255,255,.7);pointer-events:none;transform:translate(-50%,-50%) scale(.25);opacity:0;animation:premiumStar 1.1s cubic-bezier(.16,1,.3,1) forwards}.booster-overlay.premium-moment-shiny::before{background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.18) 40%,rgba(255,170,190,.25) 50%,rgba(255,255,255,.18) 60%,transparent 82%),radial-gradient(circle at 50% 48%,rgba(255,255,255,.32),transparent 24%);background-size:180% 100%,100% 100%;animation:premiumShinyFlash 1.5s ease-out forwards}.booster-overlay.premium-moment-legendary::before{background:radial-gradient(circle at 50% 48%,rgba(255,191,36,.34),transparent 24%),radial-gradient(circle,rgba(255,80,80,.12),transparent 55%);animation:premiumFlash 1.25s ease-out forwards}.booster-overlay.premium-moment-ultra::before{background:radial-gradient(circle at 50% 48%,rgba(34,211,238,.32),transparent 24%),rgba(34,211,238,.035);animation:premiumFlash 1.15s ease-out forwards}
@keyframes premiumFlash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}@keyframes premiumShinyFlash{0%{opacity:0;background-position:160% 0,center}25%{opacity:1}100%{opacity:0;background-position:-60% 0,center}}@keyframes premiumStar{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-20deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(8deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9) rotate(35deg)}}
.reveal-card.premium-shiny .card-front{box-shadow:0 0 0 2px rgba(255,220,225,.35),0 0 70px rgba(255,70,100,.5),inset 0 0 45px rgba(255,255,255,.08)}.reveal-card.premium-legendary .card-front{box-shadow:0 0 0 2px rgba(251,191,36,.4),0 0 80px rgba(251,191,36,.42)}.reveal-card.premium-ultra .card-front{box-shadow:0 0 0 2px rgba(34,211,238,.35),0 0 70px rgba(34,211,238,.38)}

@media(max-width:900px){
  .home-main{height:auto;min-height:calc(100vh - 58px);grid-template-columns:1fr;gap:10px;padding:34px 6vw 28px;text-align:center;overflow:visible}
  .home-main-copy{max-width:760px;margin:0 auto}.home-main-copy h1{font-size:clamp(48px,11vw,72px);margin:8px 0 16px}.home-main-copy .hero-copy{margin:0 auto;max-width:620px}.home-main-actions{justify-content:center;margin-top:20px}.home-catalog-link{justify-content:center}.home-main-status{text-align:center;margin-top:18px}.home-main-status div{justify-content:center}.home-main-stage{padding-top:0}.home-main-stage .home-booster-pack{width:190px;height:278px}.home-main-stage .home-booster-features{margin-top:18px}
}
@media(max-width:600px){
  .home-main{padding:28px 18px 24px}.home-main-copy h1{font-size:48px}.home-main-copy .hero-copy{font-size:13px}.home-main-actions{width:100%}.home-main-actions button{width:100%}.home-catalog-link{margin-top:12px}.home-main-stage .home-booster-pack{width:165px;height:240px}.home-pack-hint{margin-top:9px}.home-main-stage .home-booster-features{width:100%;grid-template-columns:1fr;margin-top:14px;padding-top:12px;gap:9px}.home-main-stage .home-booster-features>div{border-right:0;padding:0}.home-main-stage .home-booster-features>div:not(:last-child){padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08)}.catalog-sort-control{grid-template-columns:1fr}.catalog-sort-control>span{display:none}.catalog-sort-control select{width:100%}.summary-actions button{width:100%}
}

/* Manga Sensei V5 — accueil vraiment immédiat */
.home-main{
  min-height:calc(100vh - 64px);
  height:calc(100vh - 64px);
  padding:28px clamp(22px,6vw,96px);
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 42%,rgba(124,92,255,.13),transparent 25%),
    radial-gradient(circle at 50% 72%,rgba(20,210,170,.07),transparent 28%),
    #080a10;
  overflow:hidden;
}
.home-simple{
  width:min(920px,100%);
  min-height:620px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  place-items:center;
  text-align:center;
}
.home-simple-copy{max-width:650px}
.home-simple-copy .eyebrow{margin-bottom:12px}
.home-simple-copy h1{font-size:clamp(46px,6vw,72px);line-height:.92;letter-spacing:-.065em;margin:0 0 15px}
.home-simple-copy h1 span{color:var(--accent2)}
.home-simple-copy .hero-copy{margin:0;color:var(--muted);font-size:14px}
.home-simple-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}
.home-simple-stage .home-booster-pack-button{filter:drop-shadow(0 28px 60px rgba(34,211,238,.14));margin-top:8px}
.home-simple-stage .home-booster-pack{width:220px;height:320px}
.home-simple-count{font-size:20px;line-height:1;margin-top:18px}
.home-simple-label{font-size:10px;color:var(--muted);margin-top:5px}
.home-simple-actions{display:flex;justify-content:center;gap:9px;margin-top:16px;flex-wrap:wrap}
.home-simple-actions button{min-height:42px}
.home-simple-timer{display:block;color:var(--muted);font-size:10px;margin-top:9px}
.home-simple-catalog{align-self:end;color:var(--muted);font-size:12px;text-decoration:none}
.home-simple-catalog:hover{color:var(--text)}

/* Catalogue — versions Shiny clairement visibles */
.catalog-card-labels{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
.catalog-variant{font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fca5a5}
.catalog-shiny-badge{position:absolute;left:9px;bottom:9px;padding:5px 7px;border-radius:999px;background:rgba(20,8,12,.82);border:1px solid rgba(255,150,170,.45);color:#ffd8df;font-size:8px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(7px)}
.catalog-card.has-shiny-variant .catalog-art{position:relative}
.catalog-card.has-shiny-variant:hover .catalog-shiny-badge{box-shadow:0 0 18px rgba(255,90,120,.25)}

/* Collection — recyclage en masse */
.collection-bulk-actions{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.collection-bulk-actions>span{font-size:10px;color:var(--muted)}
.bulk-recycle-button{border-color:rgba(248,113,113,.3);color:#fecaca;background:rgba(248,113,113,.06)}
.bulk-recycle-button:hover{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.1);color:#fff}
.bulk-recycle-button:disabled{opacity:.55;cursor:wait}

/* Révélation : la carte reste fixe tant que le joueur ne demande pas la suivante */
.reveal-card.is-current.revealed{animation:sequentialCardReveal .42s ease both!important}
.reveal-card.is-current.revealed:hover{transform:translate(-50%,-50%) translateY(-2px)!important}

@media(max-width:900px){
  .home-main{height:auto;min-height:calc(100vh - 58px);padding:26px 18px 22px;overflow:hidden}
  .home-simple{min-height:calc(100vh - 110px);width:100%}
  .home-simple-stage .home-booster-pack{width:190px;height:278px}
}
@media(max-width:600px){
  .home-main{padding:22px 14px 18px}
  .home-simple{min-height:calc(100vh - 92px)}
  .home-simple-copy h1{font-size:46px}
  .home-simple-copy .hero-copy{font-size:12px}
  .home-simple-stage .home-booster-pack{width:165px;height:240px}
  .home-simple-actions{width:100%;flex-direction:column;align-items:stretch}
  .home-simple-actions button{width:100%}
  .home-simple-catalog{font-size:11px}
  .collection-bulk-actions{align-items:stretch;flex-direction:column}
  .collection-bulk-actions .bulk-recycle-button{width:100%}
}