.wiki-card{--tk:#121417;--face:color-mix(in srgb, var(--rar) 22%, #fff);--dark-rar:color-mix(in srgb, var(--rar) 62%, #0f1216);--halo:color-mix(in srgb, var(--rar) 75%, transparent);--gem-x:22px;--gem-y:-1px;-webkit-user-select:none;user-select:none;border-radius:16px;width:288px;height:420px;position:relative}.wiki-card .card{z-index:1;border:4px solid var(--dark-rar);background:var(--face);width:100%;height:100%;box-shadow:0 0 0 3px var(--tk), 0 8px 22px #00000080, 0 0 var(--glow) color-mix(in srgb, var(--rar) var(--glow-o), transparent);border-radius:16px;flex-direction:column;display:flex;position:relative}.wiki-card .img{border-radius:12px 12px 0 0;flex:none;height:206px;position:relative;overflow:hidden}.wiki-card .ph{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.wiki-card .ph.portrait{object-position:50% 30%}.wiki-card .ph.drawing{object-fit:contain;padding:10px}.wiki-card .img.noph{background:radial-gradient(40% 55% at 28% 35%,#ffffff24,#0000 70%),radial-gradient(45% 50% at 75% 65%,#00000040,#0000 70%),radial-gradient(35% 45% at 60% 25%,#ffffff14,#0000 70%),linear-gradient(160deg,#5b6069,#3b3f46)}.wiki-card .no-image{font:600 12px var(--font-fredoka), sans-serif;letter-spacing:.06em;color:#ffffff8c;place-items:center;display:grid;position:absolute;inset:0}.wiki-card .card-gloss{pointer-events:none;mix-blend-mode:multiply;background-blend-mode:multiply, normal;background:radial-gradient(120% 95% at 20% 0,#fff,#fff0 55%),linear-gradient(115deg,#e0ddd8,#fbfaf8 20%,#e6e3de 40%,#f6f4f1 58%,#e4e1dc 76%,#dcd9d4);border-radius:0 0 12px 12px;position:absolute;inset:206px 0 0}.wiki-card .name{z-index:6;color:#111418;flex:none;align-items:center;padding:14px 16px 0;display:flex;position:relative}.wiki-card .title{-webkit-line-clamp:3;min-width:0;font:600 19px/1.15 var(--font-plex-cond), sans-serif;letter-spacing:.01em;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden;transform:scaleY(1.12)}.wiki-card .band{flex-direction:column;flex:1;min-height:0;padding:6px 16px 12px;display:flex;position:relative}.wiki-card .extract{z-index:6;-webkit-line-clamp:4;min-height:0;font:500 14px/1.3 var(--font-fredoka), sans-serif;color:#4a505a;-webkit-box-orient:vertical;flex:0 auto;margin:0;display:-webkit-box;position:relative;overflow:hidden}.wiki-card .fav-tex{z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;background:url(/carte/fav-glints.webp) 50%/cover no-repeat;border-radius:12px;transition:opacity .6s;position:absolute;inset:0}.wiki-card:has(.favorite-star.on) .fav-tex{opacity:1}.wiki-card .favorite-star{z-index:8;width:30px;height:30px;position:absolute;top:12px;right:12px}.wiki-card .halo{z-index:0;pointer-events:none;inset:calc(var(--size) * -1);border-radius:calc(19px + var(--size));padding:var(--size);--edge-x:linear-gradient(to right, transparent 0, #0000000d calc(var(--size) * .25), #00000038 calc(var(--size) * .5), #00000078 calc(var(--size) * .75), #000 var(--size), #000 calc(100% - var(--size)), #00000078 calc(100% - var(--size) * .75), #00000038 calc(100% - var(--size) * .5), #0000000d calc(100% - var(--size) * .25), transparent 100%);--edge-y:linear-gradient(to bottom, transparent 0, #0000000d calc(var(--size) * .25), #00000038 calc(var(--size) * .5), #00000078 calc(var(--size) * .75), #000 var(--size), #000 calc(100% - var(--size)), #00000078 calc(100% - var(--size) * .75), #00000038 calc(100% - var(--size) * .5), #0000000d calc(100% - var(--size) * .25), transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box, var(--edge-x), var(--edge-y);-webkit-mask-composite:xor, source-in;-webkit-mask:linear-gradient(#000 0 0) content-box, var(--edge-x), var(--edge-y);mask:linear-gradient(#000 0 0) content-box, var(--edge-x), var(--edge-y);position:absolute;overflow:hidden;-webkit-mask-composite:xor,source-in;mask-composite:exclude,intersect}.wiki-card .halo.near{--size:var(--hn);opacity:var(--hon)}.wiki-card .halo.far{--size:var(--hf);opacity:var(--hof)}.wiki-card .halo i{aspect-ratio:1;will-change:transform;background:repeating-conic-gradient(transparent 0deg, var(--halo) calc(var(--hb) * .66), transparent var(--hb), transparent 120deg);width:185%;animation:halo-spin var(--hs) linear infinite;border-radius:50%;position:absolute;top:50%;left:50%}.wiki-card .halo.near i{filter:blur(6px)}.wiki-card .halo.far i{filter:blur(16px)}.wiki-card .tier-label{z-index:9;border:3px solid var(--rar);background:var(--tk);color:var(--rar);font:400 13px var(--font-lilita), sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:3px 10px;position:absolute;top:-13px;left:38px}.wiki-card .gem{z-index:9;width:24px;height:24px;left:calc(var(--gem-x) - 12px);top:calc(var(--gem-y) - 12px);filter:drop-shadow(0 2px 0 var(--tk));position:absolute}.wiki-card .ornaments{z-index:8;pointer-events:none;width:408px;height:570px;filter:drop-shadow(1.3px 0 0 var(--tk)) drop-shadow(-1.3px 0 0 var(--tk)) drop-shadow(0 1.3px 0 var(--tk)) drop-shadow(0 -1.3px 0 var(--tk)) drop-shadow(0 2.5px 0 var(--tk));position:absolute;top:-90px;left:-60px}.wiki-card .ornaments i{-webkit-mask:var(--ornaments-img) 0 0/100% 100% no-repeat;mask:var(--ornaments-img) 0 0/100% 100% no-repeat;background:radial-gradient(circle at 82px 89px, color-mix(in srgb, var(--rar) 25%, #fff), color-mix(in srgb, var(--rar) 60%, #fff) 40px, var(--rar) 110px, color-mix(in srgb, var(--rar) 80%, #000) 260px, var(--rar) 420px, color-mix(in srgb, var(--rar) 55%, #fff) 600px);position:absolute;inset:0}.wiki-card .embers{z-index:0;pointer-events:none;position:absolute;inset:-30px}.wiki-card .embers span{opacity:0;background:radial-gradient(circle, #fff1c2 0 30%, var(--rar) 60%, transparent 70%);border-radius:50%;width:4px;height:4px;animation:5s linear infinite ember;position:absolute;bottom:-6px}.wiki-card .sparks{z-index:9;pointer-events:none;position:absolute;inset:0}.wiki-card .sparks span{color:#fff;text-shadow:0 0 6px var(--rar), 0 0 2px var(--rar);font:400 18px/1 sans-serif;animation:2.2s ease-in-out infinite twinkle;position:absolute}.wiki-card.compact{--gem-x:34px;--gem-y:36px;height:352px}.wiki-card.compact .card{box-shadow:0 0 0 3px var(--tk), 0 8px 22px #00000080}.wiki-card.compact .name{padding-top:12px}.wiki-card.compact .title{-webkit-line-clamp:2}.wiki-card.compact .band{padding-bottom:10px}.wiki-card.compact .extract{-webkit-line-clamp:2}.wiki-card.compact:has(.buy-button) .band{padding-bottom:60px}.wiki-card.compact .buy-button{z-index:10;border:3px solid var(--tk);background:var(--main);height:42px;color:var(--tk);box-shadow:2px 3px 0 var(--tk);font:400 18px var(--font-lilita), sans-serif;letter-spacing:.03em;cursor:pointer;touch-action:manipulation;border-radius:8px;justify-content:space-between;align-items:center;padding:0 11px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.wiki-card.compact .buy-button:before{content:"";position:absolute;inset:-24px 0}.wiki-card.compact .buy-button:hover:not(:disabled){box-shadow:none;translate:2px 3px}.wiki-card.compact .buy-button:focus-visible{outline:3px solid var(--tk);outline-offset:3px}.wiki-card.compact .buy-button:disabled{cursor:default;opacity:.65}.wiki-card.compact .buy-button.edit{background:var(--secondary-background);color:var(--foreground);border-color:var(--control-border)}.wiki-card.compact .buy-button>span:first-child{align-items:center;gap:6px;display:flex}.wiki-card.compact .buy-button>span:first-child svg{stroke-width:2.5px;width:16px;height:16px}.wiki-card.compact .buy-price{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.wiki-card.compact .buy-price svg{stroke-width:2.5px;width:18px;height:18px}.wiki-card.compact .favorite-star{z-index:10;width:48px;height:48px;padding:8px;top:4px;right:4px}.wiki-card.compact.borderless .card{border-width:0}.wiki-card.compact.borderless .img{border-radius:16px 16px 0 0}.wiki-card.compact.borderless .card-gloss{border-radius:0 0 16px 16px}.wiki-card.compact.borderless .fav-tex{border-radius:16px}.wiki-card-fit{aspect-ratio:288/352;width:100%;position:relative}.wiki-card-fit>.wiki-card{transform:scale(var(--card-fit,.5));transform-origin:0 0;position:absolute;top:0;left:0}.gem:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--rar) 55%, transparent), transparent 65%);border-radius:50%;position:absolute;inset:-7px}.gem i{background:var(--tk);border-radius:50%;position:absolute;inset:0}.gem i:before{content:"";clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:conic-gradient(from 22.5deg, color-mix(in srgb, var(--rar) 55%, #fff) 0 45deg, color-mix(in srgb, var(--rar) 75%, #000) 45deg 90deg, var(--rar) 90deg 135deg, color-mix(in srgb, var(--rar) 45%, #000) 135deg 180deg, color-mix(in srgb, var(--rar) 80%, #000) 180deg 225deg, color-mix(in srgb, var(--rar) 35%, #000) 225deg 270deg, color-mix(in srgb, var(--rar) 85%, #fff) 270deg 315deg, color-mix(in srgb, var(--rar) 30%, #fff) 315deg 360deg);position:absolute;inset:3px}.gem i:after{content:"";clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:radial-gradient(circle at 30% 25%, #fff 0 18%, transparent 40%), linear-gradient(160deg, color-mix(in srgb, var(--rar) 40%, #fff), var(--rar) 60%, color-mix(in srgb, var(--rar) 60%, #000));position:absolute;inset:34%}.wiki-card.breathing-halo .halo.far{animation:2.6s ease-in-out infinite breathe}.wiki-card.pulsing-gem .gem:before{animation:2.4s ease-in-out infinite pulse}.wiki-card[data-face=dark] .card{border-color:var(--rar);background:linear-gradient(180deg, color-mix(in srgb, var(--rar) 13%, #0a080c), #1b1d22 45%)}.wiki-card[data-face=dark] .img:not(.noph){background:var(--face)}.wiki-card[data-face=dark] .name{color:#f2f4f6}.wiki-card[data-face=dark] .extract{color:#e7e9ee}@keyframes halo-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes breathe{0%,to{opacity:calc(var(--hof) * .7)}50%{opacity:var(--hof)}}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{transform:translate(var(--dx,10px), -460px);opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}