/* Liberty City: ink, illustrated panels, coral and oxidized teal. */
:root{--bg:#101719;--surface:#192427;--white:#f6f4e9;--muted:#91a2a1;--coral:#ff785f;--teal:#76b4ad;--line:#344346;--display:Impact,'Arial Narrow',sans-serif;--font:'Segoe UI',Arial,sans-serif;--card-frame:#173b3d;--card-line:#e6876d;--card-light:#fff8e9;--card-display:Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--coral);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(1440px,100%);margin:auto;padding:0 48px}header{background:#101719f5;border-bottom:1px solid #344346;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:22px}.wordmark{font-family:var(--display);font-size:37px;line-height:.73;letter-spacing:-1px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px #050708;text-shadow:2px 3px 0 #050708}.brand-dot{color:var(--coral)}.brand-edition{font-size:9px;font-weight:800;letter-spacing:2px;line-height:1.8;border-left:1px solid #445153;padding-left:18px;color:#aab9b6}.navlinks{display:flex;align-self:stretch;gap:30px;align-items:center}.navlinks a{font-size:12px;font-weight:700;color:#acb7b4;position:relative}.navlinks a:hover{color:white}.navlinks a:first-child{color:white}.navlinks a:first-child:after{content:'';height:3px;background:var(--coral);position:absolute;bottom:-39px;left:0;right:0}.nav-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #687776;border-radius:3px;background:#243235;color:var(--white);padding:13px 20px;font-weight:800;font-size:12px;transition:transform .18s,background .18s,box-shadow .18s}.btn:hover{background:#354548;transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:wait;transform:none}.btn-primary{color:#172123;background:var(--coral);border-color:var(--coral);box-shadow:3px 3px 0 #070b0c}.btn-primary:hover{background:#ff9a80}.btn-quiet{background:transparent;border-color:transparent}.btn-glass{background:#111c21b0;border-color:#b5c2ba70}.hero{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:8px;padding-top:30px;height:563px}.hero-main{position:relative;overflow:hidden;border:4px solid #05090a;isolation:isolate;background:#1f3344}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a1924dd, #11253375 43%,transparent 80%),linear-gradient(0deg,#080e14dc,transparent 45%);z-index:-2}.hero-copy{padding:48px 38px;position:relative}.eyebrow{font-size:9px;font-weight:900;letter-spacing:2.2px;color:#d8dfce;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:3px;background:var(--coral)}h1{font-family:var(--display);font-size:clamp(58px,6.2vw,91px);line-height:.91;letter-spacing:-1px;color:white;paint-order:stroke fill;-webkit-text-stroke:7px #080b0d;text-shadow:4px 6px 0 #080b0d;margin:28px 0 25px;font-weight:900}h1 em{font-style:normal;color:var(--white)}.hero-copy p{font-size:14px;line-height:1.8;color:#e0e7e0;text-shadow:0 2px 3px #000;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px 25px;font-size:8px;letter-spacing:1.6px;color:#bbcbc9;border-top:1px solid #ffffff26}.hero-bottom b{color:var(--coral)}.hero-side{display:grid;grid-template-rows:1fr 1fr 126px;gap:8px;min-height:0}.comic-panel{position:relative;overflow:hidden;border:4px solid #05090a;background:#29484a}.comic-art,.comic-art svg{width:100%;height:100%;position:absolute;inset:0;display:block}.car-panel .comic-art{transform:scale(1.1)}.character-panel .comic-art{transform:scale(1.3);transform-origin:50% 30%}.panel-caption{position:absolute;bottom:0;left:0;background:#101719;color:#fff;padding:8px 11px;border-top:3px solid #05090a;border-right:3px solid #05090a;font:15px var(--display);letter-spacing:.6px}.edition-panel{background:var(--coral);color:#142326;border:4px solid #05090a;padding:13px 17px}.edition-panel>span{font-size:8px;font-weight:900;letter-spacing:2px}.edition-panel>strong{display:flex;align-items:center;gap:15px;font:56px/.95 var(--display);margin:5px 0}.edition-panel strong span{font:17px/1 var(--display)}.edition-panel>div{font-size:7px;font-weight:900;letter-spacing:1.4px}.city-ticker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:1.8px;color:#adbfba}.city-ticker i{color:var(--coral);font-style:normal;font-size:15px}.album-dashboard{display:flex;align-items:center;gap:22px;padding:25px 0;margin:0 0 43px;border-bottom:1px solid var(--line)}.album-emblem{font:36px var(--display);color:var(--teal);width:54px;height:60px;border:1px solid #5e8a86;display:grid;place-items:center;background:#213839;flex-shrink:0}.dashboard-copy{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1}.dashboard-title{font:21px var(--display);letter-spacing:.3px}.dashboard-title small{display:block;font:11px/1.6 var(--font);color:var(--muted);margin-top:6px}.progress-block{width:30%;min-width:180px;margin-right:12px}.progress-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a5b5b0;margin-bottom:10px}.progress-label strong{color:var(--white);font-size:10px}.progress-track{height:5px;background:#334447}.progress-fill{height:100%;background:var(--coral);width:0;transition:width .35s}#collection{scroll-margin-top:120px}.collection-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-kicker{font-size:9px;color:var(--teal);font-weight:800;letter-spacing:2px}h2{font:52px/.98 var(--display);letter-spacing:-.5px;margin:13px 0 14px;color:var(--white)}h2>span{color:var(--coral)}.collection-head p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.search{width:255px;padding:14px 16px;border:1px solid #455658;background:#182326;color:var(--white);border-radius:3px;font-size:11px}.search::placeholder{color:#8ba09b}.filters{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-top:30px;overflow:auto;scrollbar-width:thin}.filter{background:transparent;color:#a0b2ad;border:0;border-bottom:3px solid transparent;padding:17px 19px;font-size:11px;font-weight:700;white-space:nowrap}.filter:first-child{padding-left:0;padding-right:23px}.filter.active,.filter:hover{color:var(--white);border-bottom-color:var(--coral)}.filter span{font-size:8px;background:var(--coral);color:#132023;padding:2px 5px;margin-left:8px}.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 25px}.collection-status{color:#92a6a1;font-size:10px;margin:0}.sort-control{display:flex;gap:12px;align-items:center;font-size:8px;color:#8ba09b;letter-spacing:1px}.sort-control select{background:var(--bg);border:0;color:#e4ece5;padding:7px;font-size:11px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:29px 22px;padding-bottom:34px}.card{min-width:0;cursor:pointer;transition:transform .2s}.card:hover{transform:translateY(-7px)}.uniform-slot-state{display:flex;justify-content:space-between;color:#a2b7af;padding:12px 2px 0;font-size:9px}.uniform-slot-state span{color:#6c8982}.owned .uniform-slot-state{color:#ffab88}.uniform-slot .lc-card{pointer-events:none}.lc-card{border:3px solid #050b0d;box-shadow:3px 5px 0 #060c0e;border-radius:4%;padding:3%;grid-template-rows:7.5% 62.5% 18% 12%}.lc-card__edge{border-color:#a0bab1;border-width:1px}.lc-card__art{border-color:#0a1c20;border-width:2px}.lc-card__name{background:#e77d62;border:2px solid #091d20;border-top:0;color:white}.lc-card__title{font-family:var(--display);font-size:9cqw;color:#fff;paint-order:stroke fill;-webkit-text-stroke:1.7px #112124;text-shadow:1px 2px 0 #112124;line-height:1.02}.lc-card__title--long{font-size:7.6cqw}.lc-card__subtitle{color:#172b2b;opacity:.9;font-weight:700;margin-top:3%;font-size:3.1cqw}.lc-card__category{color:#f4efe1}.lc-card__series{color:#9ab8ad}.lc-card__footer{padding-top:2%}.lc-card__seal{border-radius:0;transform:none;background:#9dbeb1;font-size:6cqw}.lc-card__number{font-size:6cqw}.lc-card__finish{font-size:2.9cqw}.lc-card--full .lc-card__name{background:#e77d62e8;border:2px solid #071d20}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed #47625b;color:#9ab4aa}.album-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;color:#778f87;font-size:8px;letter-spacing:1.7px}.album-bottom b{font:17px var(--display);letter-spacing:1px;color:#a8b9b1}.packs{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:350px;overflow:hidden;border:4px solid #05090a;background:#203b3c;margin:55px 0 65px}.pack-art{height:350px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#528b7b66,transparent 70%)}.pack-art img{height:320px;width:100%;object-fit:contain;transform:rotate(-10deg);filter:drop-shadow(15px 22px 8px #081c1dc0);transition:transform .5s}.packs:hover .pack-art img{transform:rotate(-5deg) translateY(-5px)}.pack-copy{position:relative;padding:35px 25px;z-index:1}.pack-copy h2{font-size:62px;paint-order:stroke fill;-webkit-text-stroke:4px #102728;text-shadow:2px 3px #102728}.pack-copy p{color:#b9cfc2;font-size:12px;line-height:1.8}.pack-copy small{display:block;font-size:9px;color:#95b4a7;margin-top:15px}.pack-copy .btn{margin-top:10px}.pack-numeral{position:absolute;right:-20px;bottom:-50px;font:400px/.9 var(--display);color:#689d8c12;z-index:-1}.games{padding-bottom:65px}.games h2{margin-bottom:28px}.game-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.game{display:flex;position:relative;flex-direction:column;align-items:start;gap:10px;border:1px solid #36484a;padding:25px;min-height:175px;background:#182426;overflow:hidden}.game:before{position:absolute;content:attr(data-numeral);font:145px/1 var(--display);right:0;bottom:-15px;color:#7b9a8e12}.game strong{font:31px var(--display);z-index:1}.game>span:not(.game-label){color:#92a8a0;font-size:10px}.game-label{color:#79968c;font-size:7px;letter-spacing:2px}.game b{font-size:8px;color:var(--coral);margin-top:auto}.game.current{border-color:#749f91}.game.current .game-label{color:var(--coral)}footer{border-top:1px solid var(--line);padding:30px 0;background:#0c1214}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#738f86;font-size:9px}.footer-inner .wordmark{font-size:25px;line-height:1}.footer-inner>a:last-child{color:#b3c4bb}.overlay{position:fixed;inset:0;z-index:40;background:#020607db;backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:24px}.overlay.show{display:flex}.dialog{position:relative;background:#192a2c;border:2px solid #708b7e;border-radius:5px;box-shadow:8px 10px 0 #0008;width:min(440px,100%);padding:33px;max-height:90dvh;overflow:auto}.dialog h2{font-size:37px;margin-top:20px}.dialog p{font-size:12px;color:#a9bcb0;line-height:1.8}.dialog .section-kicker{margin-top:20px}.brand-mark{font:26px var(--display);color:var(--coral)}.close{position:absolute;right:12px;top:12px;border:1px solid #607a6e;background:#112023;color:#fff;width:33px;height:33px;font-size:22px;z-index:6}.dialog label{display:block;font-size:10px;font-weight:700;margin:15px 0 8px;color:#bfd0c0}.field{width:100%;padding:13px;background:#101d20;color:white;border:1px solid #4c685e;border-radius:2px}.wide{width:100%;margin-top:13px}.form-error{color:#ffab8c!important;min-height:18px}.tagline{font-size:9px!important;line-height:1.7;margin-top:20px;color:#82a091!important}.detail-dialog{width:min(880px,100%);display:grid;grid-template-columns:310px minmax(0,1fr);gap:45px;padding:40px}.detail-image{align-self:center;transform:rotate(-3deg)}.detail-image .lc-card{max-width:100%}.detail-copy{align-self:center;min-width:0}.detail-copy h2{font-size:40px}.index{color:#e4ab84;font-size:9px;letter-spacing:1.5px}.variant-row{display:flex;gap:6px;margin:20px 0 15px}.variant{padding:10px 8px;font-size:8px;font-weight:800;border:1px solid #4c756b;color:#b6ccbc;background:#173537}.variant.active{background:#e58b69;color:#152c2b;border-color:#e58b69}.variant-info{font-size:10px;line-height:1.6;color:#9cb9a9;min-height:40px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;padding:16px 24px;background:#e88e70;color:#102c2d;font-size:12px;font-weight:700;box-shadow:4px 5px #050b0e;max-width:90vw}.modal-open{overflow:hidden}.pack-dialog{width:min(820px,100%);text-align:center}.pack-dialog>p{max-width:480px;margin:15px auto}.pack-stage{display:flex;align-items:center;justify-content:center;min-height:330px;gap:15px}.pack-stage>img{height:310px;max-width:90%;object-fit:contain;filter:drop-shadow(10px 15px 8px #0008);animation:pack-arrive .5s both}.pack-stage .lc-card{width:29%;animation:pack-arrive .55s both}.pack-stage .lc-card:nth-child(2){animation-delay:.12s}.pack-stage .lc-card:nth-child(3){animation-delay:.24s}.pack-dialog.revealing .pack-stage>img{animation:shake .6s both}.pack-dialog h2{font-size:40px}.pack-dialog .btn{margin-top:20px}.pack-dialog .tagline{margin-bottom:0}@keyframes pack-arrive{from{opacity:0;transform:translateY(25px) rotate(-6deg) scale(.9)}to{opacity:1;transform:none}}@keyframes shake{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}}
@media(min-width:1600px){.hero{height:610px}.hero-copy{padding-top:65px}.hero h1{font-size:100px}}
@media(max-width:1150px){.shell{padding-left:28px;padding-right:28px}.hero{grid-template-columns:minmax(0,1fr) 210px;height:510px}.hero-copy{padding:38px 26px}.hero h1{font-size:70px}.navlinks{gap:20px}.brand-edition{display:none}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}.hero-copy p{font-size:12px}.hero-actions .btn{padding:12px;font-size:10px}.dashboard-title{font-size:18px}.progress-block{min-width:140px}.city-ticker{font-size:8px;letter-spacing:1px}.edition-panel>strong{font-size:48px}.hero-side{grid-template-rows:1fr 1fr 123px}}
@media(max-width:800px){.shell{padding-left:20px;padding-right:20px}.nav{height:82px}.navlinks{display:none}.wordmark{font-size:31px}.nav-actions{gap:3px}.nav-actions .btn{font-size:10px;padding:11px 13px}.hero{height:500px;grid-template-columns:minmax(0,1fr) 160px;padding-top:20px}.hero h1{font-size:61px}.hero-copy{padding:38px 20px}.eyebrow{font-size:7px;letter-spacing:1px}.hero-bottom{padding:13px;font-size:6px;gap:10px}.hero-copy p{font-size:11px}.hero-backdrop{object-position:63%}.edition-panel{padding:13px 10px}.edition-panel>span{font-size:6px}.edition-panel>strong{font-size:40px;gap:8px}.edition-panel strong span{font-size:14px}.edition-panel>div{font-size:6px;letter-spacing:.4px}.panel-caption{font-size:11px;padding:7px}.city-ticker{font-size:7px}.city-ticker>span:last-child,.city-ticker>i:last-of-type{display:none}.album-dashboard{gap:15px;margin-bottom:35px}.album-dashboard>.btn{display:none}.dashboard-copy{gap:20px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 17px}h2{font-size:46px}.collection-head{align-items:end}.search{width:210px}.filter{font-size:10px;padding:15px 13px}.sort-control>span{display:none}.packs{grid-template-columns:.8fr 1fr}.pack-copy h2{font-size:50px}.game{padding:20px}.game strong{font-size:26px}.detail-dialog{grid-template-columns:240px 1fr;gap:30px;padding:30px}.detail-copy h2{font-size:30px}.variant-row{flex-wrap:wrap}}
@media(max-width:560px){.shell{padding-left:16px;padding-right:16px}.nav{height:78px}.nav-actions .btn-quiet{display:none}.hero{display:flex;flex-direction:column;height:auto;gap:7px;padding-top:14px}.hero-main{height:455px;flex-shrink:0}.hero-copy{padding:36px 20px}.hero h1{font-size:68px;line-height:.94;-webkit-text-stroke-width:6px;margin:30px 0 23px}.hero-backdrop{object-position:58%;height:100%}.hero-shade{background:linear-gradient(90deg,#091824d6,#11253322),linear-gradient(0deg,#080e14d9,transparent 55%)}.hero-copy p{font-size:12px}.hero-actions{gap:9px}.hero-actions .btn{font-size:10px;padding:13px 12px}.eyebrow{font-size:7px;letter-spacing:1.3px}.hero-side{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:115px;gap:6px}.edition-panel{padding:9px 8px}.edition-panel>span{font-size:5px;letter-spacing:1px}.edition-panel>strong{font-size:34px;margin-top:10px;gap:7px}.edition-panel strong span{font-size:10px}.edition-panel>div{font-size:5px;line-height:1.6;margin-top:9px}.panel-caption{font-size:9px;padding:5px 4px;border-width:2px}.hero-main,.comic-panel,.edition-panel{border-width:3px}.hero-bottom{padding:13px;font-size:5px;letter-spacing:1px}.hero-bottom b{font-size:6px}.city-ticker{padding:19px 0;gap:7px;font-size:5.5px;letter-spacing:.7px}.city-ticker i{font-size:10px}.album-dashboard{padding:20px 0;gap:13px;margin-bottom:34px}.album-emblem{height:55px;width:43px;font-size:29px}.dashboard-copy{display:block}.dashboard-title{font-size:17px}.dashboard-title small{font-size:9px;margin-top:3px}.progress-block{width:100%;margin-top:14px}.progress-label{margin-bottom:7px;font-size:7px}.collection-head{display:block}.collection-head h2{font-size:47px}.section-kicker{font-size:8px;letter-spacing:1.5px}.collection-head p{font-size:11px}.collection-tools{margin-top:20px}.search{width:100%;padding:13px}.filters{margin-top:16px}.filter{font-size:9px;padding:14px 12px}.filter:first-child{padding-right:15px}.filter span{margin-left:3px}.album-toolbar{margin:14px 0 22px}.collection-status{font-size:8px;max-width:200px;line-height:1.7}.sort-control select{font-size:9px;padding:6px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.lc-card__title{-webkit-text-stroke-width:1.3px}.uniform-slot-state{font-size:8px;padding-top:10px}.album-bottom{font-size:6px;letter-spacing:.5px;align-items:center}.album-bottom b{font-size:13px}.packs{margin:35px 0 45px;grid-template-columns:.65fr 1fr;min-height:290px}.pack-art{height:290px;overflow:visible}.pack-art img{height:230px;width:175%;max-width:none;transform:rotate(-12deg) translateX(-5px)}.pack-copy{padding:25px 12px 25px 0}.pack-copy h2{font-size:42px;margin-top:15px}.pack-copy .section-kicker{font-size:6px;line-height:1.7}.pack-copy p{font-size:10px}.pack-copy .btn{font-size:9px;padding:12px 11px}.pack-copy small{font-size:7px;line-height:1.8}.game-row{grid-template-columns:1fr;gap:10px}.game{min-height:140px;padding:22px}.game strong{font-size:30px}.game:before{font-size:150px}.games{padding-bottom:40px}.games h2{font-size:45px}.footer-inner{align-items:start;flex-direction:column;gap:20px;font-size:8px}.footer-inner .wordmark{font-size:27px}.overlay{padding:14px}.dialog{padding:27px 22px}.dialog h2{font-size:32px}.detail-dialog{display:block;padding:30px 22px;max-width:390px}.detail-image{max-width:230px;margin:5px auto 30px}.detail-copy h2{font-size:32px}.detail-copy p{font-size:11px}.variant-row{flex-wrap:nowrap}.variant{font-size:7px;padding:11px 8px}.pack-stage{min-height:230px;gap:8px}.pack-stage>img{height:230px}.pack-stage .lc-card{width:32%;border-width:2px}.pack-stage .lc-card__title{-webkit-text-stroke-width:.7px}.pack-dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Inspection des cartes */
#detailOverlay { background:rgb(4 9 10 / 86%); backdrop-filter:blur(10px); }
#detailDialog { width:min(940px,100%); max-width:940px; max-height:90dvh; overflow:auto; display:grid; grid-template-columns:1.1fr 1fr; gap:0; padding:0; color:#faf4e9; background:#151d1f; border:1px solid #405051; border-radius:16px; box-shadow:0 30px 95px #0009; }
.card-stage { display:grid; place-items:center; padding:40px 26px; background:radial-gradient(ellipse at 45% 32%,#406566 0,#213738 44%,#101a1d 88%); border-right:1px solid #384849; }
#detailImage { width:min(100%,330px,46vh); max-width:none; margin:0; transform:none; filter:drop-shadow(0 15px 12px #0007); }
#detailDialog .detail-copy { padding:50px clamp(22px,3vw,42px) 36px; }
#detailDialog .index { color:#94bdb8; font:600 11px/1.5 monospace; letter-spacing:.09em; }
#detailName { font-size:clamp(34px,4vw,56px); line-height:1; margin:14px 0; }
#detailDescription { font-size:15px; line-height:1.55; color:#c1cdca; margin:0 0 26px; }
#detailDialog .section-kicker { border-top:1px solid #374346; padding-top:22px; color:#e6e7df; font-size:12px; letter-spacing:.04em; }
#detailDialog .variant-row { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
#detailDialog .variant { border:1px solid #425255; background:#202b2e; color:#dde3dd; border-radius:7px; padding:11px 9px; font-size:10px; }
#detailDialog .variant.active { background:#dcebe5; color:#132727; border-color:#dcebe5; }
#variantInfo { font-size:12px; color:#a5b7b3; line-height:1.5; }
#detailCollect { border-radius:7px; box-shadow:none; margin-top:22px; }
#detailDialog .close { z-index:4; top:10px; right:10px; border-radius:50%; background:#132022; border:1px solid #617474; width:38px; height:38px; }
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card { transform:perspective(880px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transition:transform .35s ease-out; }
.lc-card.lc-card--printed { border-radius:5% / 3.4%; overflow:hidden; }
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:3; border-radius:inherit; background:linear-gradient(117deg,transparent 18%,rgb(211 232 239 / .025) 32%,rgb(236 246 248 / .14) 41%,rgb(235 244 244 / .09) 48%,rgb(222 238 239 / .02) 55%,transparent 68%); background-size:210% 170%; background-position:var(--gx,50%) var(--gy,50%); opacity:0; transition:opacity .25s; }
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card.is-inspected { transition:transform .09s ease-out; }
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card.is-inspected::after { opacity:1; }
@media(max-width:680px) {
 #detailDialog { display:block; width:min(100%,440px); }
 .card-stage { padding:20px; border:0; border-bottom:1px solid #384849; }
 #detailImage { width:min(52vw,22vh,215px); }
 #detailDialog .detail-copy { padding:20px; }
 #detailDescription { margin-bottom:15px; }
 #detailDialog .section-kicker { padding-top:12px; }
}
@media(prefers-reduced-motion:reduce) { :is(.uniform-slot,#detailImage,.pack-stage) .lc-card { transform:none; transition:none; } }

/* Trim the printed margin outside the teal edge in the enlarged view. */
#detailImage { filter:none; background:transparent; box-shadow:none; }
#detailImage .lc-card--printed { clip-path:inset(1.1% 1.6% round 6% / 4%); }

.variant[hidden], .variant-row[hidden], #filters[hidden], .section-kicker[hidden] { display:none !important; }
.slot-rarity {margin-top:10px;color:#c6ded6;font-size:11px;letter-spacing:.035em}.slot-rarity + .uniform-slot-state {padding-top:5px}

:root { --bg:#252523; --surface:#30302e; --card-frame:#000; }
header, #detailDialog, #search { background:#1c1c1b; }
#collection { background:var(--bg); }
.card-stage { background:#30302d; }
.lc-card--foil-print::before, .lc-card--foil-print .print-foil,
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card--printed::after {
  clip-path:inset(3.85% 4.65% 28.8% round 5.3% 5.3% 0 0 / 4.7% 4.7% 0 0);
}

.foil-study { max-width:1000px; margin:auto; padding:32px 28px; }
.foil-study h1 { color:#f4f1e9; font:36px/1 var(--display); margin:0 0 24px; }
.foil-study h1 small { font:500 15px/1 var(--font); color:#c2c1bc; }
.foil-samples { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px; }
.foil-samples figure { margin:0; min-width:0; }
.foil-samples h2 { font:22px/1.2 var(--display);margin:15px 0 5px; }
.foil-samples p { font:13px/1.4 var(--font);color:#c0beba;margin:0; }
.metal-edge { position:absolute; inset:.75% 1.1%; border-radius:5.8% / 4%; pointer-events:none;
  padding:1.25cqw; background:linear-gradient(127deg,#646a70 3%,#eeeee7 19%,#939aa1 34%,#575d61 50%,#e8e6df 72%,#81878c 88%,#d9ddde);
  background-size:135% 135%;background-position:var(--gx,50%) var(--gy,50%);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude; }
.sample-brushed .metal-edge { inset:0; padding:3.1cqw; background-image:repeating-linear-gradient(107deg, transparent 0 1px,#272b3120 1px 2px),linear-gradient(130deg,#767a7d,#f5f2e8 19%,#73777a 40%,#acaead 62%,#f0f1ef 80%,#777a80); }
.sample-prism .metal-edge { inset:.25% .4%;padding:2.4cqw;background-image:linear-gradient(132deg,#9b9fa9 2%,#c6e2dc 12%,#e2d2f1 18%,#faf6e6 24%,#9b9da5 37%,#676b70 51%,#bbcedf 67%,#ead4d9 76%,#deddd4 83%,#838a8f); }
@media(max-width:650px){.foil-samples{grid-template-columns:1fr;max-width:285px;margin:auto}.foil-study{padding:24px}}

.study-tools { display:flex; align-items:center; gap:10px; margin:0 0 24px;color:#dedbd3;font-size:13px; }
.study-tools select { color:#efece5;background:#1b1b1a;border:1px solid #65645e;border-radius:5px;padding:7px 12px; }
.foil-study h1 { text-shadow:none; }
.material-grain { position:absolute;pointer-events:none;inset:3.85% 4.65% 28.8%;border-radius:5.3% 5.3% 0 0 / 4.7% 4.7% 0 0; }
.sample-chrome .metal-edge { padding:2cqw;background-image:linear-gradient(128deg,#323638 4%,#abb3b6 15%,#fcf9eb 21%,#575e61 29%,#25282a 49%,#a9b0ae 72%,#eeeae0 78%,#393f42); }
.sample-chrome .print-foil { background-image:linear-gradient(116deg,transparent 27%,#c2dbe088 43%,#fff9e2ba 48%,transparent 61%); }
.sample-chrome .lc-card--foil-print::before { filter:grayscale(1); }
.lc-card--opal .metal-edge { inset:.4% .6%;padding:2.35cqw;background-image:linear-gradient(132deg,#81848d 1%,#a5d2cc 11%,#e4c5ed 17%,#faf7e8 22%,#737e84 36%,#565b5e 50%,#9ab9d6 65%,#f1d3c9 75%,#eceae1 82%,#8b9092); }
.lc-card--opal .material-grain { background:linear-gradient(122deg,transparent 15%,#98dcd914 24%,#dec6ee1b 33%,transparent 47%,transparent 71%,#efcfad12 80%,transparent 90%);background-size:150% 130%;background-position:var(--gx,50%) var(--gy,50%);mix-blend-mode:screen; }
.sample-etched .metal-edge { inset:.2% .3%;padding:2.45cqw;background-image:repeating-linear-gradient(55deg,transparent 0 2px,#51483d50 2.3px 2.8px),linear-gradient(127deg,#968979,#f3e3c1 19%,#afab9a 36%,#645f56 55%,#ece0c2 77%,#9c9489); }
.sample-etched .material-grain { background-image:repeating-linear-gradient(50deg,transparent 0 6px,#ffedbd68 6.2px 6.9px),repeating-linear-gradient(-50deg,transparent 0 6px,#d4e1de64 6.2px 6.9px);mask-image:linear-gradient(122deg,transparent 12%,#0009 28%,transparent 46%,transparent 63%,#0007 78%,transparent 94%);mask-size:145% 125%;mask-position:var(--gx,50%) var(--gy,50%);mix-blend-mode:soft-light; }

/* The silver substrate extends under the printed coral keyline (1024 × 1536 master). */
.lc-card--opal .metal-edge { inset:0; padding:0; border-radius:inherit; mask:none; z-index:-1; }


/* Expose the same opal substrate through the printed rules and around the rim. */
.lc-card--printed.lc-card--opal > img {
  clip-path:var(--opal-print);
  mask-image:linear-gradient(to bottom,#000 0 var(--opal-art-end),transparent var(--opal-art-end) 71.79%,#000 71.79% 80.96%,transparent 80.96% 81.61%,#000 81.61%);
}

/* A single spectral reflection travels with the tilt of the opal print. */
.lc-card--opal.is-inspected .print-foil {
  clip-path:none; z-index:4; border-radius:inherit;
  background-image:linear-gradient(114deg,transparent 23%,rgb(84 188 228 / .28) 34%,
    rgb(107 226 204 / .65) 40%,rgb(152 154 242 / .72) 45%,rgb(239 154 204 / .67) 50%,
    rgb(248 206 143 / .61) 55%,rgb(247 236 210 / .24) 61%,transparent 72%);
  mix-blend-mode:screen;
  opacity:.62;
}

#detailImage .lc-card--opal { clip-path:none; }

/* Register each coating to the printed image, including its upper corners. */
.lc-card--opal {
  --opal-print:inset(3.55% 4.65% 3.45% 4.55% round 5.5% / 3.85%);
  --opal-art-end:71.13%;
}
.lc-card--foil-print.lc-card--opal::before,
.lc-card--opal:not(.is-inspected) .print-foil,
.lc-card--opal .material-grain,
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card--opal::after {
  inset:0;
  border-radius:0;
  clip-path:var(--opal-print);
  mask-image:linear-gradient(to bottom,#000 0 var(--opal-art-end),transparent var(--opal-art-end));
}

/* The exposed silver rim carries its own nacre, including the top return. */
.lc-card--opal .metal-edge {
  background-image:linear-gradient(114deg,
    #a4afb9 0%, #c4dcda 13%, #d9cbe4 25%, #f2eade 34%,
    #aab9c7 47%, #bed2d1 60%, #d2c5db 74%, #e6d4c9 87%, #afbfca 100%);
  background-size:175% 140%;
  background-position:var(--gx,48%) var(--gy,45%);
  transition:background-position .18s ease-out;
}
@media (prefers-reduced-motion:no-preference) {
  .lc-card--opal:not(.is-inspected) .metal-edge {
    animation:pearl-drift 8s ease-in-out infinite alternate;
  }
}

.full-art-preview #grid { grid-template-columns:repeat(2,minmax(0,300px)); }
#detailImage .lc-card--iconic { clip-path:none; }
.iconic-foil { position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:linear-gradient(117deg,transparent 29%,#b9dde72b 40%,#fcf4db94 47%,#d1c6dc49 50%,transparent 61%);
  background-size:230% 155%;background-position:var(--gx,30%) var(--gy,45%);
  mix-blend-mode:soft-light;opacity:.5;transition:background-position .2s,opacity .25s;
}
.is-inspected .iconic-foil { opacity:.95; }

/* Full art has one continuous reflection; the standard illustration window is inapplicable. */
:is(.uniform-slot,#detailImage,.pack-stage) .lc-card--printed.lc-card--iconic::after { content:none; }
.lc-card--iconic .scene-light { position:absolute; inset:0; pointer-events:none; mask-size:100% 100%; mask-repeat:no-repeat;mix-blend-mode:screen; }
.lc-card--iconic[data-card-id="1"] .scene-light { mask-image:url('/assets/standard/101.png');background:#ffac51;opacity:.24; }
.lc-card--iconic[data-card-id="2"] .scene-light { mask-image:url('/assets/standard/102.png');background:linear-gradient(110deg,transparent 38%,#c5d6dd85 45%,#fff2d9d0 50%,transparent 58%);background-size:250% 100%;opacity:.65; }
@media(prefers-reduced-motion:no-preference) {
  .lc-card--iconic[data-card-id="1"] .scene-light { animation:bridge-embers 2.7s ease-in-out infinite alternate; }
  .lc-card--iconic[data-card-id="2"] .scene-light { animation:leather-glint 6.8s ease-in-out infinite; }
}
@keyframes bridge-embers { 0%,100%{opacity:.16} 17%,61%{opacity:.54} 32%,76%{opacity:.27} 47%{opacity:.68} }
@keyframes leather-glint { 0%,22%{background-position:105% 50%} 72%,100%{background-position:-10% 50%} }
.extra-album-link {display:inline-block;margin-top:12px;font-size:13px;color:#f1d4b8;text-decoration:underline;text-underline-offset:4px}

/* Opt-in redesign studies. The live album keeps its approved card faces. */
.refonte {
  --paper:#f3f0e8; --ink:#171817; --rule:#393b39; --accent:#efb67d;
  background:var(--ink);color:var(--paper);
  font-family:"Segoe UI",Arial,sans-serif;
}
.refonte .shell {max-width:1450px;padding-inline:clamp(18px,4vw,64px)}
.refonte header {background:var(--ink);border-color:var(--rule)}
.refonte .nav {height:76px;gap:26px}
.refonte .brand-edition {font:500 13px/1.2 "Segoe UI",sans-serif;letter-spacing:0;text-transform:none;color:var(--paper);border-color:var(--rule)}
.refonte .navlinks a,.refonte .btn,.refonte .filter,.refonte #search,.refonte select {font:500 14px/1.25 "Segoe UI",sans-serif;letter-spacing:0;text-transform:none}
.refonte .navlinks a {color:var(--paper)}
.refonte .navlinks a:first-child:after {display:none}
.refonte .btn {box-shadow:none;transform:none;border-radius:30px;padding:11px 19px;color:var(--paper);border:1px solid var(--rule);background:transparent}
.refonte .btn-primary {background:var(--paper);color:var(--ink);border-color:transparent}
.refonte .btn:hover,.refonte .display-piece:hover {filter:brightness(1.12)}
.refonte .hero {height:auto;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:18px;padding-top:24px}
.refonte .hero-main {min-height:390px;border:0;border-radius:14px}
.refonte .hero-copy {padding:40px 32px 60px}
.refonte .hero-copy .eyebrow {font:550 14px/1.4 "Segoe UI",sans-serif;letter-spacing:.02em;color:#eee8dc;text-transform:none}
.refonte .hero-copy h1 {font-size:clamp(52px,5.5vw,88px);margin:20px 0 15px}
.refonte .hero-copy p {font:400 15px/1.5 "Segoe UI",sans-serif;color:#f3eee6;margin-bottom:20px}
.refonte .hero-actions #goCollection {background:#f5eee3;color:#151714;border:0;display:inline-flex;align-items:center;gap:18px}
.refonte .hero-bottom {justify-content:flex-start;gap:16px;font:400 12px/1.3 "Segoe UI",sans-serif;letter-spacing:0;color:#e8e9e4;text-transform:none}
.refonte .city-ticker,.refonte #collection .section-kicker,.refonte .album-bottom {display:none}
.edition-showcase {display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;padding:20px;overflow:hidden;background:radial-gradient(ellipse at 55% 44%,#545653,#2b2c2a 65%,#232423)}
.edition-heading,.edition-caption {display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.edition-heading {font-size:13px;color:#d4d1c9}
.edition-heading span:first-child {font-weight:650}
.edition-caption {color:#f1efe7;font-size:19px;font-weight:600}
.edition-caption small {font-size:12px;font-weight:400}
.edition-cards {position:relative;height:240px;margin:12px 0}
.display-piece {position:absolute;top:50%;left:50%;padding:0;width:min(47%,148px);background:none;border:0;cursor:pointer;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 9px #0006)}
.direction-galerie .display-piece:first-child {transform:translate(-85%,-44%) rotate(-14deg)}
.direction-galerie .display-piece:nth-child(2) {transform:translate(-13%,-44%) rotate(14deg)}
.refonte #collection {padding:36px 0 24px;background:transparent}
.refonte .collection-head {align-items:flex-end}
.refonte #albumTitle,.refonte #packTitle {font:600 clamp(32px,3.5vw,56px)/1.08 "Segoe UI",sans-serif;letter-spacing:-.055em;color:var(--paper);text-shadow:none}
.refonte .collection-head p,.refonte .collection-status {font:400 14px/1.4 "Segoe UI",sans-serif;color:var(--paper);opacity:.8}
.refonte .extra-album-link {color:var(--paper)}
.refonte #search,.refonte .filter,.refonte select {color:var(--paper);background:transparent}
.refonte .filter.active {color:var(--paper);border-bottom-color:var(--accent)}
.refonte .filters {margin:20px 0 0;gap:12px}
.refonte .album-toolbar {margin:12px 0}
.refonte .album-toolbar .sort-control,.refonte .slot-rarity {font:500 12px/1.4 "Segoe UI",sans-serif;color:var(--paper)}
.refonte .uniform-slot-state {color:var(--paper)}
.direction-revue {--ink:#eae4d6;--paper:#25211e;--rule:#bcb2a2;--accent:#934433}
.direction-revue .hero {grid-template-columns:minmax(0,2.25fr) minmax(210px,1fr);gap:0}
.direction-revue .hero-main,.direction-revue .edition-showcase {border-radius:0}
.direction-revue .edition-showcase {background:#d9cfbd;border-left:6px solid var(--ink)}
.direction-revue .edition-heading,.direction-revue .edition-caption {color:#322d27}
.direction-revue .display-piece:first-child {transform:translate(-87%,-49%) rotate(-6deg)}
.direction-revue .display-piece:nth-child(2) {transform:translate(-13%,-47%) rotate(5deg)}
.direction-revue #albumTitle,.direction-revue #packTitle,.direction-revue .edition-caption {font-family:Georgia,serif;font-weight:400}
.direction-revue .brand .wordmark {color:#25211e;text-shadow:none}
.direction-revue .hero-actions #goCollection {border-radius:0;border-bottom:1px solid #f4e3c8;background:transparent;color:white;padding:8px 0}
.direction-revue .btn {border-radius:2px}
.direction-revue .collection-head {border-top:1px solid var(--rule);padding-top:18px}
.direction-club {--ink:#15191c;--paper:#eeede7;--rule:#353e43;--accent:#c6d5a0}
.direction-club .hero {grid-template-columns:minmax(225px,.8fr) minmax(0,2fr);gap:12px}
.direction-club .hero-main {grid-column:2;grid-row:1}
.direction-club .edition-showcase {grid-column:1;grid-row:1;background:linear-gradient(150deg,#303b3e,#192427);border:1px solid #3b4748}
.direction-club .display-piece {width:min(75%,155px);transform:translate(-50%,-50%) rotate(-4deg)}
.direction-club .hero-actions #goCollection {background:#d7e6b6;border-radius:7px}
.direction-club .navlinks {background:#293134;border-radius:30px;align-self:center;padding:10px 24px}
.direction-club #collection .collection-head {padding:20px;background:#232a2d;border-radius:12px}
@media(max-width:720px){
 .refonte .nav {height:auto;min-height:64px;flex-wrap:wrap;gap:10px;padding-block:10px}
 .refonte .navlinks {display:flex;order:3;width:100%;justify-content:center;gap:24px}
 .refonte .nav-actions {margin-left:auto}.refonte .brand-edition,.refonte #myCollection {display:none}
 .refonte .hero {grid-template-columns:1fr;gap:10px;padding-top:12px}
 .refonte .hero-main,.refonte .edition-showcase {grid-column:auto;grid-row:auto}
 .refonte .hero-main {min-height:330px}.refonte .hero-copy {padding:25px 20px 48px}
 .refonte .edition-showcase {position:relative;min-height:125px;justify-content:center;align-items:flex-start;padding-right:48%;gap:10px;border:0}
 .refonte .edition-cards {position:absolute;right:4%;top:0;width:40%;height:100%;margin:0}
 .refonte .display-piece {width:56px}.refonte .edition-heading,.refonte .edition-caption {flex-direction:column;gap:3px}
 .refonte .filters {gap:5px;overflow:auto}.refonte #collection {padding-top:25px}
}

/* Three opt-in Club art directions. */
.game-club { --type:Impact,"Arial Narrow",sans-serif; --ink:#16172b;--paper:#fff7df;--accent:#ffd653;--rule:#494663;background:var(--ink); }
.game-club header {background:#141420;border-bottom:3px solid #080912}
.game-club .nav {height:68px}
.game-club .navlinks {border-radius:9px;background:#282738;border:1px solid #444254;gap:3px;padding:3px}
.game-club .navlinks a,.game-club .btn,.game-club .filter,.game-club .stage-action {font:17px/1.15 var(--type);letter-spacing:.035em;text-transform:uppercase}
.game-club .navlinks a {padding:8px 16px;border-radius:5px}
.game-club .navlinks a:first-child {background:#444152;color:#fff}
.game-club .btn,.game-club .stage-action,.game-club .hero-actions #goCollection {border-radius:8px;border:2px solid #12131c;box-shadow:0 4px 0 #080810,inset 0 2px #ffffff61;color:#211c20;background:var(--accent);padding:11px 18px}
.game-club .btn:active,.game-club .stage-action:active {transform:translateY(2px)}
.game-club .btn-quiet {background:#262735;color:#eee;border-color:#4a4959;box-shadow:none}
.game-club #heroLogin,.game-club .city-ticker {display:none}
.game-club .hero {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px;padding-top:20px}
.game-club .hero-main {grid-area:auto;min-height:375px;border-radius:12px;border:2px solid #080910}
.game-club .hero-copy {padding:28px 30px 55px}
.game-club .hero-copy h1 {margin:13px 0;font-size:clamp(52px,5.4vw,82px)}
.game-club .hero-copy .eyebrow,.game-club .hero-bottom {font:15px/1.2 Bahnschrift,"Arial Narrow",sans-serif}
.game-club .hero-bottom {text-transform:uppercase;font-size:12px;letter-spacing:.09em;background:#10151ca8}
.game-stage {isolation:isolate;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;padding:18px;border:2px solid #0e0f19;border-radius:12px;background:#443578}
.game-stage h2,.game-club #albumTitle,.game-club #packTitle {font: clamp(26px,3.1vw,46px)/1 var(--type);letter-spacing:.005em;text-transform:uppercase;color:var(--paper);text-shadow:0 3px #101019}
.game-stage h2 {z-index:1;margin:0;font-size:clamp(25px,2.5vw,38px);text-align:center}
.stage-art {position:relative;width:100%;min-height:210px;flex:1}
.stage-card,.stage-pack {position:absolute;background:none;border:0;padding:0;cursor:pointer;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(88px,10vw,148px);filter:drop-shadow(2px 6px 5px #08081466)}
.stage-card:focus-visible,.stage-pack:focus-visible {outline:3px solid white;outline-offset:4px}
.stage-card:focus-visible {z-index:4}
.stage-action {z-index:1;cursor:pointer}
.stage-action span {margin-left:12px}
.game-club .collection-head {padding:0!important;background:none!important}
.game-club #collection {padding-top:28px}
.game-club .collection-head p,.game-club .album-toolbar,.game-club .sort-control {font-family:Bahnschrift,"Segoe UI",sans-serif}
.game-club .filters {border:0;gap:7px;flex-wrap:wrap}
.game-club .filter {background:#2c2b3c;border:1px solid #474558;border-radius:6px;padding:7px 12px;font-size:14px;color:#e2ddec}
.game-club .filter.active {background:var(--accent);color:#191a21;border-color:transparent}
.game-club .filter span {color:inherit;background:transparent}
.game-club .game-stage::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.game-arcade .game-stage::before {background:radial-gradient(ellipse at 50% 58%,transparent,#342958b0 85%),repeating-conic-gradient(from -12deg at 50% 62%,#7b65ad 0deg 12deg,#695197 12deg 24deg)}
.game-arcade .stage-card:first-child {transform:translate(-105%,-42%) rotate(-15deg)}
.game-arcade .stage-card:nth-child(2) {z-index:2}
.game-arcade .stage-card:last-child {transform:translate(5%,-42%) rotate(15deg)}
.game-coffre {--ink:#1c2423;--paper:#f3efda;--accent:#d5e769}
.game-coffre .hero {grid-template-columns:minmax(270px,.9fr) minmax(0,1.7fr)}
.game-coffre .game-stage {grid-column:1;grid-row:1;border:5px ridge #62706b;border-radius:5px;background:radial-gradient(ellipse,#46564b,#26342c 75%)}
.game-coffre .game-stage::before {background:repeating-linear-gradient(135deg,#e1c971 0 8px,#222a26 8px 16px) top/100% 6px no-repeat,inset; background:repeating-linear-gradient(135deg,#dbc66b 0 9px,#303630 9px 18px) top/100% 6px no-repeat}
.game-coffre .hero-main {grid-column:2;grid-row:1;border-radius:4px}
.stage-pack {height:100%;width:85%;display:grid;place-items:center}
.stage-pack img {width:100%;height:100%;object-fit:contain;max-height:255px;transform:rotate(-6deg)}
.game-coffre .stage-action,.game-coffre .hero-actions #goCollection {border-radius:3px}
.game-wanted {--ink:#26211f;--paper:#f7e7ce;--accent:#f0a15d}
.game-wanted .hero {position:relative;display:block}
.game-wanted .hero-main {min-height:412px;padding-right:30%;border-radius:3px}
.game-wanted .hero-backdrop {object-position:center 43%}
.game-wanted .game-stage {position:absolute;right:clamp(30px,5vw,78px);top:40px;bottom:20px;width:28%;border:3px solid #372a23;border-radius:2px;background:#ecd7b3;box-shadow:5px 7px 0 #0d09094d;transform:rotate(1deg);padding:13px}
.game-wanted .game-stage h2 {font-size:30px;color:#30231e;text-shadow:none;border-bottom:2px solid #624f3d;width:100%;padding-bottom:7px}
.game-wanted .stage-card:first-child {transform:translate(-78%,-52%) rotate(-8deg)}
.game-wanted .stage-card:last-child {transform:translate(-20%,-44%) rotate(8deg)}
.game-wanted .stage-action {background:#362923;color:#f5e2c7;border:0;border-radius:2px;box-shadow:none}
.game-wanted .filters .filter {border-radius:2px}
@media(max-width:740px) {
 .game-club .nav {height:auto}.game-club .navlinks a {padding:5px 14px}
 .game-club .hero {display:flex;flex-direction:column}
 .game-club .hero-main {min-height:285px;padding:0}
 .game-club .hero-copy {padding:20px 18px 45px}
 .game-club .game-stage {width:auto;position:relative;inset:auto;transform:none;min-height:185px;display:grid;grid-template-columns:1fr 1fr;align-content:center;justify-items:start;padding:16px;gap:14px}
 .game-club .game-stage h2 {text-align:left;font-size:24px}
 .game-club .stage-art {grid-column:2;grid-row:1/3;min-height:148px}
 .game-club .stage-card {width:75px}.game-club .stage-action {font-size:14px;padding:9px}
 .game-club .hero-copy p {font-size:13px}.game-club .filters {flex-wrap:nowrap}
}

.arcade-font-picker {display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;font:13px/1.4 "Segoe UI",sans-serif}
.arcade-font-picker label {color:#cdc9db}
.arcade-font-picker select {background:#27263b;color:#fff8e9;border:1px solid #4a475e;border-radius:6px;padding:5px 9px}
.game-arcade[data-arcade-font] .hero {padding-top:10px}
.game-arcade[data-arcade-font="bloc"] {--arc-head:"Arial Black","Segoe UI",sans-serif;--arc-ui:"Trebuchet MS",Arial,sans-serif;--arc-space:-.055em;--arc-style:normal;--arc-case:none}
.game-arcade[data-arcade-font="rallye"] {--arc-head:Bahnschrift,"Arial Narrow",Arial,sans-serif;--arc-ui:Bahnschrift,"Arial Narrow",Arial,sans-serif;--arc-space:-.02em;--arc-style:italic;--arc-case:uppercase}
.game-arcade[data-arcade-font="terminal"] {--arc-head:Consolas,"Courier New",monospace;--arc-ui:Consolas,"Courier New",monospace;--arc-space:-.06em;--arc-style:normal;--arc-case:uppercase}
.game-arcade[data-arcade-font] :is(.game-stage h2,#albumTitle,#packTitle,.dashboard-title) {
  font-family:var(--arc-head);font-weight:900;font-style:var(--arc-style);letter-spacing:var(--arc-space);text-transform:var(--arc-case);line-height:1.07;
}
.game-arcade[data-arcade-font] .game-stage h2 {font-size:clamp(21px,2.55vw,36px);overflow-wrap:anywhere}
.game-arcade[data-arcade-font] :is(.navlinks a,.btn,.filter,.stage-action,.hero-bottom,.hero-copy p,.slot-rarity,.collection-head p,.sort-control) {
  font-family:var(--arc-ui);font-weight:700;letter-spacing:0;text-transform:var(--arc-case)
}
.game-arcade[data-arcade-font] :is(.navlinks a,.btn,.stage-action){font-size:15px}
.game-arcade[data-arcade-font] .filter {font-size:13px}
.game-arcade[data-arcade-font] :is(.hero-copy p,.collection-head p){font-weight:400;text-transform:none}
@media(max-width:740px){.game-arcade[data-arcade-font] .game-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.game-arcade[data-arcade-font] .game-stage h2{font-size:20px}.game-arcade[data-arcade-font] .navlinks a{font-size:14px}}


/* Club Arcade: lettering from the Liberty City banner. */
.game-arcade[data-arcade-font="gta"] {
  --arc-head:"Pricedown Black","Pricedown",Impact,"Arial Narrow",sans-serif;
  --arc-ui:var(--arc-head);--arc-style:normal;--arc-case:none;--arc-space:-.025em;
}
.game-arcade[data-arcade-font="gta"] :is(.game-stage h2,#albumTitle,#packTitle,.dashboard-title) {
  font-family:var(--arc-head);font-weight:400;letter-spacing:-.035em;
  color:#fffaf0;-webkit-text-stroke:.09em #101013;paint-order:stroke fill;
  text-shadow:.055em .08em #101013;text-transform:lowercase;
}
.game-arcade[data-arcade-font="gta"] .game-stage h2 {font-size:clamp(25px,3.2vw,48px)}
.game-arcade[data-arcade-font="gta"] :is(.navlinks a,.btn,.stage-action,.filter) {
  font-family:var(--arc-head);font-size:18px;font-weight:400;letter-spacing:.012em;
}
.game-arcade[data-arcade-font="gta"] :is(.hero-copy p,.collection-head p,.slot-rarity,.sort-control) {font-family:"Segoe UI",sans-serif}
@media(max-width:740px){.game-arcade[data-arcade-font="gta"] .game-stage h2 {font-size:24px}.game-arcade[data-arcade-font="gta"] .navlinks a {font-size:16px}}

/* Paired material studies for the GTA-lettered Club Arcade. */
.game-arcade[data-fond] {isolation:isolate;position:relative}
.game-arcade[data-fond] .arcade-font-picker {flex-wrap:wrap}
.game-arcade[data-fond] .arcade-font-picker label {display:inline-flex;align-items:center;gap:7px}
.game-arcade[data-fond] .arcade-font-picker > label:first-child,.game-arcade[data-fond] #arcade-font {display:none}
.game-arcade[data-fond] .game-stage {border:1px solid #ffffff35;box-shadow:0 8px 24px #0004}
.game-arcade[data-fond] .hero-main {box-shadow:0 8px 24px #0004}
.game-arcade[data-fond="port"] {--ink:#111f2a;--paper:#f3eee2;--accent:#ffc268;background:
  linear-gradient(90deg,#0b1929eb 0%,#102639da 48%,#15202ede),url('assets/liberty-city-banner.png') center top / cover fixed,#112131}
.game-arcade[data-fond="port"] .game-stage::before {background:radial-gradient(ellipse at 48% 58%,#7b7561 0%,#3b535b 44%,#183543 78%,#142633)}
.game-arcade[data-fond="port"] #collection .collection-head {border-bottom:1px solid #bdd3cf40;border-radius:0;padding-bottom:16px!important}
.game-arcade[data-fond="papier"] {--ink:#e5d6b8;--paper:#29231f;--accent:#f48857;background-color:#e5d6b8;background-image:radial-gradient(#78644936 .7px,transparent .95px),linear-gradient(117deg,#f2e6d2 20%,#ded0b4 65%,#d7c5a7);background-size:4px 4px,100% 100%}
.game-arcade[data-fond="papier"] .game-stage::before {background:radial-gradient(#3e242536 1px,transparent 1.3px) 0 0/5px 5px,linear-gradient(135deg,#c65843,#e78c61)}
.game-arcade[data-fond="papier"] .hero-main,.game-arcade[data-fond="papier"] .game-stage {border:3px solid #312923;border-radius:3px;box-shadow:4px 5px 0 #57403260}
.game-arcade[data-fond="papier"] .arcade-font-picker label,.game-arcade[data-fond="papier"] .extra-album-link {color:#403226}
.game-arcade[data-fond="papier"] #search {background:#f6ecdc;border-color:#9d8a6f}
.game-arcade[data-fond="papier"] .navlinks a,.game-arcade[data-fond="papier"] .brand-edition {color:#f6e8d0}
.game-arcade[data-fond="metal"] {--ink:#191c20;--paper:#eeeff1;--accent:#c8d7e0;background:repeating-linear-gradient(125deg,#ffffff04 0 1px,transparent 1px 6px),linear-gradient(120deg,#383c40 0%,#1c2024 42%,#303337 75%,#191c20)}
.game-arcade[data-fond="metal"] .game-stage::before {background:repeating-linear-gradient(0deg,#ffffff09 0 1px,transparent 1px 4px),radial-gradient(ellipse,#666a6f,#383c41 62%,#212428)}
.game-arcade[data-fond="metal"] .game-stage {border:2px ridge #8b9195;border-radius:6px}
.game-arcade[data-boutons] :is(.stage-action,.btn-primary,#goCollection){transition:transform .13s,filter .13s,box-shadow .13s;line-height:1.1;min-height:42px}
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection){color:#302314;background:linear-gradient(#ffdb91,#f3b75c);border:1px solid #ffe9b5;border-radius:9px;box-shadow:0 3px 0 #98652f,0 5px 10px #0005,inset 0 1px #fff1c8}
.game-arcade[data-boutons="papier"] :is(.stage-action,.btn-primary,#goCollection){color:#231b15;background:#ff8a60;border:2px solid #2a211f;border-radius:2px;box-shadow:4px 4px 0 #211b18;transform:skewX(-4deg)}
.game-arcade[data-boutons="metal"] :is(.stage-action,.btn-primary,#goCollection){color:#172026;background:linear-gradient(172deg,#fbfaf0 0%,#d1dade 42%,#a6b6c1 49%,#cad4d9 70%,#e4e7e5);border:1px solid #eff3f3;border-radius:4px;box-shadow:0 3px 0 #63717c,0 5px 10px #0005}
.game-arcade[data-boutons] :is(.stage-action,.btn-primary,#goCollection):active {transform:translateY(2px);box-shadow:0 1px 0 #211b18}
@media(max-width:740px){.game-arcade[data-fond] .arcade-font-picker{justify-content:flex-start;gap:8px}.game-arcade[data-fond] .arcade-font-picker select{font-size:12px}.game-arcade[data-fond="port"]{background-attachment:scroll}}

/* Amber enamel: raised cap, bevel and a short physical press. */
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection) {
  position:relative;min-height:44px;padding:10px 19px 11px;border:2px solid #362423;
  border-radius:13px / 10px;color:#30201a;
  background:linear-gradient(174deg,#ffedac 0%,#ffdc76 20%,#ffc848 57%,#f5af30 100%);
  box-shadow:inset 0 2px 0 #fff5c5,inset 2px 0 0 #ffe39b,inset -2px -3px 0 #df982c,
    0 4px 0 #99572c,0 6px 0 #30202a,0 8px 10px #05060950;
  text-shadow:0 1px 0 #ffe39a;transition:transform .12s,box-shadow .12s,filter .12s;
}
.game-arcade[data-boutons="port"] :is(.stage-action,#goCollection) span {
  display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;
  border-radius:7px;background:#ae651b33;box-shadow:inset 0 1px 1px #ad6b202d;
}
@media(hover:hover) {
  .game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection):hover {filter:brightness(1.045);transform:translateY(-1px)}
}
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection):active {
  transform:translateY(4px);box-shadow:inset 0 1px 2px #a3692c55,inset 0 -2px #da952c,0 1px #99572c,0 2px #30202a;
}
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection):focus-visible {outline:3px solid #fff3c7;outline-offset:5px}
@media(prefers-reduced-motion:reduce) {
  .game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection) {transition:none}
}

/* Use the painted enamel sprite in three slices to keep the corners at native proportions. */
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection) {
  isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;
  min-height:47px;padding:9px 23px 13px;color:#27190d;text-shadow:0 1px #ffdd8580;
}
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection)::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-style:solid;border-color:transparent;border-width:0 21px;
  border-image:url("assets/gta3-900.webp") 0 110 fill / 0 21px stretch;
}
.game-arcade[data-boutons="port"] :is(.stage-action,#goCollection) span {background:none;box-shadow:none;width:auto;height:auto;margin-left:4px}
.game-arcade[data-boutons="port"] :is(.stage-action,.btn-primary,#goCollection):active {box-shadow:none;transform:translateY(2px);filter:brightness(.94)}
@media(max-width:740px) {
  .game-arcade[data-boutons="port"] .stage-action {padding-inline:14px;font-size:15px;white-space:nowrap}
}

/* Full illustrated-control mockup. Display cards keep their own printed face. */
body.game-arcade.tout-ambre .navlinks {border:0;background:none;padding:0;gap:4px}
body.game-arcade.tout-ambre :is(button:not(.stage-card),.navlinks a,.extra-album-link,.stage-card-label,select) {
  position:relative;isolation:isolate;box-sizing:border-box;background:transparent;color:#28180b;
  border:solid transparent;border-width:6px 16px 9px;border-radius:0;
  border-image:url("assets/gta3-900.webp") 32 110 50 fill / 6px 16px 9px stretch;
  padding:3px 1px;min-height:38px;text-shadow:0 1px #ffe39282;box-shadow:none;
  font:400 16px/1.2 var(--arc-head);text-decoration:none;
}
body.game-arcade.tout-ambre :is(button:not(.stage-card),.navlinks a,.extra-album-link)::before {content:none}
body.game-arcade.tout-ambre .navlinks a:first-child::after {content:none}
body.game-arcade.tout-ambre .extra-album-link {display:inline-flex;align-items:center}
body.game-arcade.tout-ambre .filters {gap:5px;flex-wrap:wrap}
body.game-arcade.tout-ambre .filter span {color:inherit}
body.game-arcade.tout-ambre :is(.filter,.variant)[aria-pressed="true"] {color:#120b00;text-decoration:underline;text-underline-offset:3px;filter:brightness(1.14)}
body.game-arcade.tout-ambre :is(button:not(.stage-card),.navlinks a,.extra-album-link):active {transform:translateY(2px);filter:brightness(.94)}
body.game-arcade.tout-ambre select option {background:#fff1d6;color:#201b12}
body.game-arcade.tout-ambre .stage-card-label {position:absolute;bottom:3%;left:50%;transform:translateX(-50%);min-height:0;font-size:12px;white-space:nowrap;opacity:0}
body.game-arcade.tout-ambre .stage-card:is(:hover,:focus-visible) .stage-card-label {opacity:1}
body.game-arcade.tout-ambre .close {width:40px;height:40px;padding:0;border-width:7px;line-height:1}
body.game-arcade.tout-ambre .arcade-font-picker[hidden] {display:none}
@media(max-width:740px){body.game-arcade.tout-ambre .navlinks a {flex:1;text-align:center}body.game-arcade.tout-ambre .navlinks{gap:3px}body.game-arcade.tout-ambre .stage-action{white-space:nowrap}}
body.game-arcade.tout-ambre .dialog .close {position:absolute}

/* Material hierarchy for the illustrated controls. */
body.game-arcade.tout-ambre :is(.navlinks a,.btn-quiet,.extra-album-link,.filter,.variant,select,.close,#switchAuth,#logout,#dashboardAlbum) {
  border-image-source:url("assets/gta3-901.webp");color:#f2f3ed;text-shadow:0 1px 2px #152028;
}
body.game-arcade.tout-ambre :is(#openAuth,.extra-album-link,.stage-action) {
  border-image-source:url("assets/gta3-902.webp");color:#fff2da;text-shadow:0 1px 2px #362218;
}
body.game-arcade.tout-ambre :is(.filter,.variant)[aria-pressed="true"],
body.game-arcade.tout-ambre .navlinks a[aria-current="location"] {
  border-image-source:url("assets/gta3-900.webp");color:#251b0f;text-shadow:0 1px #ffdf8a99;
  text-decoration:none;filter:none;
}
body.game-arcade.tout-ambre :is(.filter,.variant)[aria-pressed="true"] {text-decoration:underline;text-underline-offset:3px}
body.game-arcade.tout-ambre .navlinks a,body.game-arcade.tout-ambre .filter {min-height:34px;border-width:4px 13px 7px;border-image-width:4px 13px 7px}
body.game-arcade.tout-ambre[data-boutons="port"] :is(#openAuth,.stage-action,.extra-album-link)::before {content:none}
body.game-arcade.tout-ambre[data-boutons="port"] :is(.filter,.variant):is([aria-pressed="true"],.active) {border-image-source:url("assets/gta3-900.webp")!important;color:#251b0f;text-shadow:none}

/* Lettering sits on the painted face, above its bevel. */
body.game-arcade.tout-ambre[data-boutons="port"] {
  --control-type:"Pricedown Black","Pricedown",Impact,"Arial Narrow",sans-serif;
  --light-ink:#fff1d9;
  --light-relief:0 1px 0 #352418,0 2px 2px #291b16a6;
  --dark-ink:#301d10;
  --dark-relief:0 1px 0 #ffeab0,0 -1px 0 #88591e38;
}
body.game-arcade.tout-ambre[data-boutons="port"] :is(button:not(.stage-card),.navlinks a,.extra-album-link,select) {
  font-family:var(--control-type);font-weight:400;line-height:1.16;
  letter-spacing:.018em;text-align:center;
}
body.game-arcade.tout-ambre[data-boutons="port"] :is(.navlinks a,.btn-quiet,.variant,.filter,select,.close,#switchAuth,#logout,#dashboardAlbum) {
  color:#eef2f2;text-shadow:0 1px 0 #17212b,0 2px 2px #14202c99;
}
body.game-arcade.tout-ambre[data-boutons="port"] :is(#openAuth,.extra-album-link,.stage-action) {
  border-image-source:url("assets/gta3-902.webp");color:var(--light-ink);text-shadow:var(--light-relief);
}
body.game-arcade.tout-ambre[data-boutons="port"] :is(#goCollection,#detailCollect,#openPack,#revealPack,#submitAuth,.filter[aria-pressed="true"],.variant[aria-pressed="true"],a[aria-current="location"]) {
  color:var(--dark-ink);text-shadow:var(--dark-relief);
}
body.game-arcade.tout-ambre[data-boutons="port"] :is(#goCollection,#openPack,#revealPack) {font-size:20px}
body.game-arcade.tout-ambre[data-boutons="port"] :is(.navlinks a,.btn-quiet,.stage-action) {font-size:17px}
body.game-arcade.tout-ambre[data-boutons="port"] :is(.filter,.variant,select) {font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:650;font-size:14px;letter-spacing:.006em}
body.game-arcade.tout-ambre[data-boutons="port"] .filter span {font:600 11px/1 Bahnschrift,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;text-shadow:none}
body.game-arcade.tout-ambre[data-boutons="port"] :is(.filter,.variant)[aria-pressed="true"] {text-decoration-thickness:1px;text-underline-offset:3px}
body.game-arcade.tout-ambre[data-boutons="port"] :is(button,a,select):focus-visible {outline:2px solid #fff2c9;outline-offset:3px}
@media(max-width:740px){
  body.game-arcade.tout-ambre[data-boutons="port"] #goCollection {font-size:18px}
  body.game-arcade.tout-ambre[data-boutons="port"] :is(.navlinks a,.stage-action){font-size:15px}
}
body.game-arcade.tout-ambre[data-boutons="port"] :is(#openAuth,.stage-action) {
  border:solid transparent;border-width:6px 17px 10px;
  border-image:url("assets/gta3-902.webp") 32 110 50 fill / 6px 17px 10px stretch;
  padding:4px 3px;min-height:42px;
}

/* GTA III HUD study: black keyline, ivory headings and a radar-green selection. */
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(#goCollection,#openAuth,#detailCollect,#dashboardAlbum,#openPack,#submitAuth,#revealPack,#logout,#switchAuth,button:not(.stage-card),.navlinks a,.extra-album-link,select) {
  --plate:#24292b; --edge:#646b69; --ink:#f1ecdb;
  isolation:isolate; border:2px solid #0b0c0c; border-image:none!important;
  background:linear-gradient(168deg,color-mix(in srgb,var(--plate),white 7%),var(--plate) 64%);
  color:var(--ink); border-radius:3px;box-shadow:inset 0 1px var(--edge),0 2px #080909;
  padding:8px 15px;min-height:36px;text-shadow:1px 1px 0 #070908;
}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(#goCollection,#openAuth,#detailCollect,#openPack,#submitAuth,#revealPack,.stage-action,.btn)::before {content:none}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(#goCollection,#detailCollect,#openPack,#submitAuth,#revealPack) {
  --plate:#99be7d;--edge:#dae7bd;--ink:#142119;padding:11px 20px;text-shadow:0 1px #d3e5b5;
  border-left:5px solid #d9eac5;
}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(#openAuth,.stage-action,.extra-album-link) {--plate:#413c32;--edge:#b9aa89;--ink:#fbe5bb}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(.filter,.variant)[aria-pressed="true"],
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] .navlinks a[aria-current] {
  color:#d8efbd;background:#27392e;border-left:4px solid #a5d78d;text-shadow:1px 1px #0a110b;text-decoration:none;
}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] .filter,
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] .navlinks a {padding:7px 12px}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] .close {padding:0}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(button:not(.stage-card),.navlinks a,.extra-album-link):active {transform:translateY(2px);box-shadow:inset 0 1px #080909}
body.game-arcade.tout-ambre.hud-controls[data-boutons="port"] :is(#filters .filter,#detailDialog .variant)[aria-pressed="true"] {color:#d8efbd;background:#27392e;border-left:4px solid #a5d78d;text-shadow:1px 1px #0a110b;text-decoration:none}

.pack-stage:has(> .lc-card) {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;min-height:0;gap:8px}
.pack-stage:has(> .lc-card) > .lc-card {width:100%}
.pack-stage .lc-card:nth-child(4){animation-delay:.30s}
.pack-stage .lc-card:nth-child(5){animation-delay:.36s}
@media(max-width:640px){.pack-stage:has(> .lc-card){grid-template-columns:repeat(3,minmax(0,1fr))}.pack-dialog{max-height:90dvh;overflow:auto}}

.city-switch{display:flex;gap:8px;margin:6px 0 22px}.city-switch a{border:1px solid #596770;padding:8px 14px;color:#f6f0e5;border-radius:6px;font:600 14px/1.2 "Segoe UI",sans-serif}.city-switch a[aria-current]{background:#efe6cf;color:#171b20}
.vice-city .hero-backdrop{object-position:65% 42%}
.vice-city .hero-shade{background:linear-gradient(90deg,#271834ea,#241a3970 48%,transparent)}
.lc-card--opal.vc-neon .metal-edge{background-image:linear-gradient(117deg,#85aeb1,#f4e0e7 20%,#cf9ebf 38%,#76a5a9 62%,#dce8df 83%,#b99bba)}

/* Register the foil to the two printed rules in the 768 x 1152 Vice City master. */
.lc-card--opal:is(.vc-neon,.sa-chrome) { --opal-art-end:70.0521%; }
.lc-card--printed.lc-card--opal:is(.vc-neon,.sa-chrome) > img {
  mask-image:linear-gradient(to bottom,
    #000 0 var(--opal-art-end), transparent var(--opal-art-end) 70.9201%,
    #000 70.9201% 79.7743%, transparent 79.7743% 80.6424%, #000 80.6424%);
}

.lc-motion-face, .lc-motion-face > img { display: block; width: 100%; height: auto; }

/* Printed rarity mark below the Vice City signature, including animated faces. */
.vc-full-stars {
  position: absolute;
  z-index: 3;
  left: 4%;
  bottom: 1.1%;
  width: 26%;
  text-align: center;
  color: #fff6db;
  font: 700 3.4cqw/1 Arial, sans-serif;
  letter-spacing: .28em;
  text-shadow: 0 1px 2px #171017;
  pointer-events: none;
}

.city-liberty { --city-art:url('/assets/standard/435.webp'); --city-accent:#ff806c; }
.city-vice { --city-art:url('/assets/standard/436.webp'); --city-accent:#ff79bc; }
.city-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:780px; gap:10px; }
.city-switch a.collection-tab, .game-row a.collection-panorama {
  position:relative; isolation:isolate; overflow:hidden; box-sizing:border-box;
  text-decoration:none; color:#fff4df; background:#101012;
  border:1px solid #6b6767; border-radius:8px;
}
.city-switch a.collection-tab { display:flex; align-items:center; gap:4%; height:66px; padding:6px 3%; }
.collection-tab::before, .game-row .collection-panorama::before {
  content:""; position:absolute; z-index:-1; inset:0; background:var(--city-art) center/cover no-repeat;
}
.collection-tab::before { left:61%; background-position:73% center; clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); }
.city-switch .collection-logo { width:20%; height:94%; object-fit:contain; padding-right:4%; border-right:1px solid #827971; }
.city-switch .collection-tab strong { font:clamp(14px,2vw,23px)/1 var(--display); text-transform:uppercase; white-space:nowrap; }
.game-row a.collection-panorama { display:flex; justify-content:end; align-items:start; gap:6px; padding:16px; min-height:174px; }
.game-row .collection-panorama::before { background-image:linear-gradient(90deg,#0b0914b8,transparent 78%),var(--city-art); }
.collection-panorama .collection-logo { width:86px; height:82px; object-fit:contain; object-position:left bottom; }
.game-row .collection-panorama strong { font:22px/1 var(--display); text-transform:uppercase; }
.city-switch a.collection-tab[aria-current], .game-row a.collection-panorama[aria-current] { border-color:var(--city-accent); box-shadow:inset 0 -3px var(--city-accent); }
.city-switch a.collection-tab:focus-visible, .game-row a.collection-panorama:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media(max-width:560px){
  .city-switch { gap:6px; }
  .city-switch a.collection-tab { height:58px; gap:5%; padding:5px; }
  .city-switch .collection-logo { width:27%; }
  .city-switch .collection-tab strong { font-size:14px; }
  .collection-tab::before { left:72%; }
}

.city-san-andreas { --city-art:url('/assets/standard/527.webp'); --city-accent:#77c87d; }
.city-switch { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1140px; }
.sa-city .hero-backdrop { object-position:center; }
.sa-city .hero-shade { background:linear-gradient(90deg,#112019ed,#17291c55 58%,transparent); }
.sa-chrome .metal-edge { background-image:linear-gradient(115deg,#527e68,#e8e6b1 26%,#83b986 46%,#d9efc9 70%,#769d87); }
@media(max-width:660px){
 .city-switch a.collection-tab { flex-direction:column; justify-content:center; height:74px; gap:3px; }
 .city-switch .collection-logo { width:46%; height:38px; border:0; padding:0; }
 .city-switch .collection-tab strong { font-size:clamp(11px,3vw,15px); }
 .city-switch .collection-tab::before { left:0; clip-path:none; opacity:.22; }
}

/* The active album supplies the page scenery on every collection route. */
body[data-collection="liberty"] {
  --album-scene:url('/assets/standard/435.webp');
  --album-base:#101e2b;
  --album-veil:linear-gradient(105deg,#091623ed,#0e202fd1 55%,#1c202bc9);
}
body[data-collection="vice"] {
  --album-scene:url('/assets/standard/436.webp');
  --album-base:#211725;
  --album-veil:linear-gradient(105deg,#1b1025ef,#24162cce 53%,#13272cca);
}
body[data-collection="san-andreas"] {
  --album-scene:url('/assets/standard/527.webp');
  --album-base:#18231b;
  --album-veil:linear-gradient(105deg,#101d17ee,#17251ccf 52%,#322616c9);
}
body[data-collection]:not([data-fond="papier"]):not([data-fond="metal"]) {
  isolation:isolate;
  background:var(--album-base);
}
body[data-collection]:not([data-fond="papier"]):not([data-fond="metal"])::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--album-veil),var(--album-scene) center / cover no-repeat;
}

/* GTA IV : cadre ambre, Holo « Chrome ambre », fond Liberty City 2008. */
.city-gta4 { --city-art:url('/assets/standard/827.webp'); --city-accent:#e0a247; }
.city-switch { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1240px; }
.gta4-city .hero-backdrop { object-position:center; }
.gta4-city .hero-shade { background:linear-gradient(90deg,#121418ee,#1a1c2166 58%,transparent); }
.gta4-ambre .metal-edge { background-image:linear-gradient(115deg,#7a5a2c,#f3e2bb 26%,#c99447 46%,#f6ead0 70%,#8d6a37); }
.lc-card--opal.gta4-ambre { --opal-art-end:70.0521%; }
.lc-card--printed.lc-card--opal.gta4-ambre > img {
  mask-image:linear-gradient(to bottom,#000 0 var(--opal-art-end),transparent var(--opal-art-end) 70.9201%,
    #000 70.9201% 79.7743%,transparent 79.7743% 80.6424%,#000 80.6424%);
}
body[data-collection="gta4"] {
  --album-scene:url('/assets/standard/827.webp');
  --album-base:#16171a;
  --album-veil:linear-gradient(105deg,#121418ee,#1a1c21cf 52%,#2e2416c9);
}

/* GTA VI : cadre dégradé coucher de soleil, Holo « Coucher de soleil », fond skyline de Vice City. */
.city-gta6 { --city-art:url('/assets/standard/1027.webp'); --city-accent:#f0508c; }
.city-switch { grid-template-columns:repeat(5,minmax(0,1fr)); max-width:1400px; }
@media(max-width:660px){ .city-switch { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.gta6-city .hero-backdrop { object-position:center; }
.gta6-city .hero-shade { background:linear-gradient(90deg,#1a0d24ee,#2a103066 58%,transparent); }
.gta6-sunset .metal-edge { background-image:linear-gradient(115deg,#ff9a4a,#ffd9e8 26%,#f0508c 46%,#e8dcff 70%,#8250e6); }
.lc-card--opal.gta6-sunset { --opal-art-end:70.0521%; }
.lc-card--printed.lc-card--opal.gta6-sunset > img {
  mask-image:linear-gradient(to bottom,#000 0 var(--opal-art-end),transparent var(--opal-art-end) 70.9201%,
    #000 70.9201% 79.7743%,transparent 79.7743% 80.6424%,#000 80.6424%);
}
body[data-collection="gta6"] {
  --album-scene:url('/assets/standard/1027.webp');
  --album-base:#120c1c;
  --album-veil:linear-gradient(105deg,#140d22ee,#1f1230cf 52%,#3a1630c9);
}

.account-dialog #accountEmail { overflow-wrap:anywhere; }
.account-dialog h3 { margin:20px 0 10px; }
#accountAlbums { display:grid; gap:8px; margin:0 0 20px; }
#accountAlbums a { display:grid; gap:3px; padding:10px 14px; border:1px solid #697572; border-radius:6px; background:#182024; color:#fff4df; text-decoration:none; }
#accountAlbums a:hover, #accountAlbums a:focus-visible { border-color:#efbb79; }
#accountAlbums span { font-size:13px; color:#d3d9d5; }

#authOverlay .dialog {
  width:min(420px,100%); padding:20px 24px 18px; box-sizing:border-box;
  background:linear-gradient(150deg,#1b1a19,#101011 62%); color:#fff2da;
  border:1px solid #655e56; border-radius:14px; box-shadow:0 16px 54px #000a;
  max-height:calc(100dvh - 30px); overflow:auto;
}
#authOverlay .auth-wordmark { display:inline-block; font-size:28px; line-height:.76; color:#fff0ce; }
#authOverlay .auth-fan { position:relative; height:145px; margin:4px auto 13px; }
#authOverlay .auth-fan img {
  position:absolute; bottom:7%; left:50%; height:84%; width:auto; aspect-ratio:2/3;
  border-radius:6%; box-shadow:0 4px 9px #0009; transform-origin:center bottom;
}
#authOverlay .auth-fan img:first-child { transform:translateX(-118%) rotate(-15deg); }
#authOverlay .auth-fan img:nth-child(2) { height:95%; z-index:1; transform:translateX(-50%); }
#authOverlay .auth-fan img:last-child { transform:translateX(18%) rotate(15deg); }
#authOverlay h2 { margin:0 0 12px; font-size:clamp(26px,6vw,34px); line-height:1.05; }
#authOverlay label { color:#ede2d0; font-size:13px; margin:11px 0 5px; }
#authOverlay .field { background:#19191b; color:#fff; border:1px solid #75716a; border-radius:5px; font-size:16px; }
#authOverlay .field:focus-visible, #authOverlay #switchAuth:focus-visible { outline:2px solid #ffc770; outline-offset:2px; }
#authOverlay .form-error:empty { display:none; }
#authOverlay #submitAuth {
  width:100%; margin-top:15px; min-height:44px; padding:10px 16px;
  appearance:none; border-image:none; border:1px solid #f2e8d3; border-radius:6px;
  background:#ede3cc; color:#181716; box-shadow:none; text-shadow:none;
  clip-path:none; filter:none; font-size:18px; line-height:1.2;
}
#authOverlay #submitAuth::before, #authOverlay #submitAuth::after { content:none; }
#authOverlay #submitAuth:hover:enabled { background:#faf3e4; }
#authOverlay #submitAuth:active:enabled { background:#dcd0b7; }
#authOverlay #submitAuth:focus-visible { outline:2px solid #faf3e4; outline-offset:3px; }
#authOverlay #submitAuth:disabled { opacity:.65; cursor:wait; }
#authOverlay #switchAuth { display:block; margin:9px auto 0; padding:8px; color:#f6e7cd; background:none; border:0; text-decoration:underline; font:600 14px/1.3 inherit; cursor:pointer; }
@media(max-width:520px),(max-height:730px) {
  #authOverlay .auth-fan { height:96px; margin-bottom:6px; }
  #authOverlay .dialog { padding:16px 20px 12px; }
}

#authChoices { display:grid; gap:8px; }
#authOverlay [hidden] { display:none!important; }
#authChoices button { min-height:44px; width:100%; border:1px solid #736f67; border-radius:6px; background:#232325; color:#fff4df; font:600 15px/1.25 "Segoe UI",sans-serif; cursor:pointer; }
#authChoices [data-provider="google"] { background:#f4eee3; color:#171717; }
#authChoices [data-provider="discord"] { background:#494eab; color:white; }
#authChoices button:focus-visible { outline:2px solid #fff4df; outline-offset:2px; }

.sa-print-logo {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  left: 4%;
  bottom: 3.1%;
  width: 43%;
  height: 15.8%;
  background: #000 url("/assets/standard/630.png") center / auto 92% no-repeat;
}
/* Holo: stay inside the printed band (inset 4.55% left / 3.45% bottom) and follow its rounded corner. */
.lc-card--opal .sa-print-logo {
  left: 4.55%;
  bottom: 3.45%;
  width: 42.45%;
  height: 15.45%;
  border-bottom-left-radius: 12.96% 24.9%;
  /* Below the holo reflections (::after z3, inspected .print-foil z4) so the foil sweeps over the logo too. */
  z-index: 2;
}
/* Full Art: the old marking is removed from the artwork itself, so the logo sits directly on the scene. */
.lc-card--iconic .sa-print-logo {
  left: 2.4%;
  bottom: 7.5%;
  width: 27%;
  height: 13%;
  background-color: transparent;
  filter: drop-shadow(0 0 .35cqw #000c) drop-shadow(0 .2cqw .5cqw #0009);
}