.cardwrap{--cd:var(--font-card,"Barlow Condensed", "Arial Narrow", sans-serif);--cb:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;perspective:1800px;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4.2%/6.66%;width:min(100%,500px);padding:0;display:block;container-type:inline-size}.cardwrap:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.card3d{aspect-ratio:85.6/54;width:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative}.card3d.flipped{transform:rotateY(180deg)}.face{backface-visibility:hidden;color:#fff;background:linear-gradient(135deg, var(--c1), var(--c2));font-family:var(--cb);border-radius:4.2cqw;line-height:1.2;position:absolute;inset:0;overflow:hidden;box-shadow:0 2.4cqw 6cqw -1cqw #32000a80,inset 0 0 0 .25cqw #ffffff24}.face>*{margin:0;position:absolute}.face.back{transform:rotateY(180deg)}.face .band{clip-path:polygon(48% 100%,70% 100%,100% 47.6%,100% 12.7%);background:#ffffff0f;inset:0}.face .wm{opacity:.07;width:53.3cqw;height:64cqw;top:-10cqw;left:50cqw}.f-crest{width:6.83cqw;height:8.2cqw;top:4.4cqw;left:5cqw}.f-club{flex-direction:column;gap:.55cqw;display:flex;top:4.6cqw;left:13.4cqw}.f-club b{font:700 3cqw/1 var(--cd);text-transform:uppercase;letter-spacing:.03em}.f-club span{opacity:.82;font-size:1.8cqw;font-weight:500;line-height:1}.f-kind{text-align:right;flex-direction:column;align-items:flex-end;gap:.6cqw;display:flex;top:4.8cqw;right:5cqw}.f-kind span{letter-spacing:.18em;text-transform:uppercase;opacity:.88;font-size:1.8cqw;font-weight:600;line-height:1}.f-kind b{font:600 3.2cqw/1 var(--cd)}.f-photo{background:#ffffff24;border-radius:1.4cqw;place-items:center;width:31.5cqw;height:42cqw;display:grid;top:16.4cqw;left:5cqw;overflow:hidden;box-shadow:0 0 0 .45cqw #ffffffd9}.f-photo img{object-fit:cover;width:100%;max-width:none;height:100%}.f-photo span{font:600 8cqw/1 var(--cd);opacity:.9}.f-main{flex-direction:column;align-items:flex-start;gap:1.3cqw;width:31cqw;display:flex;top:18cqw;left:40.5cqw}.f-tier{font:600 1.6cqw/1 var(--cb);letter-spacing:.16em;text-transform:uppercase;color:#f6d58a;border:.25cqw solid #f6d58abf;border-radius:9cqw;padding:.7cqw 1.4cqw}.f-name{font-family:var(--cd);text-transform:uppercase;letter-spacing:.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1;display:-webkit-box;overflow:hidden}.f-meta{opacity:.88;font-size:2.05cqw;line-height:1.2}.f-stat{flex-direction:column;gap:.7cqw;display:flex;top:47.6cqw}.f-stat span{letter-spacing:.16em;text-transform:uppercase;opacity:.75;font-size:1.7cqw;font-weight:600;line-height:1}.f-stat b{font:600 6.8cqw/1 var(--cd);font-variant-numeric:tabular-nums;white-space:nowrap}.f-stat small{font:600 2.6cqw var(--cd);opacity:.85}.f-qr{background:#fff;border-radius:1.6cqw;place-items:center;width:21.5cqw;height:21.5cqw;padding:1.7cqw;display:grid;top:36.9cqw;left:73.5cqw}.f-qr svg{width:100%;height:100%;display:block}.qr-miss{color:#7a6366;text-align:center;font-size:1.6cqw}.b-strip{background:#00000080;height:9.5cqw;top:6cqw;left:0;right:0}.b-rules{opacity:.92;width:56cqw;font-size:2cqw;line-height:1.45;top:19.5cqw;left:5cqw}.b-sign{background:#fff;border-radius:1cqw;width:46cqw;height:11cqw;top:39cqw;left:5cqw}.b-sign span{color:#7a6366;font-size:1.55cqw;position:absolute;bottom:1.3cqw;left:1.6cqw}.b-code{flex-direction:column;gap:.6cqw;display:flex;top:19.5cqw;left:66cqw}.b-code span{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:1.6cqw;font-weight:600;line-height:1}.b-code b{font:600 3.3cqw/1 var(--cd);letter-spacing:.04em;margin-bottom:1.6cqw}.b-crest{width:10.83cqw;height:13cqw;top:38cqw;left:66cqw}.b-foot{opacity:.75;font-size:1.65cqw;line-height:1.3;top:54.5cqw;left:5cqw;right:5cqw}.cardwrap.mini{width:100%;max-width:420px;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.cardwrap.mini:hover{transform:translateY(-3px)}.studio{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;display:grid}@media (width<=820px){.studio{grid-template-columns:minmax(0,1fr)}}.stage{background:radial-gradient(120% 90% at 50% 0%, var(--surface-2), var(--bg));border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:16px;min-width:0;padding:36px 16px 18px;display:flex}.stage:fullscreen{background:#120507;border:0;border-radius:0;justify-content:center}.stage:fullscreen .cardwrap{width:min(92vw,140vh)}.stage:fullscreen .stage-hint{color:#d9b9be}.stage-hint{color:var(--muted);text-align:center;font-size:12.5px}.ctrl h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px;font-size:11.5px;font-weight:600}.sw{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:flex}.sw i{background:linear-gradient(135deg, var(--a), var(--b));border-radius:6px;width:28px;height:19px}.sw[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.codebox code{font:600 18px var(--font-sans,"Figtree", system-ui, sans-serif);letter-spacing:.06em;background:var(--surface-2);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:10px;flex:180px;padding:7px 12px}.png-out{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.png-out figure{margin:0}.png-out img{border-radius:6px;width:100%;display:block}.png-out figcaption{color:var(--muted);margin-top:4px;font-size:12px}