*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#07060c;--dark:#0c0a14;--surface:#14111f;--surface-light:#1c1830;--border:#251f3c;--border-light:#382f57;--text:#ffffff;--text-secondary:#b6adcf;--text-muted:#8d84a6;--lime:#c8ff00;--purple:#a855f7;--purple-light:#c084fc;--orange:#ff6b35;--cyan:#22d3ee;--pink:#ff3366;--accent:var(--purple-light);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}.showcase-shell{position:relative;display:grid;width:min(100%,1040px);min-height:100svh;margin:0 auto;padding:clamp(1rem,3vw,2rem);align-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(0.6rem,1.6vw,1.1rem)}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-stage{width:100%}.gyro-toggle{flex:0 0 auto;padding:0.42rem 0.85rem;font-family:'JetBrains Mono',monospace;font-size:0.6rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:100px;cursor:pointer;transition:background 0.3s var(--ease-out-expo)}.gyro-toggle:hover,.gyro-toggle:focus-visible{background:color-mix(in srgb,var(--accent) 32%,transparent);outline:2px solid var(--accent);outline-offset:3px}body::before{content:'';position:fixed;inset:0;background:radial-gradient(58% 46% at 24% 8%,rgba(168,85,247,0.3),transparent 70%),radial-gradient(52% 44% at 88% 22%,rgba(34,211,238,0.18),transparent 72%),radial-gradient(70% 50% at 50% 108%,rgba(255,51,102,0.16),transparent 70%),linear-gradient(180deg,#0b0916 0%,#07060c 62%);pointer-events:none;z-index:-2}body::after{content:'';position:fixed;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 42%,rgba(3,2,8,0.86) 100%);pointer-events:none;z-index:-1}.rack{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:clamp(1.1rem,3.4vw,3rem)}.rack-slot{position:relative;display:grid;justify-items:center}.rack-slot::after{content:'';position:absolute;left:50%;bottom:-7%;width:76%;height:12%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(168,85,247,0.34),transparent 100%);filter:blur(6px);pointer-events:none}.rack-slot--left{transform:rotate(-7deg) translateY(3%)}.rack-slot--right{transform:rotate(6.5deg) translateY(5%)}.rack-slot--lead{transform:rotate(-1.5deg);z-index:2}.rack-slot--lead .foil-card{--w:clamp(206px,25vw,296px)}.rack-slot--side .foil-card{--w:clamp(138px,17.4vw,208px)}.rack-slot--lead [data-foil-card]{--rest-x:4deg;--rest-y:-7deg;--art-base:radial-gradient(120% 78% at 50% 6%,#4b2a86 0%,#22124a 44%,#0a0618 100%)}.rack-slot--left [data-foil-card]{--rest-x:6deg;--rest-y:9deg;--art-base:radial-gradient(120% 80% at 42% 10%,#22405e 0%,#131e37 46%,#05070f 100%)}.rack-slot--right [data-foil-card]{--rest-x:5deg;--rest-y:-11deg;--art-base:radial-gradient(120% 80% at 58% 8%,#5c1a45 0%,#2a0c2a 46%,#0c0410 100%)}[data-foil-card]{--rest-x:0deg;--rest-y:0deg;--sx:50%;--sy:50%;--hue:0deg;--sheen:0.55;--gx:34%;--gy:26%;--glare:0.3;--bloom:0;--kx:0px;--ky:0px;--mx:46%;--spark:0.42;--lift:0;position:relative;display:block;width:var(--w,280px);aspect-ratio:5 / 7;perspective:900px;cursor:grab;touch-action:pan-y;outline:none}[data-foil-card]:active{cursor:grabbing}.foil-card__inner{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;isolation:isolate;transform:rotateX(var(--rest-x)) rotateY(var(--rest-y));box-shadow:0 calc(16px + var(--lift) * 16px) calc(38px + var(--lift) * 40px) rgba(0,0,0,0.62),0 2px 0 rgba(255,255,255,0.06) inset,0 0 0 1px rgba(255,255,255,0.08) inset}.foil-card__art{position:absolute;inset:-7%;background:var(--art-base,linear-gradient(150deg,#150f2b,#060510))}.foil-card__art svg{position:absolute;inset:0;width:100%;height:100%}.foil-layer{position:absolute;inset:-6%;pointer-events:none}.foil-layer--sheen{mix-blend-mode:color-dodge;opacity:var(--sheen);filter:hue-rotate(var(--hue)) saturate(1.3) contrast(1.08);-webkit-mask-image:radial-gradient(126% 96% at var(--gx) var(--gy),#000 0%,rgba(0,0,0,0.62) 38%,rgba(0,0,0,0.14) 76%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(126% 96% at var(--gx) var(--gy),#000 0%,rgba(0,0,0,0.62) 38%,rgba(0,0,0,0.14) 76%,rgba(0,0,0,0) 100%)}.foil-layer--sparkle{mix-blend-mode:color-dodge;opacity:var(--spark);background-image:radial-gradient(circle at 22% 28%,rgba(255,255,255,0.95) 0 1.1px,rgba(255,255,255,0) 2px),radial-gradient(circle at 71% 14%,rgba(176,255,255,0.9) 0 1.3px,rgba(255,255,255,0) 2.2px),radial-gradient(circle at 44% 77%,rgba(255,198,255,0.88) 0 1px,rgba(255,255,255,0) 1.9px),radial-gradient(circle at 86% 62%,rgba(255,246,190,0.92) 0 1.4px,rgba(255,255,255,0) 2.4px);background-size:39px 39px,63px 63px,51px 51px,87px 87px;background-position:var(--kx) var(--ky),calc(var(--kx) * -0.7) calc(var(--ky) * -0.7),calc(var(--kx) * 1.5) calc(var(--ky) * 1.5),calc(var(--kx) * -2.1) calc(var(--ky) * -2.1);-webkit-mask-image:repeating-linear-gradient(104deg,rgba(0,0,0,0) 0%,#000 7%,rgba(0,0,0,0) 17%);mask-image:repeating-linear-gradient(104deg,rgba(0,0,0,0) 0%,#000 7%,rgba(0,0,0,0) 17%);-webkit-mask-size:240% 100%;mask-size:240% 100%;-webkit-mask-position:var(--mx) 50%;mask-position:var(--mx) 50%}.foil-layer--glare{mix-blend-mode:overlay;opacity:var(--glare);background:radial-gradient(34% 26% at var(--gx) var(--gy),rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.4) 34%,rgba(255,255,255,0) 72%),radial-gradient(90% 70% at var(--gx) var(--gy),rgba(198,226,255,0.28),rgba(255,255,255,0) 70%)}.foil-layer--bloom{mix-blend-mode:screen;opacity:var(--bloom);background:radial-gradient(58% 46% at var(--gx) var(--gy),rgba(255,255,255,1),rgba(220,236,255,0.46) 44%,rgba(255,255,255,0) 80%),linear-gradient(calc(100deg + var(--hue) * 0.4),rgba(255,255,255,0) 28%,rgba(232,244,255,0.58) 50%,rgba(255,255,255,0) 72%),linear-gradient(rgba(206,226,255,0.12),rgba(206,226,255,0.12))}.foil-card__frame{position:absolute;inset:0;border-radius:16px;mix-blend-mode:soft-light;background:linear-gradient(calc(180deg + var(--hue)),rgba(255,255,255,0.42),rgba(255,255,255,0) 42%,rgba(0,0,0,0.5)),radial-gradient(78% 60% at var(--gx) var(--gy),rgba(255,255,255,0.5),rgba(255,255,255,0) 68%);pointer-events:none}.foil-card__frame::after{content:'';position:absolute;inset:5px;border-radius:11px;border:1px solid rgba(255,255,255,0.5);mix-blend-mode:normal}.foil-card__face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--w,280px) * 0.062);z-index:1;background:linear-gradient(to top,rgba(6,3,14,0.66) 0%,rgba(6,3,14,0.18) 22%,rgba(6,3,14,0) 40%)}.card-bottom p{min-width:0}[data-foil="prism"] .foil-layer--sheen{background-image:repeating-linear-gradient(112deg,rgba(255,72,148,0.62) 0%,rgba(255,196,64,0.5) 5%,rgba(120,255,182,0.5) 10%,rgba(72,182,255,0.58) 15%,rgba(178,96,255,0.6) 20%,rgba(255,72,148,0.62) 25%),repeating-linear-gradient(88deg,rgba(255,255,255,0.13) 0 1px,rgba(0,0,0,0) 1px 5px);background-size:250% 250%,auto;background-position:var(--sx) var(--sy),var(--sx) 0}[data-foil="brush"] .foil-layer--sheen{background-image:linear-gradient(102deg,rgba(8,16,34,0) 16%,rgba(122,176,255,0.6) 34%,rgba(255,255,255,0.95) 47%,rgba(146,214,255,0.62) 60%,rgba(8,16,34,0) 82%),repeating-linear-gradient(102deg,rgba(255,255,255,0.2) 0 1px,rgba(0,0,0,0) 1px 4px);background-size:320% 100%,auto;background-position:var(--sx) 0,var(--sx) 0}[data-foil="ice"] .foil-layer--sheen{background-image:repeating-linear-gradient(24deg,rgba(255,255,255,0.72) 0 1.2px,rgba(0,0,0,0) 1.2px 22px),repeating-linear-gradient(-64deg,rgba(255,255,255,0.6) 0 1.2px,rgba(0,0,0,0) 1.2px 30px),repeating-linear-gradient(78deg,rgba(255,255,255,0.44) 0 1px,rgba(0,0,0,0) 1px 16px),repeating-linear-gradient(140deg,rgba(255,44,168,0.72) 0%,rgba(255,132,96,0.6) 7%,rgba(255,214,96,0.62) 14%,rgba(255,44,168,0.72) 22%);background-size:auto,auto,auto,260% 260%;background-position:var(--sx) var(--sy),var(--sy) var(--sx),var(--sx) 0,var(--sx) var(--sy)}[data-foil-card]:focus-visible .foil-card__inner{box-shadow:0 calc(16px + var(--lift) * 16px) calc(38px + var(--lift) * 40px) rgba(0,0,0,0.62),0 0 0 2px var(--accent),0 0 26px color-mix(in srgb,var(--accent) 55%,transparent)}.card-top,.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:0.4rem}.card-mark,.card-serial{font-family:'JetBrains Mono',monospace;font-size:max(7px,calc(var(--w,280px) * 0.033));font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.72);text-shadow:0 1px 3px rgba(0,0,0,0.7)}.card-serial{color:rgba(255,255,255,0.5)}.card-name{font-family:'Syne',system-ui,sans-serif;font-size:calc(var(--w,280px) * 0.086);font-weight:800;line-height:0.94;letter-spacing:-0.05em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,0.75)}.card-type{display:block;margin-top:0.22em;font-family:'JetBrains Mono',monospace;font-size:max(7px,calc(var(--w,280px) * 0.031));font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.72)}.rack-slot--lead .card-name{font-size:calc(var(--w,280px) * 0.12)}.card-chip{flex:0 0 auto;padding:0.24em 0.6em 0.28em;font-family:'JetBrains Mono',monospace;font-size:max(6.5px,calc(var(--w,280px) * 0.029));font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#0a0512;background:rgba(255,255,255,0.92);border-radius:100px;white-space:nowrap}@media (max-width:760px){.showcase-shell{padding:1rem 0.9rem;align-content:center}.showcase-toolbar{align-items:flex-start;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem}.showcase-prompt span:last-child{display:none}.rack{grid-template-columns:auto auto;gap:0.85rem;justify-content:center}.rack-slot--lead{grid-row:1;grid-column:1 / -1}.rack-slot--left{grid-row:2;grid-column:1}.rack-slot--right{grid-row:2;grid-column:2}.rack-slot--lead .foil-card{--w:min(52vw,200px)}.rack-slot--side .foil-card{--w:min(34vw,136px)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}