/* Interface commune : un seul traitement pour chaque famille de contrôle. */
:root{--red:#e0473d;--gold:#cbb89c;--bone:#f0ede7;--muted:#aaaeb7}
body{background:#090b10;color:var(--bone);overflow-x:clip;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;opacity:1;background:linear-gradient(0deg,#080b11ed,#080b1170 45%,#090b1080),linear-gradient(90deg,#0c111b3d,#090b1044 50%,#190b103d),url('assets/cinema-abbey.webp') center 42%/cover no-repeat;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 42%,#cb281814,transparent 52%);opacity:1}
.game-header{height:86px;padding:0 clamp(22px,4vw,76px);background:#080b1066;border:0;border-bottom:1px solid #ffffff10;box-shadow:none;backdrop-filter:blur(12px)}
.wordmark{position:relative;display:block;width:174px;height:72px;overflow:hidden;isolation:auto;gap:0}
.fearith-logo{position:absolute;width:174px;height:130px;max-width:none;left:0;top:-30px;object-fit:contain;mix-blend-mode:screen}
.wordmark>.brand-tagline{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:500 5px/1 system-ui;letter-spacing:2.8px;color:#c7b8ab}
.header-actions{gap:10px}.balance{padding:9px 13px;border-radius:30px;border:1px solid #ffffff15;background:#ffffff05;font:500 12px system-ui;color:#eee0ca}
.game-nav{position:absolute;top:20px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);display:flex;gap:5px;padding:4px;border:1px solid #ffffff13;border-radius:14px;background:#0c11187a;box-shadow:0 8px 22px #0002;backdrop-filter:blur(12px)}
.game-nav button{min-height:38px;padding:9px 16px;border:0;border-radius:10px;background:transparent;color:#acb0ba;font:500 11px system-ui;letter-spacing:0;gap:8px;transition:color .16s ease,background .16s ease}
.game-nav button.active{background:#ffffff10;color:#fff;border:0;text-shadow:none;box-shadow:inset 0 1px #ffffff0b}
.game-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;filter:none}.game-nav button.active svg{color:#ff867a;filter:none}
.game-nav button small{font:600 9px system-ui;padding:2px 5px;border-radius:5px;background:#ffffff0d;color:#cacdd5}
.opening .game-nav{opacity:1}
#play-main{max-width:1440px;padding:0 clamp(24px,4vw,64px) 50px;min-height:calc(100dvh - 86px)}
.ritual-hub{grid-template-columns:minmax(190px,1fr) minmax(300px,1.5fr) minmax(180px,1fr);gap:0 45px;min-height:calc(100dvh - 130px);padding:32px 0 20px}
.ritual-hub:before,.ritual-heading:after{display:none}
.ritual-heading{margin-bottom:4px}.ritual-heading h1,.section-title h1{font-family:system-ui,sans-serif;font-weight:500;letter-spacing:-1.5px;font-size:clamp(30px,3vw,43px);color:#f1eeea;text-shadow:none}
.ritual-heading .eyebrow{letter-spacing:3px;color:#e59488;font-size:8px}.ritual-heading p{font:400 12px/1.5 system-ui;color:#a8abb5}
.eyebrow{color:#a8a9b3}.section-title h2{font-family:system-ui;font-weight:500}
.ritual-rail>.eyebrow,.cabinet-peek>.eyebrow{font-size:8px;letter-spacing:2px;color:#a5a8b3}
.edition-list{gap:9px}.edition-list button{border:1px solid #ffffff12;border-radius:12px;background:#11172288;padding:14px;box-shadow:inset 0 1px #ffffff04;transition:background .18s ease,border-color .18s ease;color:#e1e3e9}
.edition-list button[aria-pressed=true]{background:linear-gradient(110deg,#8e322b2b,#111722a6);border-color:#e36a5d7a;box-shadow:inset 3px 0 #f07665}
.edition-list img{width:28px;height:40px;border:0;border-radius:3px;opacity:.85}.edition-list strong{font:550 16px/1.4 system-ui;color:#f0ece8}.edition-list small{font:500 7px system-ui;letter-spacing:2px;color:#a2a3ae}.edition-list em{font:400 9px/1.5 system-ui;color:#9ba0ae;margin-top:3px}.edition-list b{font-size:12px;color:#ed9488}
.ritual-count{border-color:#ffffff15}.ritual-count strong{font:400 26px system-ui;color:#ebe8e1}.ritual-count>span{font:500 7px system-ui;letter-spacing:1.7px;color:#949cab}
.pack-stage{height:375px}.booster,.booster.large{border:0;border-radius:0;background:none;box-shadow:none;padding:0;overflow:visible;isolation:isolate;filter:drop-shadow(0 25px 22px #000b)}
.booster.large{width:230px;height:322px}.booster:before{display:none}.fearith-pack-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.booster:after{inset:5% 8%;border-radius:3%;background:linear-gradient(112deg,transparent 24%,#fff4d529 42%,transparent 53%);mix-blend-mode:screen;opacity:.4;pointer-events:none}
.floating-back{object-fit:fill;border:0;border-radius:7px;opacity:.8;width:162px;height:230px;box-shadow:0 20px 28px #000b}
.ritual-halo{background:radial-gradient(ellipse,#c02d1832,transparent 68%);box-shadow:none}.ritual-halo:after{inset:0;border:1px solid #e1956512;background:none;border-radius:50%;opacity:1;transform:none}
.pack-name{margin:10px 0 17px}.pack-name h2{font:550 23px/1.3 system-ui;color:#f5eee4}.pack-name p{font:400 9px/1.4 system-ui;color:#a2a7b5;letter-spacing:0;margin-top:6px}.pack-name .round-button{width:40px;height:40px}
.cta,.secondary,.text-button,.subtle-button{font-family:system-ui,sans-serif}
.cta,.secondary{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:50px;height:auto;padding:14px 24px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.5px;transition:background .18s ease,border-color .18s ease,transform .14s ease;overflow:hidden;text-shadow:none;isolation:isolate}
.cta,.open-pack{background:linear-gradient(110deg,#bb352f,#d94b3f);border:1px solid #ee79625c;color:#fff5ef;box-shadow:inset 0 1px #ffc9b329,0 8px 24px #0005}
.cta:before,.cta:after,.open-pack:before,.open-pack:after{display:none;content:none}
.cta>span:last-child{margin-left:0}.cta .button-arrow,.open-pack .button-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;font-size:18px;color:inherit}
.cta:active:not(:disabled),.secondary:active:not(:disabled){transform:scale(.98)}
.cta:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed;filter:none}
.secondary{background:#151c2699;border:1px solid #ffffff19;color:#d6dce6;box-shadow:inset 0 1px #ffffff04}
.secondary>span:last-child{margin:0}.settings-links>.secondary,.duplicate-actions>.secondary{justify-content:center}
.round-button{display:inline-grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border-radius:12px;border:1px solid #ffffff16;background:#11172299;color:#c9cdd5;box-shadow:none;font-size:22px;transition:background .16s ease,transform .14s ease}
.text-button,.subtle-button{min-height:36px;padding:8px 0;color:#bfc4cf;letter-spacing:.3px;transition:color .15s ease}
.open-pack{width:100%;min-height:54px;height:54px;padding:14px 48px;font-size:11px;filter:none}
.charge-row{font:400 10px system-ui;color:#969eae;margin:13px 0 8px}.charge-row>span:first-child{color:#c8cdd6}#pack-progress{height:2px;opacity:.7}.odds-link{color:#969eae;font-size:9px;min-height:34px}
.cabinet-peek>p{font:400 12px/1.8 system-ui;color:#abb2bf}.cabinet-peek>.secondary{font-size:9px;min-height:46px;padding:12px}.cinema-preview-link{color:#a7adbc;font-size:8px;letter-spacing:.5px}.cabinet-peek{border-color:#ffffff13}
.filter-chips button,.rarity-picker button{border:1px solid #ffffff17;border-radius:9px;background:#111722b3;color:#aeb5c4;transition:background .16s ease,border-color .16s ease}
.filter-chips [aria-pressed=true],.rarity-picker [aria-pressed=true]{background:#71312d70;border-color:#d6736477;color:#ffe1d7}
.search-label,select,input,textarea{border-radius:9px;border-color:#ffffff20;background-color:#111722b3;color:#e1e4eb}.film-select-label{color:#adb4c1}
.inventory-line,.discovery-note{color:#aab2c0}.deck-tip,.market-notice,.shop-tile,.support-card{background:#101620c9;border-color:#ffffff16;border-radius:12px}.shop-tile strong{font-family:system-ui;font-weight:500}
.market-notice{color:#bcc2cf}.local-badge{border-color:#ffffff20;color:#b7bdca;border-radius:20px}
dialog{background:linear-gradient(145deg,#171e2a,#0c111a);border:1px solid #ffffff20;border-radius:18px;padding:26px;box-shadow:0 30px 100px #000b;color:#e4e7ee}dialog::backdrop{background:#02060cc4;backdrop-filter:blur(7px)}
.modal-header{background:#151c27;border-color:#ffffff10;top:-26px}.modal-header h2{font:500 25px system-ui;letter-spacing:-.8px}.modal-header .round-button{min-height:36px;width:36px;height:36px;font-size:22px}
.modal-intro,.fine-print,.film-lore{color:#b8bfce}.settings-links{gap:10px}.settings-links>.secondary{min-height:48px;font-size:10px}.original-note{color:#919baa}
.summary-actions{background:#111823f0;border:1px solid #ffffff14;border-radius:12px}.opening-stage>h1{font-family:system-ui;font-weight:500;letter-spacing:-1px}.opening-stage>p,.swipe-hint{color:#a7afbd}.opening-top .text-button{font-size:10px}
.card-under{background:#090606 url('assets/fearith/card-back.webp') center/100% 100%;border:0;border-radius:9px}.flip-back img,.unknown-card img{object-fit:fill;border-radius:9px}
.battle-controls{border-color:#ffffff1c}.battle-bar{font-family:system-ui}.lobby-copy h2{font-family:system-ui;font-weight:500;letter-spacing:-1px}.battle-log{color:#c3cad7}
:focus-visible{outline:2px solid #f5af90;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.cta:hover:not(:disabled),.open-pack:hover:not(:disabled){background:linear-gradient(110deg,#d54539,#ed6550);box-shadow:inset 0 1px #ffc9b333,0 8px 25px #c02d1922;filter:none}.secondary:hover:not(:disabled),.round-button:hover{background:#283240cc;border-color:#ffffff30}.game-nav button:hover{background:#ffffff09;color:#fff}.edition-list button:hover{transform:none;background:#27303db0;border-color:#ffffff35}.text-button:hover,.subtle-button:hover{color:#fff}}
@media(min-width:801px) and (max-height:800px){.ritual-hub{padding-top:22px;min-height:0}.pack-stage{height:300px}.booster.large{width:202px;height:283px}.floating-back{width:142px;height:201px}.ritual-heading h1{font-size:34px}.pack-name{margin:8px 0 13px}.ritual-count{margin-top:24px}}
@media(min-width:801px) and (max-width:1100px){.ritual-hub{gap:0 24px;grid-template-columns:180px minmax(275px,1fr) 160px}.game-nav{left:53%}.game-nav button{padding:9px 11px}.wordmark{width:154px}.fearith-logo{width:154px}.cabinet-peek>.secondary{font-size:8px}}
@media(max-width:800px){.game-header{height:72px;padding:0 18px}.wordmark{width:150px;height:66px}.fearith-logo{width:150px;height:112px;top:-23px}.wordmark>.brand-tagline{font-size:4.5px;bottom:2px;letter-spacing:2px}.header-actions .round-button{width:40px;height:40px;min-height:40px}.balance{font-size:11px;padding:8px 11px}
.game-nav{position:fixed;top:auto;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));transform:none;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:5px;border:1px solid #ffffff1f;border-radius:18px;background:#101620ee;box-shadow:0 10px 32px #0009}.game-nav button{display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:6px 2px;font-size:9px;gap:5px;border:0;border-radius:12px}.game-nav button small{position:absolute;top:4px;left:calc(50% + 10px);font-size:7px}.game-nav svg{width:20px;height:20px}
#play-main{padding:0 20px 108px;min-height:calc(100dvh - 72px)}.ritual-hub{display:flex;gap:0;padding:23px 0 0;min-height:0}.ritual-heading{margin:0}.ritual-heading h1{font-size:30px;letter-spacing:-1.2px}.ritual-heading .eyebrow{font-size:6px;letter-spacing:2px}.ritual-heading p{font-size:11px;margin-top:9px}.ritual-rail{margin-top:18px}.edition-list button{min-height:43px;padding:10px 4px;border-radius:9px}.edition-list strong{font-size:11px}.edition-list button[aria-pressed=true]{box-shadow:inset 0 -2px #e87766}.pack-stage{height:280px}.booster.large{width:187px;height:262px}.floating-back{width:132px;height:187px}.pack-name{margin:5px 0 16px}.pack-name h2{font-size:22px}.pack-name p{font-size:9px}.open-pack{min-height:52px;height:52px}.charge-row{font-size:9px}.cabinet-peek{margin-top:14px;padding-top:17px}.cabinet-peek>p{font:400 11px/1.6 system-ui}.cabinet-peek>.secondary{font-size:8px;min-height:44px}.cabinet-peek>.cinema-preview-link{font-size:8px}.section-title h1,.collection-page .section-title h1{font:500 29px system-ui;letter-spacing:-1px}.collection-tools>.secondary{font-size:8px;min-height:44px}.filter-chips button{min-height:38px;font-size:9px}.cinema-library-tools{gap:8px}.summary-actions{bottom:84px;gap:8px}.summary-actions .cta,.summary-actions .secondary{font-size:9px}.opening-stage>.cta{max-width:100%;min-height:48px}.sealed-stage .booster.large{width:218px;height:305px}.opening-stage:has(.rarity-picker) .reveal-deck{width:min(232px,63vw)}.rarity-picker button{min-height:47px}dialog{padding:22px;border-radius:16px}.modal-header{top:-22px}.modal-header h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cta,.secondary,.round-button,.text-button,.subtle-button,.filter-chips button,.rarity-picker button,.game-nav button,.edition-list button{transition:none}.pack-stage .booster{animation:none}}

/* Faces FEARITH : informations en trois niveaux, matières propres aux six éditions. */
.tcg-card{--metal:#a7abb0;--ink:#cdd4dc;--aura:#a4b9cc;--panel:#0a1017;--foil-x:50%;--foil-y:35%;border:1px solid var(--metal);border-radius:12px;background:#080b10;box-shadow:0 20px 35px #000b,inset 0 0 0 3px #05080c;color:#f2eee8;container-type:inline-size}
.tcg-card:before{inset:4px;border:1px solid color-mix(in srgb,var(--metal),transparent 55%);border-radius:8px;background:none;z-index:4}
.tcg-card:after{inset:0;border:0;border-radius:inherit;background:none;animation:none;opacity:1;mix-blend-mode:normal}
.tcg-card .face-art{transform:none;animation:none;filter:none}
.tcg-card .card-vignette{background:linear-gradient(#02050888,transparent 24%,transparent 47%,#04070cc9 67%,#05080c 92%)}
.tcg-card .card-topline{position:absolute;inset:5% 6% auto;display:flex;justify-content:space-between;align-items:flex-start;padding:0;background:none;border:0;z-index:4}
.tcg-card .card-type{display:flex;gap:6px;align-items:center;padding:5px 8px;background:#080b10bc;border:1px solid #c1cbd32e;border-radius:2px;font:500 2.7cqw/1.2 system-ui;letter-spacing:1px;text-transform:uppercase;color:#f0e7dc;box-shadow:0 3px 10px #0005}
.card-type i{font:normal 16px Georgia;color:var(--metal)}
.tcg-card .card-health{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:13cqw;min-height:16cqw;margin-top:-2%;padding:2px 4px 7px;font:700 9cqw/1 Georgia;color:#fff2dc;background:linear-gradient(135deg,#29303bea,#080c12ed);border-top:2px solid var(--metal);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);text-shadow:0 2px #000}
.tcg-card .card-health small{font:600 2.3cqw/1.8 system-ui;letter-spacing:2px;color:var(--ink)}
.tcg-card .card-bottom{padding:0 7% 5%;bottom:0;background:none;z-index:3}
.tcg-card .card-rarity{display:flex;align-items:center;gap:6px;margin:0 0 2.4%;font:600 2.35cqw/1.2 system-ui;letter-spacing:1.7px;text-transform:uppercase;color:var(--ink)}
.card-rarity>span{font:normal 4cqw Georgia;letter-spacing:0;color:var(--metal)}
.tcg-card .card-bottom h3{font:400 8.2cqw/1.04 var(--serif);letter-spacing:-.3px;margin:0 0 3%;color:#fff2e2;text-shadow:0 2px 8px #000}
.tcg-card .card-film{display:block;margin:0 0 5%;font:500 2.45cqw/1.5 system-ui;letter-spacing:1px;text-transform:uppercase;color:#c8bbb2}
.card-ability{position:relative;padding:4.5% 5%;background:linear-gradient(120deg,color-mix(in srgb,var(--panel),#ffffff 7%),var(--panel));border-top:1px solid color-mix(in srgb,var(--metal),transparent 35%);border-bottom:1px solid #ffffff12;box-shadow:0 4px 15px #0005}
.tcg-card .card-rule{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:0;border:0;font:500 3.25cqw/1.3 system-ui}
.tcg-card .card-rule strong{font-weight:500;color:#f0e8df}
.tcg-card .card-rule>span{font-size:3cqw;letter-spacing:-1px;color:var(--metal)}
.tcg-card .card-rule>b{margin:0;font:700 7cqw/.9 Georgia;text-align:center;color:#fff0dd}
.card-rule>b small{display:block;font:600 1.75cqw/1.9 system-ui;letter-spacing:1px;color:var(--ink)}
.tcg-card .card-bottom p{font:400 3cqw/1.5 system-ui;margin:3% 0 0;min-height:0;color:#d3c9bc}
.tcg-card .card-colophon{display:flex;justify-content:space-between;align-items:center;padding:0;border:0;margin-top:5%;font:500 1.9cqw/1 system-ui;letter-spacing:1.4px;color:#a6a2a0}
.card-colophon>span:first-child{font:600 2.5cqw Georgia;letter-spacing:2px;color:var(--metal)}
.card-edition{position:absolute;top:27%;left:5%;writing-mode:vertical-rl;transform:rotate(180deg);font:500 2.1cqw system-ui;letter-spacing:3px;color:var(--ink);opacity:.75;z-index:2}
.card-seal{display:none;position:absolute;top:39%;right:7%;z-index:3;color:var(--metal)}
.card-metalwork{position:absolute;inset:0;z-index:4;pointer-events:none}
.card-metalwork i{position:absolute;width:9%;height:6%;border-left:2px solid var(--metal);border-top:2px solid var(--metal);left:2%;top:1.5%;clip-path:polygon(0 0,100% 0,100% 20%,20% 20%,20% 100%,0 100%)}
.card-metalwork i:nth-child(2){left:auto;right:2%;transform:rotate(90deg)}
.card-metalwork i:nth-child(3){top:auto;bottom:1.5%;transform:rotate(-90deg)}
.card-metalwork i:nth-child(4){left:auto;right:2%;top:auto;bottom:1.5%;transform:rotate(180deg)}
.card-finish-surface{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0}
.tcg-card.finish-standard .card-edition{display:none}
.tcg-card.finish-rare{--metal:#c79762;--ink:#e7c99e;--panel:#17120e;border-width:3px;border-radius:5px;box-shadow:0 20px 35px #000b,inset 0 0 0 2px #2e1d10}
.finish-rare .card-metalwork i{width:15%;height:10%;border-width:4px}
.finish-rare .card-ability{border:1px solid #c7976255;box-shadow:inset 0 0 0 2px #060301}
.finish-rare .card-rarity{border-bottom:1px solid #c7976233;padding-bottom:3%}
.tcg-card.finish-holo{--metal:#97e6ed;--ink:#b8e9fa;--panel:#081921;border-radius:14px;border-color:#bcf3fc;box-shadow:0 0 0 2px #204450,0 20px 35px #000b}
.finish-holo .card-finish-surface{opacity:.32;background:repeating-linear-gradient(115deg,transparent 0 6%,#8be5ff66 7%,#ddafff55 10%,transparent 13% 18%),radial-gradient(ellipse at var(--foil-x) var(--foil-y),#edffff99,transparent 55%);mix-blend-mode:screen}
.finish-holo .card-ability{background:linear-gradient(110deg,#103341ef,#091419f5);border-left:3px solid #a6eafa;clip-path:polygon(0 0,95% 0,100% 18%,100% 100%,5% 100%,0 82%)}
.finish-holo .card-metalwork i{border-color:#e0fcff;box-shadow:0 0 12px #8ef8ff}
.tcg-card.finish-fullart{--metal:#eb4934;--ink:#ffbaa5;--panel:#240908;border-radius:3px;border-color:#8d251b}
.finish-fullart:before{border:none;background:linear-gradient(0deg,#ea4829,transparent 32%) left / 1px 100% no-repeat,linear-gradient(0deg,#ea4829,transparent 32%) right / 1px 100% no-repeat}
.finish-fullart .card-metalwork{display:none}.finish-fullart .card-health{background:#500e0ed9;border-color:#ff7860}
.finish-fullart .card-rarity{padding:5px 9px;background:#9c271ed9;width:fit-content;color:#ffe3ca;letter-spacing:1px}
.finish-fullart .card-ability{background:linear-gradient(105deg,#4b0c0bde,#100807eb);border:0;border-left:2px solid #f2472b}
.finish-fullart .card-bottom h3{font-size:9.8cqw;font-style:italic}
.tcg-card.finish-immersive{--metal:#bba2fa;--ink:#e1d1ff;--panel:#170d2a;border-radius:17px;border:1px solid #bca4f9;box-shadow:0 0 0 3px #241831,0 0 35px #5b3a963b,0 20px 35px #000b}
.finish-immersive .card-finish-surface{opacity:.45;background:radial-gradient(ellipse at 0 35%,#aa5fff66,transparent 40%),radial-gradient(ellipse at 100% 80%,#5b88ff55,transparent 45%);mix-blend-mode:screen}
.finish-immersive .card-ability{border-radius:12px;background:linear-gradient(130deg,#271b3bdd,#101327ee);border:1px solid #aa88f04a}
.finish-immersive .card-metalwork i{width:20%;height:14%;border-width:1px;border-radius:50%;clip-path:none}
.finish-immersive .card-health{background:linear-gradient(150deg,#483366ee,#100b22);border-color:#ddcbff}
.finish-immersive .card-bottom h3{letter-spacing:.3px}.finish-immersive .card-edition{letter-spacing:6px}
.tcg-card.finish-33{--metal:#ebcf82;--ink:#fff0b9;--panel:#251a0b;border-radius:6px;border:4px solid #a78041;box-shadow:0 0 0 1px #f7df9b,0 0 0 4px #372414,0 18px 40px #000b}
.finish-33:before{inset:6px;border:1px solid #f1d6a1aa;background:none;border-radius:2px}
.finish-33 .card-metalwork i{width:20%;height:13%;border-width:5px;border-color:#e9c37e;clip-path:polygon(0 0,100% 0,65% 18%,25% 25%,18% 65%,0 100%)}
.finish-33 .card-seal{display:grid;place-items:center;width:17%;aspect-ratio:1;top:40%;right:8%;border:1px solid #f4cf79;border-radius:50%;background:radial-gradient(#584322,#150e07);box-shadow:0 0 0 3px #090703,0 0 0 4px #c49651;font:9cqw Georgia}
.finish-33 .card-rarity{justify-content:center;border-top:1px solid #b88a4d;padding-top:4%;letter-spacing:2px}
.finish-33 .card-bottom h3{text-align:center}.finish-33 .card-film{text-align:center}
.finish-33 .card-ability{background:linear-gradient(120deg,#e0c48e,#ac854d);color:#130a04;border:1px solid #ffecb9;box-shadow:inset 0 0 0 2px #785129}
.finish-33 .card-rule strong,.finish-33 .card-rule>b,.finish-33 .card-rule>span,.finish-33 .card-rule>b small,.finish-33 .card-bottom p{color:#241408;text-shadow:none}
.finish-33 .card-health{background:linear-gradient(120deg,#e7d7b0,#8c642f);color:#1d1207;text-shadow:none}.finish-33 .card-health small{color:#342008}
.finish-33 .card-finish-surface{opacity:.23;background:repeating-conic-gradient(from 20deg at 50% 47%,transparent 0deg 12deg,#ffedbf33 13deg 14deg,transparent 15deg 25deg);mix-blend-mode:screen}
/* Les effets de matière ne tournent que sur la carte examinée, jamais sur toute la collection. */
.reveal-deck .finish-holo .card-finish-surface,.card-detail-art .finish-holo .card-finish-surface{animation:spectral-drift 6s ease-in-out infinite alternate}
.reveal-deck .finish-immersive .card-finish-surface,.card-detail-art .finish-immersive .card-finish-surface{animation:abyss-drift 8s ease-in-out infinite alternate}
.reveal-deck .finish-33 .card-finish-surface,.card-detail-art .finish-33 .card-finish-surface{animation:seal-turn 20s linear infinite}
@keyframes spectral-drift{from{transform:translateX(-15%);opacity:.17}to{transform:translateX(15%);opacity:.4}}
@keyframes abyss-drift{from{transform:scale(1) rotate(-5deg);opacity:.3}to{transform:scale(1.18) rotate(7deg);opacity:.65}}
@keyframes seal-turn{to{transform:rotate(360deg)}}
.cabinet-cards .card-ability,.showcase-row .card-ability{display:none}
.tcg-card.compact .card-type{font-size:2.6cqw}.tcg-card.compact .card-health{font-size:9cqw}
.card-detail-art .tcg-card .card-bottom h3{font-size:8.2cqw}.card-detail-art .tcg-card.finish-fullart .card-bottom h3{font-size:9.8cqw}
.card-detail-art .tcg-card .card-topline b{font-size:9cqw}
@media(prefers-reduced-motion:reduce){.reveal-deck .card-finish-surface,.card-detail-art .card-finish-surface{animation:none}.tcg-card{transition:none}}
/* Chorégraphie : les halos annoncent la finition, sans flash plein écran. */
.reveal-halo-0{display:none}.reveal-halo-1{background:radial-gradient(ellipse,#b47c3538,transparent 65%)}
.reveal-halo-2{background:conic-gradient(from 30deg,transparent,#7ecadd44,transparent,#bea0e644,transparent);border:1px solid #9adcdd22;border-radius:50%}
.reveal-halo-3{background:radial-gradient(ellipse,#d7281755,transparent 68%);border-radius:0}
.reveal-halo-4{background:radial-gradient(ellipse,transparent 30%,#7455c34d 46%,transparent 65%);border:1px solid #ba8afd33;border-radius:50%}
.reveal-halo-5{background:repeating-conic-gradient(#e9bf6333 0deg 1deg,transparent 2deg 18deg);border-radius:50%}
.signature-corona{position:absolute;inset:-14%;border:1px solid #dfbd6a88;border-radius:50%;background:repeating-conic-gradient(from 10deg,transparent 0deg 29deg,#ffdf7c88 30deg 31deg);box-shadow:0 0 0 14px #d6ac5810,0 0 0 16px #dfbd6a44;z-index:-1;pointer-events:none}
.tear-light{position:absolute;height:2px;background:#ffe5bb;box-shadow:0 0 12px #ff804c,0 0 26px #c92715;transform-origin:left center;z-index:5;pointer-events:none}
@media(hover:hover) and (pointer:fine){.collection-item .card-button{transition:transform .2s cubic-bezier(.16,1,.3,1)}.collection-item .card-button:hover{transform:translateY(-5px)}.edition-list button{transition:transform .18s ease,border-color .18s ease}.edition-list button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.signature-corona,.tear-light{display:none}.collection-item .card-button,.edition-list button{transition:none}.collection-item .card-button:hover,.edition-list button:hover{transform:none}}
@media(max-width:800px){.opening-stage:has(.rarity-picker) .reveal-deck{width:min(238px,64vw);margin-top:12px}.opening-stage:has(.rarity-picker) .reveal-label{min-height:24px}.opening-stage:has(.rarity-picker) .swipe-hint{margin:16px 0}.opening-stage:has(.rarity-picker){padding-top:14px}.opening-stage:has(.rarity-picker) .opening-top{margin-bottom:15px}}

/* Six cadres d'après les maquettes fournies, sans reprendre leur illustration centrale. */
.tcg-card[class*="finish-"]{--metal:#aaa69c;--ink:#e5d9c5;--panel:#090909;border:0;border-radius:3.5%;box-shadow:0 18px 35px #000b,inset 0 0 0 1px #49433d;overflow:hidden}
.card-engraving{position:absolute;inset:0;width:100%;height:100%;z-index:5;color:var(--metal);pointer-events:none;filter:drop-shadow(0 1px 1px #000)}
.tcg-card:before{inset:2.5%;border-radius:1%;opacity:.35}
.tcg-card .card-vignette{background:linear-gradient(0deg,#050505 0%,#050505f5 17%,#050505d9 30%,transparent 51%,#0002 90%)}
.tcg-card .card-topline{inset:7% 9% auto}
.tcg-card .card-type{padding:3.5% 4%;border:1px solid var(--metal);outline:1px solid #111;outline-offset:2px;background:linear-gradient(130deg,#181614f5,#060606ef);font:500 3.1cqw Georgia;letter-spacing:1.5px;gap:8px}
.tcg-card .card-type i{font-size:6cqw;color:#eee4d6}
.tcg-card .card-health{min-width:15cqw;min-height:20cqw;background:linear-gradient(130deg,#24211dee,#050505);border:1px solid var(--metal);font:600 10.5cqw Georgia;padding:1% 2% 4%;color:#f5ead6;clip-path:polygon(0 0,100% 0,100% 77%,50% 100%,0 77%)}
.tcg-card .card-health small{font:400 3cqw Georgia;color:#eee4d6;letter-spacing:2px}
.tcg-card .card-bottom{padding:0 9% 6%}
.tcg-card .card-rarity{font:500 2.8cqw Georgia;letter-spacing:2px;color:var(--ink);margin-bottom:2.5%}
.tcg-card .card-bottom h3,.card-detail-art .tcg-card .card-bottom h3,.card-detail-art .tcg-card.finish-fullart .card-bottom h3{font:600 8.5cqw/1.02 var(--serif);color:#f5ead6;margin-bottom:3%}
.tcg-card .card-film{padding-top:3%;border-top:1px solid var(--metal);font:400 2.1cqw Georgia;letter-spacing:1.4px;color:#d4c9b7;margin-bottom:5%}
.tcg-card .card-ability{border:1px solid var(--metal);border-radius:0;clip-path:none;background:linear-gradient(130deg,#1c1a18ee,#080808f5);box-shadow:inset 0 0 0 2px #080808; padding:4% 4.5%;color:#f1e6d5}
.tcg-card .card-rule{gap:7px;font:400 3.7cqw Georgia}
.tcg-card .card-rule strong{color:#f1e6d5}.tcg-card .card-rule>b{font:500 8cqw Georgia;border-left:1px solid #91857170;padding-left:3cqw;color:#f5ead6}
.tcg-card .card-rule>b small{font:400 1.9cqw Georgia;letter-spacing:1px;color:#ded1bb}
.tcg-card .card-cost{color:var(--metal)}.tcg-card .card-colophon{margin-top:5%;color:#d6cdbb;font-family:Georgia}.card-colophon>span:first-child{letter-spacing:3px;font-weight:400}
.tcg-card .card-edition,.tcg-card .card-seal{display:none}
.tcg-card.finish-rare{--metal:#cfcbc2;--ink:#8ad6f0}
.tcg-card.finish-fullart{--metal:#c9a667;--ink:#e9d8a8}
.tcg-card.finish-immersive{--metal:#c69d79;--ink:#ffb0a2;box-shadow:0 0 0 1px #6b2920,0 18px 35px #000b}
.finish-immersive .card-engraving{filter:drop-shadow(0 0 2px #d03126)}
.tcg-card.finish-33{--metal:#d5ae63;--ink:#f4db9c}
.finish-33 .card-engraving{stroke-width:1.2;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 3px #a97d3c)}
.tcg-card.finish-holo{--metal:#c8dce0;--ink:#d6c8fa}
.finish-holo .card-engraving{filter:drop-shadow(1px 0 1px #b148ed) drop-shadow(-1px 0 1px #66dfdc)}
.finish-holo .card-finish-surface{opacity:.38;background:repeating-linear-gradient(112deg,transparent 0 12%,#72e9ff55 17%,#d3a3ff66 22%,#ff8b8555 27%,#f6db8055 32%,transparent 38% 52%);mix-blend-mode:color-dodge;background-size:220% 100%}
.finish-holo .card-bottom h3{background:linear-gradient(110deg,#f8e9ce,#a9ebff,#edbbfa,#f7df9c);background-clip:text;color:transparent}
.tcg-card.finish-fullart .card-rarity,.tcg-card.finish-immersive .card-rarity,.tcg-card.finish-33 .card-rarity{background:none;border:0;padding:0;box-shadow:none;text-align:left;justify-content:flex-start;transform:none}
.tcg-card.finish-33 .card-bottom h3{background:none;color:#f5ead6;text-align:left;font-style:normal}
.tcg-card.finish-immersive .card-finish-surface{background:radial-gradient(ellipse at 50% 20%,#ed491822,transparent 60%);mix-blend-mode:screen;opacity:.5}
.card-engraving>g>g{fill:color-mix(in srgb,var(--metal) 25%,#15100d);stroke-width:1.1}
.tcg-card.compact .card-type{padding:3% 4%}.tcg-card.compact .card-rule{font-size:3.7cqw}
/* Habillages raster issus des six références : les données restent du texte vivant. */
.tcg-card .card-skin{position:absolute;inset:-5.5% -6%;width:112%;height:111%;max-width:none;object-fit:fill;z-index:3;pointer-events:none}
.tcg-card[class*="finish-"]{border-radius:3%;background:#050505;box-shadow:0 20px 35px #000b}
.tcg-card:before,.tcg-card:after{display:none}
.tcg-card .face-art{inset:2%;width:96%;height:96%;object-fit:cover}
.tcg-card .card-vignette{z-index:2;background:linear-gradient(0deg,#050505 0%,#050505e8 16%,#050505b0 27%,transparent 43%)}
.tcg-card .card-topline{inset:5.6% 6.4% auto;z-index:4}
.tcg-card .card-type{width:28%;height:7.2cqw;justify-content:center;padding:0;gap:2cqw;background:none;border:0;outline:0;box-shadow:none;font:400 3.2cqw Georgia;letter-spacing:1px}
.tcg-card .card-health{width:15%;min-width:0;height:16cqw;min-height:0;margin:0;padding:0 0 2cqw;background:none;border:0;clip-path:none;font:600 10cqw/.9 Georgia;box-shadow:none}
.tcg-card .card-health small{font:400 3cqw/1.6 Georgia}
.tcg-card .card-bottom{z-index:4;inset:auto 6.8% 4%;height:31%;padding:0;display:flex;flex-direction:column}
.tcg-card .card-rarity{font:400 2.9cqw Georgia;margin:0 0 2%;letter-spacing:2px}
.tcg-card .card-bottom h3,.card-detail-art .tcg-card .card-bottom h3{font:600 8.2cqw/1.02 var(--serif);margin:0 0 2.5%}
.tcg-card .card-film{font:400 2.1cqw/1.2 Georgia;padding-top:2%;margin:0 0 auto;border:0;letter-spacing:1.4px}
.tcg-card .card-ability{height:10.4%;min-height:13cqw;padding:1.5% 3%;border:0;background:none;box-shadow:none;display:flex;flex-direction:column;justify-content:center;margin-top:2%}
.tcg-card .card-bottom p{font-size:2.6cqw;margin:1.5% 0 0}
.tcg-card .card-rule>b{font-size:8cqw}.tcg-card .card-rule strong{font-size:3.7cqw}
.tcg-card .card-colophon{height:8cqw;margin:3% 0 0;flex-shrink:0}
.tcg-card .card-colophon>span:first-child{font-size:2.7cqw;letter-spacing:3px}
.tcg-card.finish-fullart .card-bottom h3,.tcg-card.finish-immersive .card-bottom h3,.tcg-card.finish-33 .card-bottom h3{text-align:left;font-style:normal;font-size:8.2cqw}
.tcg-card .card-bottom{inset:0;height:100%;display:block;pointer-events:none}
.tcg-card .card-rarity{position:absolute;top:65.2%;left:6.8%;right:6.8%;margin:0}
.tcg-card .card-bottom h3,.tcg-card.finish-fullart .card-bottom h3,.tcg-card.finish-immersive .card-bottom h3,.tcg-card.finish-33 .card-bottom h3{position:absolute;top:69%;left:6.8%;right:6.8%;margin:0;font-size:8.2cqw}
.tcg-card .card-film{position:absolute;top:76%;left:7%;right:7%;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcg-card .card-ability{position:absolute;top:80%;left:7%;right:7%;height:11.2%;min-height:0;margin:0;padding:1% 3%}
.tcg-card .card-colophon{position:absolute;top:93.7%;left:7%;right:7%;height:3%;margin:0}
.tcg-card.finish-33 .card-colophon{left:8%;right:8%}
/* Coordonnées propres à chaque PNG ; le cartouche et le blason ne sont pas alignés entre sources. */
.tcg-card{--type-x:7.4%;--type-y:5.7%;--type-w:25%;--type-h:6.7%;--hp-x:79%;--hp-y:5.6%;--hp-w:14%;--hp-h:10.7%;--ability-y:79.6%;--ability-h:10.6%}
.tcg-card.finish-rare{--type-y:3.4%;--type-w:24%;--hp-y:3.1%;--hp-x:79.3%;--hp-w:13.7%;--ability-y:80%;--ability-h:10.6%}
.tcg-card.finish-holo{--type-y:4.8%;--type-x:7%;--hp-y:4.8%;--hp-x:78%;--hp-w:15%;--ability-y:79%;--ability-h:10.7%}
.tcg-card.finish-fullart{--type-y:5.7%;--hp-y:5.5%;--hp-x:77.7%;--hp-w:15%;--ability-y:79%;--ability-h:10.7%}
.tcg-card.finish-immersive{--type-y:5.7%;--type-w:24%;--hp-y:6.1%;--hp-x:79%;--hp-w:14.4%;--ability-y:80%;--ability-h:10.5%}
.tcg-card.finish-33{--type-y:3.8%;--type-x:7.8%;--type-w:23.5%;--hp-y:3.5%;--hp-x:79.5%;--hp-w:13%;--ability-y:79%;--ability-h:10.6%}
.tcg-card .card-topline{inset:0;display:block;pointer-events:none}
.tcg-card .card-type{position:absolute;left:var(--type-x);top:var(--type-y);width:var(--type-w);height:var(--type-h);display:flex;align-items:center;justify-content:center;gap:1.2cqw;padding:0!important;font:400 2.8cqw/1 Georgia;letter-spacing:.7px;white-space:nowrap;box-sizing:border-box}
.tcg-card .card-type i{font-size:4.5cqw;line-height:1}
.tcg-card .card-health,.card-detail-art .tcg-card .card-topline b{position:absolute;left:var(--hp-x);top:var(--hp-y);width:var(--hp-w);height:var(--hp-h);min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 1cqw;font:600 9cqw/.95 Georgia;color:#f5ead6;background:none;border:0;clip-path:none;transform:none}
.tcg-card .card-health small{font:400 2.5cqw/1.7 Georgia;letter-spacing:1.2px;color:#f5ead6}
.tcg-card .card-ability{top:var(--ability-y);height:var(--ability-h);left:8%;right:8%;padding:1% 2.5%;box-sizing:border-box}
.tcg-card .card-bottom h3,.tcg-card.finish-fullart .card-bottom h3,.tcg-card.finish-immersive .card-bottom h3,.tcg-card.finish-33 .card-bottom h3,.card-detail-art .tcg-card .card-bottom h3{font-size:var(--name-size,8.2cqw);line-height:1.04;max-height:6.3%;overflow:hidden}
.tcg-card .card-colophon{top:94%;left:7%;right:7%}.tcg-card.finish-33 .card-colophon{left:8%;right:8%}
.tcg-card .card-type{font-size:var(--type-size,2.8cqw)}
.tcg-card .card-bottom h3,.tcg-card.finish-fullart .card-bottom h3,.tcg-card.finish-immersive .card-bottom h3,.tcg-card.finish-33 .card-bottom h3,.card-detail-art .tcg-card .card-bottom h3{height:7%;max-height:none;line-height:1.15;overflow:visible}
.tcg-card .card-rule{gap:1.5cqw;font-size:3cqw;min-width:0}
.tcg-card .card-rule strong{font:400 3.2cqw/1.15 Georgia;min-width:0}
.tcg-card .card-rule>b{font:500 6.4cqw/.95 Georgia;padding-left:2cqw}
.tcg-card .card-rule>b small{font:400 1.6cqw/1.4 Georgia;letter-spacing:.7px}
.tcg-card .card-bottom p{font:400 2.4cqw/1.2 system-ui;margin:1% 0 0}
.tcg-card .card-type{font-size:var(--type-size,2.8cqw);letter-spacing:.35px}
.tcg-card .card-type i{font-size:3.5cqw;flex-shrink:0}
.tcg-card .card-type{font-size:calc(var(--type-size,2.8)*1cqw)}
.tcg-card .card-bottom h3,.tcg-card.finish-fullart .card-bottom h3,.tcg-card.finish-immersive .card-bottom h3,.tcg-card.finish-33 .card-bottom h3,.card-detail-art .tcg-card .card-bottom h3,.card-detail-art .tcg-card.finish-fullart .card-bottom h3{font-size:calc(var(--name-size,8.2)*1cqw);white-space:nowrap}
.tcg-card.type-long{--type-size:1.85}
.tcg-card.name-medium{--name-size:5.8}
.tcg-card.name-long{--name-size:4.8}
.tcg-card.finish-immersive .card-bottom h3{letter-spacing:-.3px}

/* Le photogramme Alien est panoramique : cadrer l’image dans la fenêtre d’art, pas dans toute la carte. */
.tcg-card.art-xenomorph:not(.finish-fullart) .face-art{inset:0 0 auto;width:100%;height:74%;object-fit:cover;object-position:48% center;transform:none;mask-image:linear-gradient(#000 0 67%,transparent 100%)}
