@layer base{:root{--white:#fff;--black:#0c0d0f;--neutral-50:#f7f8f9;--neutral-100:#eff0f2;--neutral-200:#e3e5e8;--neutral-300:#cfd2d6;--neutral-400:#9ea2aa;--neutral-500:#6b6f78;--neutral-600:#4d515a;--neutral-700:#383b42;--neutral-800:#24262b;--neutral-900:#16171a;--neutral-950:#0c0d0f;--accent-1:var(--m-blue);--accent-2:#4a59c4;--accent-3:#3a47a0;--green-300:#6fcaa1;--green-500:#3fa980;--green-700:#2c8563;--amber-300:#ecc07f;--amber-500:#dfa24c;--amber-700:#a9731f;--rose-300:#ec8583;--rose-500:#dd5b58;--rose-700:#bd3f3c;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--page-sm:48rem;--page-md:56rem;--page-lg:64rem;--page-xl:72rem;--control-h-xs:1.75rem;--control-h-sm:2rem;--control-h:2.25rem;--control-h-lg:2.5rem;--control-h-xl:2.75rem;--inset-highlight:inset 0 1px 0 0 #ffffff24;--inset-press:inset 0 1px 2px 0 #1011141a;--edge-dark:inset 0 1px 0 0 #ffffff0f;--ring-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 22%, transparent);--dur-fast:.12s;--dur:.2s;--dur-slow:.4s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--plate-hi:#f7f8fa;--plate-mid:#eef0f3;--plate-lo:#e2e5ea;--plate-floor:#10111433}.dark{--plate-hi:#eceef1;--plate-mid:#e1e4e8;--plate-lo:#cfd3da;--plate-floor:#10111442}::selection{background:color-mix(in srgb, var(--m-blue) 22%, transparent)}}@layer components{.mono-label{font-family:var(--font-sans);letter-spacing:.01em;color:var(--muted-foreground);font-size:.75rem;font-weight:500;line-height:1rem}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.opt-pill{align-items:center;gap:var(--space-1-5);border:1px solid var(--border);min-height:2rem;padding:var(--space-1-5) var(--space-3);color:var(--muted-foreground);cursor:pointer;transition:background-color var(--dur) var(--ease-standard), color var(--dur) var(--ease-standard), border-color var(--dur) var(--ease-standard);background:0 0;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex;position:relative}.opt-pill:hover{background:var(--accent);color:var(--foreground)}.opt-pill--active{background:color-mix(in srgb, var(--m-blue) 11%, transparent);color:var(--brand-ink);border-color:color-mix(in srgb, var(--m-blue) 40%, transparent)}.opt-pill--active:hover{background:color-mix(in srgb, var(--m-blue) 15%, transparent);color:var(--brand-ink)}@media (pointer:coarse){.opt-pill:after{content:"";width:100%;min-width:2.75rem;height:100%;min-height:2.75rem;position:absolute;top:50%;left:50%;translate:-50% -50%}}.opt-live{align-items:center;gap:var(--space-1-5);display:inline-flex}.opt-live__dot{border-radius:9999px;flex-shrink:0;width:.4rem;height:.4rem}.opt-row{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-surface);transition:border-color var(--dur) var(--ease-standard), box-shadow var(--dur) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);border-radius:.875rem}.dark .opt-row{box-shadow:var(--edge-dark)}.opt-row:hover{border-color:color-mix(in srgb, var(--m-blue) 40%, transparent);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.dark .opt-row:hover{box-shadow:var(--edge-dark)}.opt-row:active{transform:translateY(0)}.opt-row--good:hover{border-color:color-mix(in srgb, var(--success) 50%, transparent)}.opt-row--hot:hover{border-color:color-mix(in srgb, var(--m-red) 45%, transparent)}@media (prefers-reduced-motion:reduce){.opt-row:hover,.opt-row:active{transform:none}}.opt-rarity{height:1.375rem;font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.3125rem;padding:0 .5rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.opt-rarity--unicorn{background:var(--hype-ink);color:#fff;border-color:color-mix(in srgb, var(--hype-ink) 80%, #000);box-shadow:0 1px 2px #10111424}.dark .opt-rarity--unicorn{background:var(--m-red);color:#1a0e0e;border-color:color-mix(in srgb, var(--m-red) 80%, #fff)}.opt-rarity--scarce{background:color-mix(in srgb, var(--m-red) 12%, var(--card));color:var(--hype-ink);border-color:color-mix(in srgb, var(--m-red) 32%, transparent)}.opt-rarity--uncommon{background:color-mix(in srgb, var(--muted-foreground) 10%, var(--card));color:color-mix(in srgb, var(--muted-foreground) 82%, var(--foreground));border-color:color-mix(in srgb, var(--muted-foreground) 22%, transparent)}.opt-stat{gap:var(--space-1-5);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-surface);padding:var(--space-4);border-radius:.875rem;flex-direction:column;display:flex}.dark .opt-stat{box-shadow:var(--edge-dark)}.car-frame{isolation:isolate;background-clip:padding-box;position:relative;overflow:hidden;container-type:size}.dark .car-frame:after{content:"";z-index:2;pointer-events:none;--car-inset:clamp(0px, 2.6cqi - 1.5px, 7px);inset:var(--car-inset);border-radius:max(3px, calc(var(--car-inset) * 1.45));box-shadow:0 0 0 1px #00000047, 0 0 0 200vmax var(--card);position:absolute}.car-plate{isolation:isolate;background:radial-gradient(120% 95% at 50% 32%, var(--plate-hi) 0%, var(--plate-mid) 52%, var(--plate-lo) 100%);position:absolute;inset:0;overflow:hidden}.car-plate[data-kind=photo]{background:var(--muted)}.car-stage{--car-fill:.88;--car-s:min(calc(var(--car-fill) / var(--car-cw) * 100cqw), calc(.74 * var(--car-ar) / var(--car-ch) * 100cqh));left:calc(50% - var(--car-s) * var(--car-cx));top:calc(50% + var(--car-s) * var(--car-ch) / 2 / var(--car-ar) + 2cqh - var(--car-s) / var(--car-ar) * var(--car-ground));width:var(--car-s);aspect-ratio:var(--car-ar);position:absolute}.car-stage:before{content:"";left:calc(var(--car-cx) * 100% - var(--car-cw) * 48%);top:calc(var(--car-ground) * 100% - 6%);width:calc(var(--car-cw) * 96%);background:radial-gradient(closest-side, var(--plate-floor), transparent);border-radius:50%;height:11%;position:absolute}.car-stage img{mix-blend-mode:multiply;object-fit:contain}.car-photo{object-fit:cover;object-position:50% 50%}.car-silhouette{color:#b9bfc9;width:min(58cqw,120cqh);position:absolute;top:54%;left:50%;translate:-50% -50%}}
/*# sourceMappingURL=2byla1dw-faqb.css.map*/