@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}@property --rx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:true;initial-value:0deg}@property --hyp{syntax:"<number>";inherits:true;initial-value:0}.card-tilt{box-sizing:border-box;perspective:1000px;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;width:100%;max-width:360px;margin-inline:auto;padding:9% 7% 6%;container-type:inline-size}.card{--c0:#fff;--c1:#cfd6df;--c2:#8a94a3;--c3:#4a515c;--c-edge:#2c323b;--c-frame:linear-gradient(145deg, #fff 0%, #d5dbe3 18%, #8a94a3 42%, #e3e8ee 58%, #6f7988 78%, #3b424d 100%);--c-inner:radial-gradient(120% 80% at 50% 30%, #2c333d 0%, #1a1f26 55%, #0c0f13 100%);--c-oval:linear-gradient(150deg, #fff 0%, #c3cad4 30%, #6b7482 60%, #dde2e8 85%, #4a515c 100%);--c-ribbon:linear-gradient(180deg, #fff 0%, #cfd6df 30%, #959fad 62%, #5f6876 100%);--c-fold:linear-gradient(180deg, #6b7482, #2c323b);--c-plate:linear-gradient(180deg, #eef1f4 0%, #cdd3da 100%);--c-flourish:#c3cad4;--gem:#6f7b8b;--gem-light:#c9d1db;--gem-dark:#2b323c;aspect-ratio:300/420;color:#23201a;font-family:var(--font-card), system-ui, sans-serif;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;filter:drop-shadow(0 4cqi 5cqi #00000080);transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.card[data-golden]{--c0:#fbeec0;--c1:#d9a94a;--c2:#9c6b1f;--c3:#5a3a0c;--c-edge:#3d2507;--c-frame:linear-gradient(145deg, #fbeec0 0%, #d9a94a 16%, #9c6b1f 38%, #e8c66e 52%, #b58330 64%, #6b4512 82%, #3d2507 100%);--c-inner:radial-gradient(120% 80% at 50% 30%, #3f2b12 0%, #241808 55%, #120b03 100%);--c-oval:linear-gradient(150deg, #fbeec0 0%, #c9933a 28%, #7a5112 55%, #e2bd66 78%, #5a3a0c 100%);--c-ribbon:linear-gradient(180deg, #fbeec0 0%, #d9a94a 28%, #a8781f 60%, #6b4512 100%);--c-fold:linear-gradient(180deg, #7a5112, #3d2507);--c-plate:linear-gradient(180deg, #f1e6cc 0%, #d8c49a 100%);--c-flourish:#d9a94a}.card[data-rarity=peu_commune]{--gem:#16a35a;--gem-light:#8ef0b8;--gem-dark:#07512b}.card[data-rarity=rare]{--gem:#1d6ff2;--gem-light:#9cc8ff;--gem-dark:#0a347f}.card[data-rarity=epique]{--gem:#8b2ff5;--gem-light:#d6b4ff;--gem-dark:#420c8c}.card[data-rarity=mythique]{--gem:#f2600a;--gem-light:#ffc08f;--gem-dark:#7d2a00}.card[data-rarity=legendaire]{--gem:#f5b50f;--gem-light:#fff0a8;--gem-dark:#7a4f00}.card-tilt[data-active] .card{transition:transform 80ms linear}.card-frame,.card-inner{position:absolute}.card-frame{background:var(--c-frame);clip-path:polygon(6.67cqi 0,100% 0,100% calc(100% - 6.67cqi),calc(100% - 6.67cqi) 100%,0 100%,0 6.67cqi);box-shadow:inset .7cqi 1cqi 0 #ffffffbf, inset -1cqi -1.3cqi 0 #00000073, inset 0 0 0 .35cqi var(--c-edge);inset:0}.card-inner{background:var(--c-inner);clip-path:polygon(4.67cqi 0,100% 0,100% calc(100% - 4.67cqi),calc(100% - 4.67cqi) 100%,0 100%,0 4.67cqi);inset:4cqi;box-shadow:inset 0 2cqi 4.7cqi #000000d9,inset 0 -.7cqi #ffffff2e}.card-flourish{width:14.67cqi;height:14.67cqi;stroke:var(--c-flourish);position:absolute;top:4.67cqi}.card-flourish__stud{fill:var(--c-flourish);stroke:var(--c-edge);stroke-width:.8px}.card-flourish--left{left:4.67cqi}.card-flourish--right{right:4.67cqi}.card-oval{background:var(--c-oval);border-radius:50%/46%;width:80cqi;height:80cqi;position:absolute;top:9.33cqi;left:10cqi;box-shadow:0 1.3cqi 2cqi #0000008c,inset .35cqi .7cqi #ffffffb3}.card-art{background:#0c0f13;border-radius:50%/46%;position:absolute;inset:2.33cqi;overflow:hidden;box-shadow:inset 0 3.3cqi 7.3cqi #000000d9}.card-art img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card-art img.card-art-fill{filter:blur(3cqi)brightness(.8);position:absolute;inset:0;transform:scale(1.15)}.card-art img:not(.card-art-fill){position:relative}.card-art:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 3.3cqi 7.3cqi #000000bf,inset 0 -1.3cqi 3.3cqi #ffffff1a}.card-foil{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fbeec047 44%,#fffae880 50%,#d9a94a4d 56%,#0000 70%) 0 0/260% 100%;animation:4.5s linear infinite card-foil;position:absolute;inset:0}.card-crest{filter:drop-shadow(0 1.7cqi 1cqi #0009);width:70cqi;height:28cqi;position:absolute;top:-11.33cqi;left:15cqi;overflow:visible}.card-crest__gem{animation:2.2s ease-in-out infinite card-glow}.card-crest__icon{color:#fff8e8;filter:drop-shadow(0 .6px .6px #0000008c)}
.card-ribbon{filter:drop-shadow(0 1.7cqi 1.3cqi #0009);width:109.33cqi;height:16cqi;position:absolute;top:80cqi;left:-4.67cqi}.card-ribbon__fold{background:var(--c-fold);width:13.33cqi;height:10.67cqi;position:absolute;top:4cqi}.card-ribbon__fold--left{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,4cqi 50%);left:0}.card-ribbon__fold--right{clip-path:polygon(0 0,100% 0,calc(100% - 4cqi) 50%,100% 100%,0 100%);right:0}.card-name{box-sizing:border-box;background:var(--c-ribbon);color:#fffaf0;height:13.33cqi;font-size:calc(6.33cqi * var(--name-scale,1));white-space:nowrap;text-overflow:ellipsis;text-shadow:-.08em -.08em #15110a,.08em -.08em #15110a,-.08em .08em #15110a,.08em .08em #15110a,0 .16em .2em #0009;justify-content:center;align-items:center;margin:0;padding:0 4.67cqi;font-weight:900;font-stretch:112%;line-height:1;display:flex;position:absolute;top:0;left:8cqi;right:8cqi;overflow:hidden;box-shadow:inset 0 .7cqi #ffffffb3,inset 0 -1cqi #00000059}.card-name>span{display:inline-block}.card-name[data-lines="2"]{white-space:normal;text-align:center;line-height:1.04}.card-name[data-lines="2"]>span{text-wrap:balance}.card-plate{box-sizing:border-box;background:var(--c-plate);text-align:center;border-radius:3.3cqi/4.7cqi;flex-direction:column;align-items:center;gap:1.1cqi;width:81.33cqi;height:33.33cqi;padding:5.6cqi 4.67cqi 2.7cqi;display:flex;position:absolute;top:98.67cqi;left:9.33cqi;box-shadow:inset 0 1cqi 2.7cqi #281e0f73,inset 0 -.35cqi #fff9}.card-plate p{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100%;margin:0;line-height:1.15;overflow:hidden}.card-latin{color:#4f4a40;font-size:3.8cqi;font-style:italic}.card-type{font-size:4cqi;font-weight:700}.card-type__strong{color:#3d382f;text-overflow:ellipsis;font-size:3.3cqi;font-weight:600;display:block;overflow:hidden}.card-rarity{color:color-mix(in oklab, var(--gem) 55%, #1d1a14);letter-spacing:.14em;text-transform:uppercase;font-size:3.2cqi;font-weight:900}.card-gem{width:12cqi;height:12cqi;filter:drop-shadow(0 0 1.3cqi color-mix(in oklab, var(--gem) 75%, transparent)) drop-shadow(0 .7cqi .6cqi #0000008c);position:absolute;top:92.67cqi;left:44cqi}.card-gem__body{fill:var(--gem);stroke:var(--gem-dark);stroke-width:1.1px;stroke-linejoin:round}.card-gem__light{fill:var(--gem-light)}.card-gem__dark{fill:var(--gem-dark);opacity:.75}.card-gem__glint{fill:#fff;animation:3.2s ease-in-out infinite card-gem-glint}.card-grid .card-gem__glint{animation:none}@keyframes card-gem-glint{0%,to{opacity:.35}45%{opacity:1}}.card-gem--crown{width:13.33cqi;height:11.1cqi;top:93.1cqi;left:43.33cqi}.card-gem--crown .card-gem__body{stroke-width:.9px}.card-icon{filter:drop-shadow(0 1.3cqi 1.3cqi #0009);position:absolute}.card-icon svg{width:100%;height:100%;position:absolute;inset:0}.card-icon span{color:#fff;font-family:var(--font-card), system-ui, sans-serif;text-align:center;text-shadow:-.5cqi -.5cqi 0 var(--outline), .5cqi -.5cqi 0 var(--outline), -.5cqi .5cqi 0 var(--outline), .5cqi .5cqi 0 var(--outline), 0 .7cqi 1cqi #00000080;font-weight:900;line-height:1;position:absolute;left:0;right:0}.card-icon--hp{--outline:#2e0402;width:20.67cqi;height:23.33cqi;top:-2.67cqi;left:83cqi}.card-icon--hp span{font-size:8.33cqi;top:11.2cqi}.card-icon--hp[data-hurt] span{color:#ffa394}.card-icon__rim{fill:#c48a2a}.card-icon__hp{fill:#a81c16}.card-icon--atk{--outline:#3a1602;width:23.33cqi;height:34.67cqi;top:111.33cqi;left:-8.67cqi}.card-icon--atk span{font-size:8.67cqi;top:9.5cqi}.card-icon__blade-rim{fill:#f2c14e;stroke:#4a3108;stroke-width:1.2px}.card-icon__blade{fill:#ff9a3d}.card-icon__hilt{fill:#d9a23a;stroke:#4a3108;stroke-width:1px}.card-icon--def{--outline:#0e2238;width:28.67cqi;height:20cqi;top:123.33cqi;left:77.33cqi}.card-icon--def span{width:14.67cqi;font-size:9cqi;top:5.5cqi;left:9.33cqi;right:auto}
.card-sparkles{pointer-events:none;position:absolute;inset:0}.card-sparkles span{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff1b8;width:5cqi;height:5cqi;animation:2.6s ease-in-out infinite twinkle;position:absolute}.card-sparkles span:nth-child(2){animation-delay:.8s}.card-sparkles span:nth-child(3){animation-delay:1.5s}.card-sparkles span:nth-child(4){animation-delay:2.1s}.card-sparkles span:nth-child(5){animation-delay:1.1s}.card-tilt:not([data-active]) .card:is([data-golden],[data-rarity=legendaire]){animation:8s ease-in-out infinite idle}@keyframes idle{0%,to{--mx:30%;--my:25%;--rx:2deg;--ry:-4deg;--hyp:.5}50%{--mx:70%;--my:75%;--rx:-2deg;--ry:4deg;--hyp:.5}}@keyframes card-foil{0%{background-position:160% 0}to{background-position:-110% 0}}@keyframes card-glow{0%,to{opacity:.65}50%{opacity:1}}@keyframes twinkle{0%,to{opacity:0;scale:.4}50%{opacity:1;scale:1}}.tile-shine{mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#ffffff8c 48%,#ffe6ff4d 52%,#0000 65%) 0 0/300% 100%;animation:4s ease-in-out infinite tile-shine}@keyframes tile-shine{0%{background-position:100% 0}60%,to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.tile-shine,.card-foil,.card-crest__gem,.card-gem__glint,.card-sparkles span,.card-tilt .card{animation:none!important}.card-tilt .card{transform:none!important}.card-sparkles span{opacity:.8}}
@container (max-width:220px){.card-plate p:not(.card-rarity,.card-type),.card-type__strong{display:none}.card-plate{justify-content:center;padding-top:4cqi}.card-type{font-size:5.5cqi}.card-rarity{font-size:5cqi}}

.card-tilt{max-width:420px;padding:17% 5% 4%}.card{aspect-ratio:300/495;isolation:isolate;filter:drop-shadow(0 2cqi 2.5cqi #0006)}.card-frame-asset{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.card-oval{width:92%;height:61%;box-shadow:none;background:#233b43;border-radius:13% 13% 4% 4%;top:2%;left:4%}.card-art{border-radius:inherit;box-shadow:none;inset:0}.card-art:after{box-shadow:inset 0 1cqi 2cqi #0003}.card:is([data-rarity=mythique],[data-rarity=legendaire]) .card-oval{border-radius:50% 50% 6% 6%/26% 26% 5% 5%;width:90%;height:56%;top:7%;left:5%}.card-crest{z-index:4;object-fit:contain;filter:drop-shadow(0 1cqi .5cqi #16232980);width:106%;height:30%;top:-15%;left:-3%}.card-type-seal{z-index:4;aspect-ratio:1;color:#f1e6ce;background:color-mix(in srgb, var(--type), #172731 30%);border:.8cqi solid var(--c1);clip-path:polygon(50% 0,100% 20%,92% 75%,50% 100%,8% 75%,0 20%);place-items:center;width:20%;display:grid;position:absolute;top:-3%;left:40%;box-shadow:0 .8cqi #172731}.card-type-seal svg{width:66%;height:66%}.card-ribbon{z-index:3;filter:none;width:86%;height:7.7%;top:62.3%;left:7%}.card-name{color:#272720;height:100%;box-shadow:none;text-shadow:none;font-family:Georgia,Times New Roman,serif;font-size:calc(6.1cqi * var(--name-scale,1));background:0 0;padding:0 1.4cqi;font-weight:800;line-height:1.05;inset:0}.card-plate{z-index:3;width:80%;height:5%;box-shadow:none;background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;align-items:start;gap:1cqi;padding:0;display:flex;top:71.4%;left:10%}.card-plate .card-latin{display:none}.card-plate .card-type{color:color-mix(in srgb, var(--type), #172731 50%);font-size:3cqi;font-weight:800}.card-type__strong{display:none}.card-plate .card-rarity{letter-spacing:.03em;white-space:normal;text-align:right;max-width:56%;font-size:2.6cqi}.card-effects{z-index:3;text-align:center;color:#36322a;scrollbar-width:thin;flex-direction:column;justify-content:center;width:78%;height:11%;font-size:4cqi;line-height:1.22;display:flex;position:absolute;top:76%;left:11%;overflow:auto}.card-effects strong{margin-bottom:1cqi;font-size:3.5cqi}.card-effects p{text-wrap:pretty;margin:0}.card-gem,.card-gem--crown{z-index:4;filter:drop-shadow(0 .5cqi .3cqi #0008);width:12%;height:7.3%;top:89.8%;left:44%}.card-icon{z-index:5}.card-icon--hp{width:19%;height:13%;top:1.5%;left:80%}.card-icon--hp span{font-size:7.5cqi;top:48%}.card-icon__rim{fill:var(--c1)}.card-icon--atk{width:27%;height:7.5%;top:89.8%;left:9%}.card-icon--atk svg{width:34%;height:100%;transform:rotate(35deg)}.card-icon--atk span{text-shadow:0 .4cqi .2cqi #0008;font-size:7.2cqi;top:23%;left:35%}.card-icon__blade{fill:#e5eced}.card-icon__blade-rim{fill:#85949c;stroke:#263b43}.card-icon--def{width:26%;height:7.5%;top:89.8%;left:67%}.card-icon--def span{text-shadow:0 .4cqi .2cqi #0008;width:55%;font-size:7.2cqi;top:23%;left:45%}.card-foil{opacity:.25}.card-sparkles{opacity:.3}.card-tilt:not([data-active]) .card:is([data-golden],[data-rarity=legendaire]){animation:none}@container (max-width:220px){.card-plate{justify-content:space-between;padding:0}.card-plate .card-type{font-size:3.6cqi}.card-plate .card-rarity{font-size:3cqi}.card-effects{font-size:4.3cqi}}.card-oval{height:52.3%;top:1.7%}.card:is([data-rarity=mythique],[data-rarity=legendaire]) .card-oval{height:48%;top:6%}.card-inlays{height:85.714%}.card-ribbon{height:6.6%;top:53.4%}.card:is([data-rarity=mythique],[data-rarity=legendaire]) .card-ribbon{top:52.3%}.card-plate{top:62.1%}.card-effects{justify-content:safe center;height:22%;font-size:4.4cqi;line-height:1.25;top:65%;overflow:hidden}.card-effects[data-length=mid]{font-size:3.9cqi}.card-effects[data-length=long]{font-size:3.5cqi}.card-effects[data-length] strong{font-size:3.3cqi}.card-icon--atk,.card-icon--def{justify-content:center;align-items:center;gap:2cqi;width:30%;height:8%;display:flex;top:88.4%}.card-icon--atk{left:7%}.card-icon--def{left:63%}.card-icon--def img{object-fit:contain;flex:0 0 9cqi;width:9cqi;height:10cqi;position:static}.card-icon--atk svg,.card-icon--def svg{flex:0 0 8cqi;width:8cqi;height:10cqi;position:static}.card-icon--atk span,.card-icon--def span{text-align:center;flex:none;width:auto;font-size:7.2cqi;line-height:1;position:static}.card-gem,.card-gem--crown{width:12%;height:8%;top:88.4%;left:44%}.card-type-seal{box-shadow:none;clip-path:none;background:0 0;border:0}.card-type-seal img,.card-icon--hp img{object-fit:contain;width:100%;height:100%;display:block}.card-icon--hp span{text-shadow:0 1px 2px #380a08;font-family:Georgia,serif;font-weight:700;top:46%}.card:not([data-rarity=mythique],[data-rarity=legendaire]) .card-oval{border-radius:0;width:90%;height:49.7%;top:4.3%;left:5%;-webkit-mask:url(/cards/vivant-v2/photo-window-standard.svg) 50%/100% 100% no-repeat;mask:url(/cards/vivant-v2/photo-window-standard.svg) 50%/100% 100% no-repeat}.card:not([data-rarity=mythique],[data-rarity=legendaire]) .card-ribbon{height:6.06%;top:53.85%}.card-type-seal--simple,.card-type-seal--ornate{--emblem-face:color-mix(in srgb, var(--type) 30%, #1d3038);aspect-ratio:1;width:17%;height:auto;box-shadow:none;filter:drop-shadow(0 .5cqi .4cqi #0006);background:0 0;border:0;top:-1.2%;left:41.5%}.card-type-seal--ornate{width:22%;top:-3%;left:39%}.card-type-seal--simple svg,.card-type-seal--ornate svg{width:100%;height:100%}.card-gold-particles{z-index:6;pointer-events:none;position:absolute;inset:0}.card-gold-particles i{width:var(--spark-size);height:var(--spark-size);color:#efb94d;opacity:0;min-width:2px;min-height:2px;animation:card-gold-drift var(--spark-time) var(--spark-delay) ease-out infinite;background:#ffeab2;border-radius:50%;position:absolute;box-shadow:0 0 1cqi}.card-gold-particles i:nth-child(3n){clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:calc(var(--spark-size) * 2);height:calc(var(--spark-size) * 2);background:#fff5ce;border-radius:0}.card-gold-particles[data-intensity=soft]{--spark-peak:.6}.card-gold-particles[data-intensity=mythical]{--spark-peak:.85}.card-gold-particles[data-intensity=legendary]{--spark-peak:1}.card-gold-particles[data-intensity=legendary] i{box-shadow:0 0 1.5cqi #ffcb67,0 0 .4cqi #fff4c9}.card-gold-particles[data-intensity=legendary]:before{content:"";pointer-events:none;border-radius:5%;position:absolute;inset:-1%;box-shadow:0 0 3cqi #efb33f26}@keyframes card-gold-drift{0%,to{opacity:0;transform:translate(0)scale(.25)}18%{opacity:var(--spark-peak);transform:translate(0)scale(1)}42%{opacity:calc(var(--spark-peak) * .45)}58%{opacity:var(--spark-peak)}88%{opacity:0;transform:translate(var(--drift-x), var(--drift-y)) scale(.2)}}@media (prefers-reduced-motion:reduce){.card-gold-particles i{opacity:0;animation:none}.card-gold-particles i:nth-child(8n+1){opacity:.45}}.card-gold-particles[data-intensity=legendary] i{width:calc(var(--spark-size) * 1.6);height:calc(var(--spark-size) * 1.6)}.card-gold-particles[data-intensity=legendary] i:nth-child(3n){width:calc(var(--spark-size) * 3);height:calc(var(--spark-size) * 3)}.card-gold-particles[data-intensity=legendary]:before{display:none}