.card-shell{perspective:2000px;--mouse-x:50%;--mouse-y:50%;--angle:135deg;--parallax-x:0;--parallax-y:0;--glow-intensity:4px;width:340px;height:520px;position:relative}.card-inner{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .9s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 60px -20px #000000b3,0 10px 20px -10px #00000080,0 0 0 1px #0000004d}.card-face-back{transform:rotateY(180deg)}.card-corner-action{z-index:10;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){.card-inner{transition:none}.card-shell{--parallax-x:0;--parallax-y:0;--glow-intensity:4px}}
.tier-ember{--bg-1:#2a241e;--bg-2:#1a1612;--bg-3:#0a0806;--ink:#c4b8a6;--ink-mu:#8a8072;--ink-ft:#4a4238;--accent:#7a6a52;--accent-hi:#b8a480;--accent-lo:#3e342a}.tier-spark{--bg-1:#1e242e;--bg-2:#141820;--bg-3:#080a0e;--ink:#c8d0dc;--ink-mu:#8a94a4;--ink-ft:#484e5a;--accent:#7a8596;--accent-hi:#bac4d4;--accent-lo:#3e4552}.tier-flame{--bg-1:#2a1008;--bg-2:#1a0604;--bg-3:#0c0302;--ink:#ecd9b2;--ink-mu:#b8966a;--ink-ft:#6a5238;--accent:#c69848;--accent-hi:#eecb7a;--accent-lo:#7a5518}.tier-blaze{--bg-1:#0a1028;--bg-2:#05081a;--bg-3:#02030a;--ink:#e4e8f4;--ink-mu:#98a0b8;--ink-ft:#4a5068;--accent:#c0c8e0;--accent-hi:#f0f4ff;--accent-lo:#6878a0}.tier-inferno{--bg-1:#1a0828;--bg-2:#0a0418;--bg-3:#020108;--ink:#f4e8f8;--ink-mu:#b098c0;--ink-ft:#584868;--accent:#d8c0e8;--accent-hi:#fff4ff;--accent-lo:#7858a0}.card-face-front{background:radial-gradient(ellipse at 50% 30%, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);color:var(--ink);flex-direction:column;padding:22px 22px 18px;display:flex}.card-frame{background:linear-gradient(var(--bg-1), var(--bg-1)) padding-box, linear-gradient(calc(var(--angle) + 45deg), var(--accent-lo) 0%, var(--accent) 30%, var(--accent-hi) 50%, var(--accent) 70%, var(--accent-lo) 100%) border-box;-webkit-mask-composite:xor;pointer-events:none;z-index:2;border:2px solid #0000;border-radius:10px;position:absolute;inset:8px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tier-inferno .card-frame{border-width:2.5px;inset:6px}.tier-inferno .card-frame-inner{border:1px solid var(--accent-lo);opacity:.5;pointer-events:none;z-index:2;border-radius:8px;position:absolute;inset:11px}.card-grain{pointer-events:none;opacity:.1;mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.tier-ember .card-grain{opacity:.16}.card-foil-wash{pointer-events:none;z-index:1;display:none;position:absolute;inset:0}.tier-blaze .card-foil-wash{background: linear-gradient(calc(var(--angle) + 90deg), transparent 30%, #f0f4ff2e 45%, #ffffff47 50%, #f0f4ff2e 55%, transparent 70%),  radial-gradient(circle 400px at var(--mouse-x) var(--mouse-y), #ffffff1a 0%, transparent 50%);mix-blend-mode:screen;display:block}.tier-inferno .card-foil-wash{background: linear-gradient(calc(var(--angle) + 90deg), transparent 20%, #d8c0e82e 35%, #ffdcf03d 45%, #fff8dc42 50%, #c0d8ff3d 55%, #a880c02e 65%, transparent 80%),  radial-gradient(circle 380px at var(--mouse-x) var(--mouse-y), #fff0ff2e 0%, #d8c0e81a 30%, transparent 55%);mix-blend-mode:screen;display:block}.tier-inferno .card-foil-wash .card-holo-wash{content:"";background:conic-gradient(from var(--angle), #a880c000 0deg, #d8c0e81f 60deg, #ffdcf01a 120deg, #fff8dc14 180deg, #c0d8ff1a 240deg, #a880c01f 300deg, #a880c000 360deg);mix-blend-mode:overlay;opacity:.6;position:absolute;inset:0}@property --holo-angle{syntax:"<angle>";inherits:true;initial-value:135deg}.card-corner{pointer-events:none;z-index:3;width:20px;height:20px;position:absolute}.card-corner.tl{top:12px;left:12px}.card-corner.tr{top:12px;right:12px;transform:scaleX(-1)}.card-corner.bl{bottom:12px;left:12px;transform:scaleY(-1)}.card-corner.br{bottom:12px;right:12px;transform:scale(-1)}.card-corner svg{width:100%;height:100%}.card-corner path{stroke:var(--accent);stroke-width:1.1px;fill:none;opacity:.6}.jonga-mark{text-align:center;z-index:3;letter-spacing:.52em;text-indent:.52em;color:var(--accent);padding:6px 0 0;font-family:Cinzel,serif;font-size:11px;font-weight:500;position:relative}.jonga-mark-rule-left,.jonga-mark-rule-right{background:var(--accent);vertical-align:middle;opacity:.5;width:28px;height:1px;display:inline-block;transform:translateY(-2px)}.jonga-mark-rule-left{margin:0 10px 0 -2px}.jonga-mark-rule-right{margin:0 -2px 0 10px}.tier-inferno .jonga-mark{letter-spacing:.62em;text-indent:.62em;font-family:Cinzel Decorative,Cinzel,serif;font-weight:700}.portrait-stage{z-index:3;width:260px;height:300px;margin:40px auto 0;position:relative}.hex-ring{pointer-events:none;position:absolute;inset:-6px}.hex-ring svg{width:100%;height:100%;overflow:visible}.hex-ring .ring-outer{fill:none;stroke:var(--accent);stroke-width:2.2px;opacity:.9;filter:drop-shadow(0 2px 2px #00000080)}.hex-ring .ring-inner{fill:none;stroke:var(--accent-lo);stroke-width:.6px;opacity:.5}.hex-ring .ring-glow{fill:none;stroke:var(--accent-hi);stroke-width:.8px;opacity:0}.tier-inferno .hex-ring .ring-glow{opacity:.7;filter:drop-shadow(0 0 6px var(--accent-hi))}.portrait{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:inset 0 4px 12px #0000008c, inset 0 -2px 6px #0006, inset 0 0 0 1px var(--accent);background:#1a1a1a;position:absolute;inset:0;overflow:hidden}.portrait-inner{background-position:50% 30%;background-size:cover;width:100%;height:100%;transition:background-position .25s ease-out,transform .25s ease-out}.tier-inferno .portrait-inner{background-position:calc(50% + (var(--parallax-x,0) * 4px)) calc(30% + (var(--parallax-y,0) * 4px))}.tier-inferno .hex-ring .ring-glow{filter:drop-shadow(0 0 calc(6px + var(--glow-intensity,4px)) var(--accent-hi))}.edges{pointer-events:none;position:absolute;inset:0}.edge{color:var(--ink);background:var(--bg-3);width:38px;height:38px;box-shadow:0 0 0 1.5px var(--accent), 0 0 0 3.5px var(--bg-1), 0 2px 6px #00000080;letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:18px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.edge.edge-empty{color:var(--ink-ft);opacity:.65}.ev-top{top:0%;left:50%}.ev-tr{top:25%;left:100%}.ev-br{top:75%;left:100%}.ev-bot{top:100%;left:50%}.ev-bl{top:75%;left:0%}.ev-tl{top:25%;left:0%}.name-block{text-align:center;z-index:3;margin:32px 0 0;position:relative}.name{letter-spacing:.42em;text-indent:.42em;font-family:Cinzel,serif;font-size:24px;font-weight:500}.tier-ember .name{color:var(--ink);font-weight:400}.tier-spark .name{background:linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 60%, var(--accent-lo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tier-flame .name{background:linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 40%, var(--accent-hi) 55%, var(--accent-lo) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px #0009);-webkit-background-clip:text;background-clip:text}.tier-blaze .name{background:linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 45%, var(--accent-hi) 55%, var(--accent-lo) 100%);-webkit-text-fill-color:transparent;letter-spacing:.48em;text-indent:.48em;filter:drop-shadow(0 1px 2px #0009);-webkit-background-clip:text;background-clip:text}.tier-inferno .name{letter-spacing:.54em;text-indent:.54em;background:linear-gradient(180deg, #fff 0%, var(--accent-hi) 30%, #d8c0e8 55%, var(--accent) 85%, var(--accent-lo) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #d8c0e880)drop-shadow(0 1px 2px #000000b3);-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Cinzel,serif;font-size:25px;font-weight:700}.front-footer{border-top:1px solid var(--accent);border-image:linear-gradient(to right, transparent 0%, var(--accent) 15%, var(--accent) 85%, transparent 100%) 1;color:var(--ink-mu);z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:auto;padding:10px 4px 0;font-family:Fraunces,serif;font-size:10.5px;display:grid;position:relative}.front-footer .date{font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:left}.front-footer .tier-icon{color:var(--accent-hi);text-align:center;justify-content:center;align-items:center;line-height:0;display:inline-flex}.front-footer .tier-icon svg{width:14px;height:14px;overflow:visible}.tier-ember .front-footer .tier-icon{filter:drop-shadow(0 0 2px var(--accent))}.tier-spark .front-footer .tier-icon{filter:drop-shadow(0 0 3px var(--accent))}.tier-flame .front-footer .tier-icon{filter:drop-shadow(0 0 4px var(--accent))}.tier-blaze .front-footer .tier-icon{filter:drop-shadow(0 0 5px var(--accent))}.tier-inferno .front-footer .tier-icon{filter:drop-shadow(0 0 7px var(--accent-hi))}.front-footer .rarity-slot{text-align:right;min-height:14px}.card-face-back{--b-bg-1:#0a1020;--b-bg-2:#050810;--b-bg-3:#02040a;--b-ink:#dce4f0;--b-ink-mu:#8a95a8;--b-ink-ft:#5a6478;--b-accent:#a8b8d4;--b-accent-hi:#dce4f0;--b-accent-lo:#4a5a76;--b-tier-gilt:#eecb7a;background:radial-gradient(ellipse at 50% 30%, var(--b-bg-1) 0%, var(--b-bg-2) 55%, var(--b-bg-3) 100%);color:var(--b-ink);flex-direction:column;gap:0;padding:22px 22px 18px;display:flex}.card-face-back .foil-wash-b{pointer-events:none;background:radial-gradient(circle 400px at var(--mouse-x) var(--mouse-y), #d8e4f82e 0%, #d8e4f80f 30%, transparent 60%);mix-blend-mode:screen;z-index:1;position:absolute;inset:0}.card-face-back .foil-frame{background:linear-gradient(var(--b-bg-1), var(--b-bg-1)) padding-box, linear-gradient(calc(var(--angle) + 45deg), var(--b-accent-lo) 0%, var(--b-accent) 35%, var(--b-accent-hi) 50%, var(--b-accent) 65%, var(--b-accent-lo) 100%) border-box;-webkit-mask-composite:xor;pointer-events:none;z-index:2;border:2px solid #0000;border-radius:10px;position:absolute;inset:8px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-face-back .card-corner path{stroke:var(--b-accent);opacity:.6}.back-content{z-index:3;flex-direction:column;height:100%;display:flex;position:relative}.back-header{text-align:center;border-bottom:.5px solid var(--b-ink-ft);padding:4px 0 12px}.align-title{letter-spacing:.18em;color:var(--b-accent-hi);margin-bottom:6px;font-family:Cinzel,serif;font-size:20px;font-weight:500;line-height:1.1}.mbti-code{letter-spacing:.28em;text-indent:.28em;color:var(--b-ink);font-family:Cinzel,serif;font-size:14px;font-weight:600}.sigil-block{border-bottom:.5px solid var(--b-ink-ft);grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:12px 0 10px;display:grid}.sigil{width:110px;height:110px}.sigil path,.sigil line,.sigil polygon{fill:none;stroke:var(--b-ink);stroke-width:1px;stroke-linecap:round}.sigil .core{fill:var(--b-ink);stroke:none}.sigil .node{fill:var(--b-accent-hi);stroke:none}.sigil .halo{fill:none;stroke:var(--b-ink-ft);stroke-width:.4px;opacity:.35}.sigil .axis{stroke:var(--b-ink-ft);stroke-width:.4px;opacity:.5}.sigil .axis-empty{stroke:var(--b-ink-ft);stroke-width:.5px;stroke-dasharray:2 2;opacity:.5;fill:none}.sigil .radar-poly{fill:var(--b-accent-hi);fill-opacity:.15;stroke:var(--b-accent-hi);stroke-width:1px;stroke-linejoin:round}.ocean-values{grid-template-columns:auto 1fr auto;gap:2px 10px;font-family:Cinzel,serif;font-size:11px;display:grid}.ocean-label{color:var(--b-ink-mu);letter-spacing:.12em;font-weight:500}.ocean-bar{background:var(--b-bg-3);border-radius:2px;align-self:center;height:3px;position:relative;overflow:hidden}.ocean-bar-fill{width:var(--v);background:linear-gradient(90deg, var(--b-accent-lo) 0%, var(--b-accent-hi) 100%);position:absolute;top:0;bottom:0;left:0}.ocean-num{color:var(--b-ink);text-align:right;font-variant-numeric:tabular-nums;min-width:22px;font-size:11px;font-weight:600}.ocean-bar.ocean-bar-empty{border-bottom:1px dashed var(--b-ink-ft);opacity:.6;background:0 0;height:3px}.ocean-num.ocean-num-empty{color:var(--b-ink-ft);opacity:.7}.mid-block{border-bottom:.5px solid var(--b-ink-ft);grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;display:grid}.field{flex-direction:column;gap:3px;display:flex}.field-label{letter-spacing:.24em;color:var(--b-ink-ft);font-family:Cinzel,serif;font-size:8.5px;font-weight:500}.field-value{color:var(--b-ink);font-family:Fraunces,serif;font-size:12px;font-weight:400;line-height:1.35}.field-value.dim{color:var(--b-ink-mu);font-style:italic}.traits-block{border-bottom:.5px solid var(--b-ink-ft);flex-direction:column;gap:8px;padding:10px 0;display:flex}.traits-block.two-column{flex-direction:row;justify-content:space-between;gap:12px}.traits-block.two-column .traits-left,.traits-block.two-column .traits-right{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.traits-block .text-right{text-align:right}.traits-block .text-right .traits-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.traits-text{color:var(--b-ink);letter-spacing:.02em;font-family:Fraunces,serif;font-size:12px;font-style:italic;line-height:1.35}.soul-block{border-bottom:.5px solid var(--b-ink-ft);padding:10px 0}.soul-excerpt{color:var(--b-ink-mu);text-align:center;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;padding:0 10px;font-family:Fraunces,serif;font-size:11.5px;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.counters{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto;padding-top:10px;display:grid}.counter{flex-direction:column;gap:2px;display:flex}.counter-num{color:var(--b-accent-hi);font-variant-numeric:tabular-nums;font-family:Cinzel,serif;font-size:15px;font-weight:600}.counter-label{letter-spacing:.22em;color:var(--b-ink-ft);font-family:Cinzel,serif;font-size:8px}