/* Carte TCG rétro — composition propre */
.flip{width:min(80vw,340px)}
.face{--body:#ead9a8;--type:#9d7137;position:absolute;padding:13px;color:#211c16;border:7px solid #e9c84f;border-radius:17px;background:var(--body);box-shadow:inset 0 0 0 2px #6b5426,0 4px 0 #29231c,0 15px 32px rgba(38,31,22,.2)}
.face:before{inset:3px;border:2px solid rgba(255,249,194,.95);border-radius:10px}.face .card-title{position:relative;height:46px;margin:0 5px 7px;padding:15px 66px 3px 5px;display:block;border:0;border-bottom:2px solid #69552e;border-radius:0;background:transparent;box-shadow:none}.face .card-title>small{position:absolute;left:5px;top:2px;color:#6e5a37;font:800 5px monospace;letter-spacing:.1em}.face .card-title>strong{display:block;overflow:hidden;color:#211c16;font:900 16px/1.1 Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.face .card-title>span{position:absolute;right:0;bottom:7px;display:flex;align-items:center;gap:3px;font:800 7px monospace}.face .card-title>span>b{font-size:15px}.face .card-title i{width:25px;height:25px;margin-left:2px;display:grid;place-items:center;border:2px solid #332b20;border-radius:50%;background:#fff2b1;font-size:11px}
.face .art{height:45%;margin:0 7px;border:3px solid #d7b84d;border-radius:0;outline:1.5px solid #342c21;background-size:cover;box-shadow:0 2px 0 rgba(52,44,33,.25)}.face .art img{width:84%;height:84%}.specimen{margin:5px 9px 2px;padding:3px 5px;border:1px solid #a58d56;background:rgba(255,248,211,.78);color:#594a2e;font:700 5px monospace;text-align:center}
.attack{min-height:50px;margin:0 8px;padding:7px 2px;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:5px;border-bottom:1px solid #8d774b}.attack .cost{color:var(--type);font:900 12px monospace;letter-spacing:-2px}.attack>div{text-align:left}.attack strong{display:block;color:#201b15;font:900 12px/1 Arial,sans-serif}.attack small{display:block;margin-top:4px;color:#5e5039;font:500 6px/1.25 Arial,sans-serif}.attack>b{font:900 15px Arial,sans-serif;text-align:right}.attack.major{min-height:53px;border-bottom:2px solid #806b42}
.card-stats{margin:5px 8px 0;display:grid;grid-template-columns:1fr 1fr .7fr;color:#67583c;text-align:center;font:700 5px/1.35 monospace;text-transform:uppercase}.card-stats span+span{border-left:1px solid #aa9362}.card-stats b{color:#31291e;font-size:6px}.face .number{left:22px;right:auto;bottom:5px;color:#776644;font-size:4.5px}.face .shine{clip-path:inset(58px 20px 42% 20px)}.tier-1 .shine,.tier-2 .shine{display:none}
.variant-1{--body:#ead9a8;--type:#9d7137}.variant-2{--body:#dce5b8;--type:#5b8445}.variant-3{--body:#d5e0e4;--type:#557891}.variant-4{--body:#f0cfad;--type:#c35d52}.variant-5{--body:#dfc8b4;--type:#855d42}.variant-6{--body:#cbe2df;--type:#44798a}.variant-7{--body:#e8cadc;--type:#8d4f7d}.variant-8{--body:#f1d89d;--type:#a86525}.tier-1,.tier-2,.tier-3,.tier-4,.tier-5,.tier-6{border-color:#e9c84f;box-shadow:inset 0 0 0 2px #6b5426,0 4px 0 #29231c,0 15px 32px rgba(38,31,22,.2)}.tier-5,.tier-6{border-color:#f3d95f;box-shadow:inset 0 0 0 2px #6b5426,0 4px 0 #29231c,0 0 24px rgba(224,170,73,.35),0 15px 32px rgba(38,31,22,.2)}
@media(max-width:759px){.flip{width:min(78vw,330px)}.between{width:min(78vw,330px)}.face{padding:11px;border-width:6px}.face .card-title{height:43px;margin-bottom:6px;padding-top:14px}.face .art{height:44%}.attack{min-height:48px}.attack.major{min-height:51px}.hero-heading{width:min(78vw,330px)}}

/* Raretés : l'effet monte franchement à partir de Rare */
.tier-3{border-color:#d8e5e8;background-image:linear-gradient(125deg,rgba(255,255,255,.7),transparent 28%,rgba(126,199,213,.3) 48%,transparent 70%),linear-gradient(145deg,#e8eff0,#90a9b3);box-shadow:inset 0 0 0 2px #60747a,0 4px 0 #26343a,0 0 24px rgba(120,190,205,.35),0 16px 34px rgba(28,44,49,.28)}
.tier-3 .art{border-color:#d8f3f5}.tier-3 .holo{opacity:.42;background:linear-gradient(115deg,transparent 15%,rgba(103,255,226,.75) 33%,rgba(151,139,255,.68) 48%,rgba(255,150,218,.72) 62%,transparent 82%);background-size:220% 220%;animation:holoMove 3.8s ease-in-out infinite}
.tier-4{border-color:#f0ca48;background-image:radial-gradient(circle at 12% 10%,rgba(255,255,255,.75),transparent 18%),repeating-linear-gradient(120deg,rgba(255,244,164,.28) 0 2px,transparent 2px 7px),linear-gradient(145deg,#f4dfa0,#c98c38);box-shadow:inset 0 0 0 2px #8a571f,0 4px 0 #513014,0 0 30px rgba(238,179,54,.48),0 17px 36px rgba(77,45,14,.3)}
.tier-4 .art{border-color:#fff0a4}.tier-4 .holo{opacity:.48;background:linear-gradient(130deg,transparent 20%,rgba(255,255,255,.9) 45%,rgba(255,210,76,.5) 52%,transparent 72%);background-size:230% 230%;animation:holoMove 3.2s ease-in-out infinite}
.tier-5{border-color:#f0c9ff;background-image:radial-gradient(circle at 18% 16%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 24%,#fff5a6 0 1px,transparent 2px),radial-gradient(circle at 84% 76%,#f5b8ff 0 1px,transparent 2px),linear-gradient(145deg,#d8b6e9,#674276);background-size:31px 31px,43px 43px,57px 57px,100% 100%;color:#1e1422;box-shadow:inset 0 0 0 2px #5a3268,0 4px 0 #351d3d,0 0 36px rgba(192,105,224,.55),0 18px 38px rgba(49,25,57,.35)}
.tier-5 .art{border-color:#f5d8ff}.tier-5 .holo{opacity:.62;background:conic-gradient(from 80deg,rgba(103,255,225,.65),rgba(180,128,255,.7),rgba(255,131,205,.65),rgba(255,238,115,.62),rgba(103,255,225,.65));mix-blend-mode:screen;animation:holoSpin 6s linear infinite}
.tier-6{border-color:#fff3a1;background-image:radial-gradient(circle at 50% 25%,rgba(255,255,255,.85),transparent 22%),linear-gradient(115deg,#ffdd62,#ff9e69,#e58be7,#80c9ff,#8ce0b2,#ffe06a);background-size:100% 100%,300% 300%;box-shadow:inset 0 0 0 2px #7c491b,0 4px 0 #48280d,0 0 44px rgba(255,202,68,.72),0 20px 42px rgba(64,35,12,.4);animation:legendaryBorder 5s ease-in-out infinite}
.tier-6 .art{border-color:#fff7b9;box-shadow:0 0 16px rgba(255,245,157,.65)}.tier-6 .holo{opacity:.72;background:linear-gradient(120deg,transparent 10%,rgba(114,255,228,.8) 28%,rgba(189,133,255,.78) 42%,rgba(255,130,191,.75) 56%,rgba(255,243,119,.8) 70%,transparent 90%);background-size:250% 250%;animation:holoMove 2.5s ease-in-out infinite}
@keyframes holoMove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes holoSpin{to{filter:hue-rotate(360deg)}}@keyframes legendaryBorder{0%,100%{background-position:center,0 50%}50%{background-position:center,100% 50%}}
@media(prefers-reduced-motion:reduce){.tier-3 .holo,.tier-4 .holo,.tier-5 .holo,.tier-6,.tier-6 .holo{animation:none}}
.tier-5{background-image:radial-gradient(circle at 18% 16%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 24%,#fff5a6 0 1px,transparent 2px),radial-gradient(circle at 84% 76%,#f5b8ff 0 1px,transparent 2px),linear-gradient(145deg,#f0d9ee,#b884b5);color:#211724}.specimen{font-size:6px}.attack strong{font-size:13px}.attack small{font-size:7px;line-height:1.3}.card-stats{font-size:5.7px}.card-stats b{font-size:6.6px}.face .number{font-size:5px}
@media(max-width:759px){.face .card-title>strong{font-size:17px}.face .card-title>small{font-size:5.5px}.specimen{font-size:6.2px}.attack strong{font-size:13.5px}.attack small{font-size:7.2px}.attack>b{font-size:16px}.card-stats{font-size:6px}.card-stats b{font-size:6.8px}}
.face>.shine{inset:0;clip-path:none;border-radius:10px;background-size:240% 240%;transform:none;opacity:0}.tier-3>.shine{display:block;opacity:.16;animation:cardSweep 4.8s ease-in-out infinite}.tier-4>.shine{display:block;opacity:.2;animation:cardSweep 4.1s ease-in-out infinite}.tier-5>.shine{display:block;opacity:.24;animation:cardSweep 3.7s ease-in-out infinite}.tier-6>.shine{display:block;opacity:.3;animation:cardSweep 3.1s ease-in-out infinite}@keyframes cardSweep{0%,20%{background-position:160% 50%}75%,100%{background-position:-60% 50%}}@media(prefers-reduced-motion:reduce){.face>.shine{animation:none}}
.full-art{padding:0;border:6px solid #f5dd72;background-position:center;background-size:cover;box-shadow:inset 0 0 0 2px #fff3ae,0 4px 0 #4a2c15,0 0 42px rgba(255,210,84,.65),0 20px 42px rgba(46,28,14,.38)}.full-art:before{z-index:4;inset:3px;border:2px solid rgba(255,246,180,.9);border-radius:9px}.full-art:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(16,13,8,.65) 0%,transparent 22%,transparent 62%,rgba(19,10,15,.88) 100%);pointer-events:none}.full-top,.full-bottom{position:absolute;z-index:5;left:15px;right:15px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.85)}.full-top{top:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.55)}.full-top small{display:block;color:#ffe788;font:800 6px monospace;letter-spacing:.13em}.full-top strong{display:block;margin-top:3px;padding-right:78px;font:900 20px/1 Arial,sans-serif}.full-top span{position:absolute;right:0;bottom:9px;font:800 8px monospace}.full-top span b{font-size:16px}.full-bottom{bottom:14px;padding:11px 12px 9px;border:1px solid rgba(255,242,177,.7);border-radius:8px;background:rgba(40,21,34,.72);backdrop-filter:blur(3px)}.full-bottom>div{display:flex;justify-content:space-between;align-items:center}.full-bottom strong{font-size:14px}.full-bottom>div>b{color:#ffe787;font-size:18px}.full-bottom p{margin:5px 0 8px;font:italic 9px/1.3 Georgia,serif}.full-bottom small{color:#e9cfdf;font:700 5px monospace;letter-spacing:.08em}.tier-7>.shine{display:block;z-index:3;opacity:.34;background:linear-gradient(115deg,transparent 12%,rgba(112,255,222,.75) 29%,rgba(181,128,255,.72) 44%,rgba(255,133,203,.7) 58%,rgba(255,239,107,.72) 72%,transparent 88%);background-size:260% 260%;animation:cardSweep 2.8s ease-in-out infinite}.thumb-tier-7{border-color:#ffe478;box-shadow:0 0 0 1px #ffe478,0 0 22px rgba(255,217,77,.35)}.full-mark{color:#fff0a0;font:900 30px monospace;text-shadow:0 0 12px #fff,0 0 22px #dc79ff}