html .site-header{transition:background-color .4s var(--ease-out),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out),backdrop-filter .4s var(--ease-out)}html .site-header.is-over-hero{background-color:transparent;background-image:none;border-bottom-color:transparent;box-shadow:none;backdrop-filter:blur(0px) saturate(100%)}html .site-header .brand-name,html .site-header .brand-name small,html .site-header .brand-dot,html .site-header .icon-button,html .site-header .nav-divider,html .site-header .nav-login,html .site-header .nav-profile{transition:color .4s var(--ease-out),background-color var(--duration) var(--ease),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out),transform var(--duration) var(--ease)}html .site-header .icon-button:hover,html .site-header .icon-button:focus-visible,html .site-header .nav-login:hover,html .site-header .nav-login:focus-visible,html .site-header .nav-profile:hover,html .site-header .nav-profile:focus-visible{transition-duration:var(--duration)}html .site-header.is-over-hero .brand-name{color:rgb(var(--gray-0));text-shadow:0 1px 12px rgb(0 0 0 / .35)}html .site-header.is-over-hero .brand-name small{color:rgb(var(--gray-200))}html .site-header.is-over-hero .brand-dot{color:rgb(var(--primary-300))}html .site-header.is-over-hero .nav-link{color:#ffffffd1}html .site-header.is-over-hero .nav-link:not(.is-active):hover{color:rgb(var(--gray-0));background:#ffffff1a}html .site-header.is-over-hero .nav-link.is-active{color:rgb(var(--gray-0))}html .site-header.is-over-hero .icon-button{color:#ffffffd9}html .site-header.is-over-hero .icon-button:hover{color:rgb(var(--gray-0));background:#ffffff1f}html .site-header.is-over-hero .nav-divider{background:#fff3}html .site-header.is-over-hero .nav-profile{color:rgb(var(--gray-0))}html .site-header.is-over-hero .nav-profile:hover{background:#ffffff1f}html .site-header.is-over-hero .nav-login{color:rgb(var(--gray-0));border-color:#fff3;background-color:#ffffff1a;background-image:none;box-shadow:inset 0 1px #ffffff2e,0 10px 28px -14px #0009;backdrop-filter:blur(16px) saturate(170%)}html .site-header.is-over-hero .nav-login:hover{background-color:#ffffff2e;border-color:#ffffff4d}html .nav-link{position:relative;isolation:isolate}html .nav-link.is-active,html .nav-link.is-active:hover{background:transparent}html .nav-pill{position:absolute;inset:0;z-index:-1;border-radius:var(--radius-md);background:var(--color-primary-soft);pointer-events:none}html .site-header.is-over-hero .nav-pill{background:#ffffff24;box-shadow:inset 0 1px #ffffff29}.route-fallback{min-height:60vh}.route-progress{position:fixed;top:0;left:0;right:0;z-index:300;height:3px;overflow:hidden;pointer-events:none;opacity:0;animation:route-progress-reveal 1ms linear .2s forwards}.route-progress-bar{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 8px rgb(var(--primary-500) / .6);animation:route-progress-slide 1.1s var(--ease-in-out) infinite}@keyframes route-progress-reveal{to{opacity:1}}@keyframes route-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion: reduce){.route-progress-bar{width:100%;animation:none;opacity:.7}}html:not(.dark) .site-header:not(.is-over-hero){background-color:#f1f3f7c7;box-shadow:inset 0 -1px #ffffff8c,0 8px 24px -18px rgb(var(--shadow-ink, 28 38 64) / .3)}html:not(.dark) .site-header.is-over-hero .nav-avatar{background:#ffffff29;color:rgb(var(--gray-0));box-shadow:inset 0 0 0 1px #ffffff40}.showcase-headline{color:rgb(var(--gray-0));font-family:var(--font-display);font-size:clamp(1.875rem,1.1rem + 2.2vw,3rem);font-weight:700;line-height:1.06;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 24px rgb(0 0 0 / .45)}.showcase-lede{max-width:34rem;margin-top:var(--space-1h);color:rgb(var(--gray-100));font-size:.9375rem;line-height:var(--leading-body);text-wrap:pretty;text-shadow:0 1px 12px rgb(0 0 0 / .5)}.showcase-copy .showcase-actions{margin-top:var(--space-3)}.showcase .showcase-inner{padding-bottom:calc(var(--strip-lift) + var(--space-10))}.showcase-copy .btn-glass{line-height:1.25}.showcase-feature{max-width:520px;margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid rgb(255 255 255 / .14)}.showcase-feature .showcase-kicker{min-height:28px}.showcase-feature .showcase-text{min-height:3.5rem}.showcase-feature .showcase-title{margin-top:var(--space-1h);font-size:clamp(1.375rem,1rem + 1.3vw,2.25rem);line-height:1.1;letter-spacing:-.025em}.showcase-feature .showcase-logo{width:min(280px,70%);max-height:72px;margin-top:var(--space-1h)}.showcase-feature .showcase-meta{margin-top:var(--space-1)}.showcase-feature .showcase-tagline{display:none}.showcase-scrim:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgb(var(--hero-ink) / .5),rgb(var(--hero-ink) / .4) 45%,rgb(var(--hero-ink) / 0) 78%);pointer-events:none}@media (max-width: 479px){.showcase-copy .showcase-actions{gap:var(--space-1)}.showcase-copy .btn-lg{min-height:var(--control-md)}}@media (max-width: 767px){.showcase .showcase-inner{padding-top:calc(var(--header-height) + var(--space-4))}}@media (min-width: 768px){.showcase-lede{font-size:var(--text-md)}.showcase-feature .showcase-tagline{display:-webkit-box;-webkit-line-clamp:2;margin-top:var(--space-1);font-size:var(--text-sm)}.showcase-feature .showcase-text{min-height:7.5rem}.showcase-feature .showcase-logo{max-height:96px}}@media (min-width: 1024px){.showcase-lede{font-size:var(--text-lg)}.showcase .showcase-inner{padding-top:calc(var(--header-height) + var(--space-6))}.showcase-feature{margin-top:var(--space-4);padding-top:var(--space-3)}.showcase-feature .showcase-tagline{font-size:var(--text-md)}.showcase-feature .showcase-text{min-height:8.5rem}.showcase-scrim:after{background:radial-gradient(55% 70% at 22% 42%,rgb(var(--hero-ink) / .5),rgb(var(--hero-ink) / .25) 55%,rgb(var(--hero-ink) / 0))}}@media (min-width: 1440px){.showcase .showcase-copy{max-width:620px}}.verify-card .verify-card-hint{display:flex;align-items:center;gap:var(--space-half);margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.verify-card-hint svg{flex-shrink:0}.verify-card-hint code{font-family:var(--font-mono);letter-spacing:.02em}.verify-card .verify-card-note{margin-top:var(--space-1h);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.activity-toast{position:relative;display:flex;align-items:center;gap:var(--space-1h);padding:var(--space-1h) var(--space-5) var(--space-1h) var(--space-1h);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background-color:var(--glass-bg-strong);background-image:var(--glass-sheen);color:var(--color-text);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur)}.activity-toast-media{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted)}.activity-toast-media img,.activity-toast-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.activity-toast-body{flex:1;min-width:0;font-size:var(--text-sm);line-height:var(--leading-snug)}.activity-toast-body strong{font-weight:700}.activity-toast-muted{color:var(--color-text-muted)}.activity-toast-game-line{display:-webkit-box;margin-top:2px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.activity-toast-game{color:var(--color-link);font-weight:600}.activity-toast-time{margin-top:2px;color:var(--color-text-muted);font-size:var(--text-xs)}.activity-toast-close{position:absolute;top:var(--space-half);right:var(--space-half);display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.activity-toast-close:hover{background:var(--color-surface-2);color:var(--color-text)}@supports not (backdrop-filter: blur(1px)){.activity-toast{background-color:var(--color-surface)}}.how-section.has-demo{grid-template-areas:"intro" "demo" "actions";gap:var(--space-4)}.how-section.has-demo>.how-intro{grid-area:intro;min-width:0}.how-section.has-demo>.how-demo-wrap{grid-area:demo;min-width:0}.how-section.has-demo>.how-actions{grid-area:actions;min-width:0}@media (min-width: 768px){.how-section.has-demo>.how-actions{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}.how-section.has-demo .how-links{grid-template-rows:1fr 1fr}.how-section.has-demo .how-links>*{display:grid}}@media (min-width: 1024px){.how-section.has-demo{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"intro demo" "actions actions";-moz-column-gap:var(--space-8);column-gap:var(--space-8);row-gap:var(--space-6);align-items:center}}.how-step .step-number{transition:background-color var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease),color var(--duration-slow) var(--ease),box-shadow var(--duration-slow) var(--ease-out)}.how-step.is-active .step-number{border-color:transparent;background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 4px var(--color-bg),0 0 0 7px rgb(var(--primary-500) / .22),0 8px 24px -4px rgb(var(--primary-500) / .55)}.how-step.is-done .step-number{border-color:color-mix(in srgb,var(--color-success) 45%,transparent);background:var(--color-success-soft);color:var(--color-success)}.how-step>div{flex:1;min-width:0;transition:opacity var(--duration-slow) var(--ease)}.how-section.is-cycling .how-step:not(.is-active)>div{opacity:.58}.how-step-track{display:block;max-width:460px;height:2px;margin-top:var(--space-1h);overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 10%,transparent);opacity:0;transition:opacity var(--duration-slow) var(--ease)}.how-section.is-cycling .how-step.is-active .how-step-track{opacity:1}.how-step-track>i,.hiw-segments i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),rgb(var(--primary-400)));transform-origin:left;animation:how-step-fill var(--step-ms, 5s) linear both}@keyframes how-step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@property --hiw-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.hiw-demo{position:relative;isolation:isolate;display:flex;flex-direction:column;height:384px;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background-color:var(--glass-bg);background-image:var(--glass-sheen);box-shadow:var(--glass-shadow),var(--shadow-lg);backdrop-filter:var(--glass-blur)}.hiw-rim{position:absolute;inset:-1px;z-index:3;padding:1px;border-radius:inherit;background:conic-gradient(from var(--hiw-angle),transparent 0 64%,rgb(var(--primary-400) / .9) 76%,rgb(var(--accent-300) / .85) 84%,transparent 94%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85;animation:hiw-spin 7s linear infinite paused}.hiw-demo.is-playing .hiw-rim{animation-play-state:running}@keyframes hiw-spin{to{--hiw-angle: 360deg}}.hiw-glow{position:absolute;inset:0;z-index:-1;pointer-events:none}.hiw-glow i{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease)}.hiw-glow i:nth-child(1){background:radial-gradient(70% 55% at 50% 18%,rgb(var(--primary-500) / .26),transparent 70%),radial-gradient(50% 40% at 90% 100%,rgb(var(--primary-300) / .16),transparent 70%)}.hiw-glow i:nth-child(2){background:radial-gradient(70% 55% at 50% 18%,rgb(var(--accent-400) / .2),transparent 70%),radial-gradient(55% 45% at 10% 100%,rgb(var(--primary-500) / .2),transparent 70%)}.hiw-glow i:nth-child(3){background:radial-gradient(70% 55% at 50% 18%,rgb(var(--success-400) / .2),transparent 70%),radial-gradient(55% 45% at 90% 100%,rgb(var(--primary-500) / .18),transparent 70%)}.hiw-demo[data-phase="0"] .hiw-glow i:nth-child(1),.hiw-demo[data-phase="1"] .hiw-glow i:nth-child(2),.hiw-demo[data-phase="2"] .hiw-glow i:nth-child(3){opacity:1}.hiw-glow:after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--color-text) 14%,transparent) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 80%)}.hiw-chrome{display:grid;grid-template-columns:1fr minmax(0,240px) 1fr;align-items:center;gap:var(--space-1h);height:38px;flex-shrink:0;padding:0 var(--space-1h);border-bottom:1px solid var(--glass-border)}.hiw-dots{display:flex;gap:5px}.hiw-dots i{width:8px;height:8px;border-radius:50%;background:rgb(var(--danger-400) / .85)}.hiw-dots i:nth-child(2){background:rgb(var(--accent-400) / .85)}.hiw-dots i:nth-child(3){background:rgb(var(--success-400) / .85)}.hiw-url{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:22px;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 7%,transparent);color:var(--color-text-muted);font-size:11px;font-weight:500;white-space:nowrap}.hiw-url>svg{flex-shrink:0;color:var(--color-success)}.hiw-stage{position:relative;display:grid;place-items:center;flex:1;min-height:0;padding:var(--space-2)}.hiw-scene{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--space-1h);width:100%;max-width:400px;min-width:0}.hiw-foot{display:flex;align-items:center;gap:var(--space-1h);height:40px;flex-shrink:0;padding:0 var(--space-2);border-top:1px solid var(--glass-border)}.hiw-caption{flex:1;min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-xs);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.hiw-caption b{margin-right:4px;color:var(--color-link);font-variant-numeric:tabular-nums}.hiw-segments{display:flex;gap:4px;width:96px;flex-shrink:0}.hiw-segments>span{flex:1;height:3px;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 12%,transparent);transition:background-color var(--duration-slow) var(--ease)}.hiw-segments>span.is-done,.hiw-demo:not(.is-playing) .hiw-segments>span.is-active{background:var(--color-primary)}.hiw-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 90%,transparent);box-shadow:var(--shadow-md)}.hiw-card.is-platform{background:linear-gradient(180deg,rgb(var(--primary-500) / .1),transparent 45%),color-mix(in srgb,var(--color-surface) 90%,transparent)}.hiw-card>:not(.hiw-success){transition:opacity .35s var(--ease),filter .35s var(--ease)}.hiw-card.is-dimmed>:not(.hiw-success){opacity:.18;filter:blur(1.5px)}.hiw-card-head{display:flex;align-items:center;gap:10px;min-width:0}.hiw-card-head>span:not(.hiw-badge):not(.hiw-chip){display:flex;flex-direction:column;min-width:0}.hiw-card-head strong{font-size:13.5px;font-weight:700;line-height:1.25}.hiw-card-head small{overflow:hidden;color:var(--color-text-muted);font-size:11.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.hiw-badge{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-link);transition:background-color var(--duration-slow) var(--ease),color var(--duration-slow) var(--ease)}.hiw-badge.is-success{background:var(--color-success-soft);color:var(--color-success)}.hiw-badge.is-platform{background:linear-gradient(135deg,rgb(var(--primary-500)),rgb(var(--primary-700)));color:rgb(var(--gray-0));box-shadow:0 6px 16px -6px rgb(var(--primary-500) / .8)}.hiw-thumb{width:30px;height:40px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.hiw-chip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;padding:3px 9px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-link);font-size:11px;font-weight:600;white-space:nowrap}.hiw-chip.is-success{background:var(--color-success-soft);color:var(--color-success)}.hiw-field{position:relative;display:flex;align-items:center;gap:var(--space-1);height:36px;padding:0 10px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .55);color:var(--color-text);font-size:13px;white-space:nowrap;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.hiw-field>svg,.hiw-key>svg,.hiw-cred>svg{flex-shrink:0;color:var(--color-text-muted)}.hiw-field.is-focused{border-color:var(--color-focus);box-shadow:0 0 0 3px rgb(var(--primary-500) / .18)}.hiw-field-value{overflow:hidden;text-overflow:clip}.hiw-field-placeholder{color:var(--color-text-subtle)}.hiw-caret{width:1.5px;height:15px;flex-shrink:0;margin-left:-6px;background:var(--color-link);animation:demo-caret .9s steps(1) infinite}.hiw-strength{display:flex;align-items:center;gap:4px}.hiw-strength i{flex:1;height:3px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 10%,transparent);transition:background-color var(--duration) var(--ease)}.hiw-strength i.is-on{background:rgb(var(--success-400))}.hiw-strength span{min-width:76px;color:var(--color-text-muted);font-size:11px;text-align:right}.hiw-button{position:relative;display:grid;place-items:center;height:36px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:13px;font-weight:600;box-shadow:0 8px 20px -8px rgb(var(--primary-500) / .8)}.hiw-tap{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#ffffff8c;pointer-events:none}.hiw-spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / .35);border-top-color:rgb(var(--gray-0));border-radius:50%;animation:hiw-rotate .7s linear infinite}@keyframes hiw-rotate{to{transform:rotate(360deg)}}.hiw-success{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--space-2);text-align:center}.hiw-success strong{font-size:var(--text-md);font-weight:700}.hiw-success-mark{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-success-soft)}.hiw-check{width:52px;height:52px;fill:none;stroke:var(--color-success);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hiw-success-halo{position:absolute;inset:0;border:2px solid var(--color-success);border-radius:50%;pointer-events:none}.hiw-spark{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:rgb(var(--success-400))}.hiw-spark:nth-child(odd){background:rgb(var(--accent-300))}.hiw-success-extra{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.hiw-success-extra b{color:var(--color-text)}.hiw-success-extra img{width:16px;height:22px;margin-left:-4px;-o-object-fit:cover;object-fit:cover;border-radius:3px}.hiw-play{display:inline-flex;align-items:center;gap:3px;margin-right:-4px;padding:2px 8px;border-radius:var(--radius-full);background:rgb(var(--success-500));color:rgb(var(--gray-0));font-size:10.5px;font-weight:700}.hiw-key{position:relative;display:flex;align-items:center;gap:var(--space-1);height:40px;padding:0 10px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .55);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;white-space:nowrap;transition:border-color var(--duration-slow) var(--ease),box-shadow var(--duration-slow) var(--ease)}.hiw-key.is-scanning{border-color:rgb(var(--primary-400) / .7);box-shadow:0 0 0 3px rgb(var(--primary-500) / .16)}.hiw-key.is-verified{border-color:color-mix(in srgb,var(--color-success) 70%,transparent);box-shadow:0 0 0 3px rgb(var(--success-500) / .16)}.hiw-key-text{min-width:0;overflow:hidden}.hiw-key-text>span:not(.hiw-field-placeholder){display:inline-block;color:var(--color-text);transition:color .2s var(--ease)}.hiw-key.is-scanning .hiw-key-text>span{color:var(--color-link)}.hiw-key.is-verified .hiw-key-text>span{color:var(--color-success)}.hiw-scan{position:absolute;top:0;bottom:0;width:22%;background:linear-gradient(90deg,transparent,rgb(var(--primary-400) / .5),transparent);pointer-events:none}.hiw-paste{position:absolute;right:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);font-size:10.5px;font-weight:600;letter-spacing:0}.hiw-shelf{padding:12px 14px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 72%,transparent)}.hiw-shelf-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.hiw-shelf-head b{font-weight:600;letter-spacing:0;text-transform:none}.hiw-shelf-head b.is-success{color:var(--color-success)}.hiw-slots{display:grid;grid-template-columns:repeat(4,minmax(0,68px));justify-content:center;gap:var(--space-1);margin-top:10px}.hiw-slot{position:relative;aspect-ratio:3 / 4;border:1px dashed color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text) 4%,transparent)}.hiw-slot.is-filled{border-style:solid;border-color:transparent;animation:hiw-slot-pop .7s var(--slot-delay, 0s) var(--ease-out) both}@keyframes hiw-slot-pop{0%{box-shadow:0 0 rgb(var(--success-400) / 0)}30%{box-shadow:0 0 rgb(var(--success-400) / .65)}to{box-shadow:0 0 0 9px rgb(var(--success-400) / 0)}}.hiw-slot img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);-o-object-fit:cover;object-fit:cover;border:1px solid var(--glass-border);border-radius:inherit;box-shadow:var(--shadow-md)}.hiw-cred{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .55);transition:border-color var(--duration-slow) var(--ease)}.hiw-cred.is-copied{border-color:color-mix(in srgb,var(--color-success) 50%,transparent)}.hiw-cred-copy{display:flex;flex:1;flex-direction:column;min-width:0}.hiw-cred-copy small{color:var(--color-text-muted);font-size:10.5px;line-height:1.3}.hiw-cred-value{overflow:hidden;color:var(--color-text);font-family:var(--font-mono);font-size:13px;font-weight:600;white-space:nowrap}.hiw-copy{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:7px;background:color-mix(in srgb,var(--color-text) 7%,transparent);color:var(--color-text-muted);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.hiw-copy>span{display:grid}.hiw-cred.is-copied .hiw-copy{background:var(--color-success-soft);color:var(--color-success)}.hiw-toast-slot{display:flex;justify-content:center;min-height:24px}.hiw-toast-slot .hiw-chip{margin-left:0}.hiw-login-fields{position:relative;display:grid;gap:10px}.hiw-paste-flash{position:absolute;inset:-3px;border-radius:var(--radius-md);background:linear-gradient(90deg,transparent,rgb(var(--primary-400) / .3),transparent);transform-origin:left;pointer-events:none}@media (min-width: 1024px){.hiw-demo{height:432px}.hiw-stage{padding:var(--space-3)}.hiw-slots{grid-template-columns:repeat(4,minmax(0,80px))}}.ql-anim{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-link)}.ql-anim.is-gift{background:var(--color-accent-soft);color:var(--color-accent-text)}.ql-shield{position:absolute;top:4px;left:50%;width:20px;height:20px;margin-left:-10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:filter var(--duration-slow) var(--ease)}.ql-shield-body{fill:currentColor;fill-opacity:.1;transition:fill-opacity var(--duration-slow) var(--ease)}.ql-anim.is-done .ql-shield{filter:drop-shadow(0 0 4px rgb(var(--primary-400) / .65))}.ql-anim.is-done .ql-shield-body{fill-opacity:.22}.ql-code{position:absolute;right:0;bottom:6px;left:0;display:flex;justify-content:center;gap:1px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;line-height:1}.ql-code span{width:5.4px;color:var(--color-text-subtle);text-align:center;transition:color var(--duration-fast) var(--ease)}.ql-code span.is-locked{color:currentColor}.ql-anim.is-guard .ql-code span.is-locked{color:var(--color-link)}.ql-gift{position:relative;display:grid;place-items:center;width:26px;height:26px}.ql-gift-svg{position:relative;z-index:1;width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ql-gift-fill{fill:currentColor;fill-opacity:.14}.ql-gift-glow{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--accent-300) / .75),transparent);pointer-events:none}.ql-sparkle{position:absolute;top:30%;left:50%;z-index:2;margin:-3px 0 0 -3px;background:rgb(var(--accent-400));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none}.ql-sparkle:nth-of-type(2n){background:rgb(var(--primary-400))}@media (prefers-reduced-motion: reduce){.hiw-rim,.hiw-caret,.hiw-spinner,.hiw-slot.is-filled,.how-step-track>i,.hiw-segments i{animation:none}}html:not(.dark) .activity-toast{background-color:#f7f8fbf0;border-color:rgb(var(--gray-950) / .1);box-shadow:inset 0 1px #fffc,0 2px 6px -2px rgb(var(--shadow-ink, 28 38 64) / .1),0 20px 40px -18px rgb(var(--shadow-ink, 28 38 64) / .35)}@supports not (backdrop-filter: blur(1px)){html:not(.dark) .activity-toast{background-color:var(--color-surface)}}html:not(.dark) .activity-toast-close:hover{background:var(--tint-hover, rgb(var(--primary-600) / .09))}html:not(.dark) .activity-toast-close:active{background:var(--tint-press, rgb(var(--primary-600) / .14))}html:not(.dark) .how-section.is-cycling .how-step:not(.is-active)>div{opacity:1}html:not(.dark) .how-section.is-cycling .how-step:not(.is-active) h3{color:var(--color-text-muted)}html:not(.dark) .hiw-demo{box-shadow:var(--glass-shadow-hover)}.decision-section{--decision-card-w: 104px;--decision-gap: var(--space-1h);--decision-radius: 22px;--decision-bezel-bg: linear-gradient( 180deg, rgb(246 247 250) 0%, rgb(232 236 242) 55%, rgb(var(--gray-300)) 100% );--decision-bezel-rim: inset 0 1px 0 rgb(255 255 255 / .75), inset 0 -1px 0 rgb(var(--gray-950) / .12), inset 0 0 0 1px rgb(var(--gray-950) / .05);--decision-glow: rgb(var(--primary-500) / .3);--decision-led-off: rgb(var(--accent-300) / .6);--decision-led-ring: rgb(var(--accent-700) / .45);--decision-led-on: rgb(var(--accent-100));--decision-led-glow: 0 0 5px 1px rgb(var(--accent-300) / .95), 0 0 14px 2px rgb(var(--accent-400) / .55);--decision-screen-bg: radial-gradient( 120% 90% at 50% 50%, rgb(var(--primary-800) / .55) 0%, rgb(var(--primary-950) / .9) 45%, rgb(var(--gray-950)) 100% ), rgb(var(--gray-950));--decision-marker: rgb(var(--accent-300))}.dark .decision-section{--decision-bezel-bg: linear-gradient( 180deg, rgb(var(--gray-800)) 0%, rgb(var(--gray-900)) 60%, rgb(var(--gray-950)) 100% );--decision-bezel-rim: inset 0 1px 0 rgb(255 255 255 / .1), inset 0 -1px 0 rgb(0 0 0 / .4);--decision-glow: rgb(var(--primary-500) / .55);--decision-led-off: rgb(var(--accent-300) / .16);--decision-led-ring: rgb(0 0 0 / .5)}.decision-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "stage" "panel";gap:var(--space-3);min-width:0}.decision-intro{grid-area:intro;min-width:0}.decision-intro h2{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.decision-intro p{max-width:480px;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-body)}.decision-stage{grid-area:stage;position:relative;min-width:0;padding:3px;border-radius:var(--decision-radius);isolation:isolate;box-shadow:0 24px 60px -28px var(--decision-glow),var(--shadow-md)}.decision-stage:after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;box-shadow:0 0 24px 2px rgb(var(--primary-400) / .55),0 0 60px 6px rgb(var(--accent-400) / .25);opacity:.35;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}.decision-stage[data-state=spinning]:after{opacity:1}.decision-stage[data-state=won]:after{opacity:.8;animation:decision-glow-pulse 1.6s var(--ease-in-out) infinite}.decision-ring{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;background:linear-gradient(135deg,rgb(var(--primary-400) / .7),rgb(var(--accent-300) / .7) 50%,rgb(var(--primary-600) / .7))}.decision-ring-spin{position:absolute;top:50%;left:50%;width:160%;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,transparent 0deg 95deg,rgb(var(--primary-300)) 140deg,rgb(var(--accent-200)) 170deg,rgb(255 255 255) 178deg,transparent 180deg);transform:translate(-50%,-50%) rotate(0);animation:decision-ring-turn 7s linear infinite}.decision-ring-spin.is-fast{background:repeating-conic-gradient(from 90deg,transparent 0deg 70deg,rgb(var(--accent-300)) 110deg,rgb(var(--accent-100)) 116deg,rgb(var(--primary-300)) 120deg,transparent 120deg);opacity:0;animation-duration:1.1s;transition:opacity var(--duration-slow) var(--ease-out)}.decision-stage[data-state=spinning] .decision-ring-spin.is-fast{opacity:1}.decision-bezel{position:relative;z-index:1;padding:22px 10px;border-radius:calc(var(--decision-radius) - 3px);background:var(--decision-bezel-bg);box-shadow:var(--decision-bezel-rim)}.decision-lights{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;height:8px;pointer-events:none}.decision-lights.is-top{top:7px}.decision-lights.is-bottom{bottom:7px}.decision-led{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--decision-led-off);box-shadow:inset 0 0 0 1px var(--decision-led-ring)}.decision-led:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--decision-led-on);box-shadow:var(--decision-led-glow);opacity:.15;transition:opacity 90ms linear}.decision-stage[data-state=idle] .decision-led:after{animation:decision-breathe 2.8s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * -.16s)}.decision-stage[data-state=idle] .is-bottom .decision-led:after{animation-direction:reverse}.decision-stage[data-state=spinning] .decision-led:after{animation:none;opacity:.12}.decision-stage[data-state=spinning][data-phase="0"] .is-top .decision-led:nth-child(3n+1):after,.decision-stage[data-state=spinning][data-phase="1"] .is-top .decision-led:nth-child(3n+2):after,.decision-stage[data-state=spinning][data-phase="2"] .is-top .decision-led:nth-child(3n):after,.decision-stage[data-state=spinning][data-phase="0"] .is-bottom .decision-led:nth-child(3n):after,.decision-stage[data-state=spinning][data-phase="1"] .is-bottom .decision-led:nth-child(3n+2):after,.decision-stage[data-state=spinning][data-phase="2"] .is-bottom .decision-led:nth-child(3n+1):after{opacity:1}.decision-stage[data-state=spinning]:not([data-phase]) .decision-led:nth-child(3n+1):after{opacity:1}.decision-stage[data-state=won] .decision-led:after{animation:decision-breathe 2.8s var(--ease-in-out) infinite,decision-blink .5s steps(1,end) 5;animation-delay:calc(var(--i) * -.16s),0s}.decision-stage[data-state=won] .decision-led:nth-child(2n):after{animation-name:decision-breathe,decision-blink-alt}.decision-screen{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--decision-screen-bg);box-shadow:inset 0 2px 12px #000000a6,inset 0 0 0 1px #ffffff12}.decision-screen:before{content:"";position:absolute;top:50%;left:50%;width:calc(var(--decision-card-w) * 3);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgb(var(--primary-400) / .4) 0%,transparent 65%);transition:background var(--duration-slow) var(--ease-out);pointer-events:none}.decision-stage[data-state=won] .decision-screen:before{background:radial-gradient(circle,rgb(var(--accent-300) / .42) 0%,transparent 65%)}.decision-screen:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:linear-gradient(170deg,#ffffff17,#fff0 38%);pointer-events:none}.decision-strip{position:relative;z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.decision-stage[data-state=spinning] .decision-strip{cursor:progress}.decision-window{position:relative;overflow:hidden;padding-block:22px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%)}.decision-track{display:flex;gap:var(--decision-gap);width:-moz-max-content;width:max-content;will-change:transform}.decision-card{position:relative;flex:none;width:var(--decision-card-w);aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-lg);background:rgb(var(--gray-800));box-shadow:0 6px 16px -6px #000000b3,inset 0 0 0 1px #ffffff0f;transform-origin:center}.decision-card img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.decision-card.is-winner{z-index:1;box-shadow:0 0 0 2px rgb(var(--accent-300)),0 0 22px 4px rgb(var(--accent-400) / .55),0 12px 28px -8px #000c}.decision-card.is-winner:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / .55) 48%,transparent 66%);transform:translate(-120%);animation:decision-sheen 1s var(--ease-out) .2s forwards;pointer-events:none}.decision-speed{position:absolute;inset:0;z-index:1;opacity:0;background:repeating-linear-gradient(to bottom,transparent 0 11px,rgb(255 255 255 / .06) 11px 12px),linear-gradient(to right,rgb(var(--primary-400) / .25),transparent 30%,transparent 70%,rgb(var(--primary-400) / .25));pointer-events:none}.decision-marker{position:absolute;top:50%;left:50%;z-index:2;width:calc(var(--decision-card-w) * 1.1 + 10px);aspect-ratio:2 / 3;transform:translate(-50%,-50%);border:2px solid var(--decision-marker);border-radius:calc(var(--radius-lg) + 5px);box-shadow:0 0 0 3px rgb(var(--accent-400) / .18),0 0 18px rgb(var(--accent-400) / .5),inset 0 0 14px rgb(var(--accent-300) / .25);pointer-events:none}.decision-stage[data-state=idle] .decision-marker{animation:decision-marker-pulse 2.8s var(--ease-in-out) infinite}.decision-stage[data-state=won] .decision-marker{animation:decision-marker-win .9s var(--ease-out) 2}.decision-pointer{position:absolute;top:4px;left:50%;z-index:3;width:16px;height:14px;transform-origin:50% 0;background:linear-gradient(180deg,rgb(var(--accent-100)),rgb(var(--accent-400)));clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 6px rgb(var(--accent-400) / .9));pointer-events:none}.decision-pointer.is-bottom{top:auto;bottom:4px;transform-origin:50% 50%;transform:translate(-50%) rotate(180deg)}.decision-flash{position:absolute;inset:0;z-index:2;background:radial-gradient(60% 80% at 50% 50%,rgb(var(--accent-100) / .7),#fff0 70%);pointer-events:none}.decision-mute{position:absolute;top:8px;right:8px;z-index:4;display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgb(255 255 255 / .16);border-radius:var(--radius-full);background:#00000073;color:#ffffffd9;backdrop-filter:blur(6px);transition:background var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration-fast) var(--ease);cursor:pointer}.decision-mute:before{content:"";position:absolute;inset:-6px;border-radius:inherit}.decision-mute:hover{background:#000000a6;color:#fff}.decision-mute:active{transform:scale(.94)}.decision-mute:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.decision-burst{position:absolute;top:50%;left:50%;z-index:5;width:0;height:0;pointer-events:none}.decision-halo{position:absolute;top:-70px;left:-70px;width:140px;height:140px;border:3px solid rgb(var(--accent-200));border-radius:50%;box-shadow:0 0 24px rgb(var(--accent-300) / .8),inset 0 0 18px rgb(var(--accent-300) / .6)}.decision-confetti{position:absolute;top:-5px;left:-3px;width:7px;height:11px;border-radius:2px}.decision-confetti.is-shape-1{top:-3px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.decision-confetti.is-shape-2{top:-1px;left:-6px;width:13px;height:3px;border-radius:var(--radius-full);box-shadow:0 0 6px currentColor}.decision-panel{grid-area:panel;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.decision-result-slot.is-reserved{min-height:122px}.decision-result{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1h);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow),0 0 0 1px rgb(var(--accent-400) / .18)}.decision-result-cover{flex:none;width:64px;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-2);box-shadow:0 0 0 2px rgb(var(--accent-300) / .85),0 8px 22px -6px rgb(var(--accent-500) / .6)}.decision-result-cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.decision-result-text{display:flex;flex-direction:column;gap:var(--space-half);min-width:0}.decision-result-label{color:var(--color-accent-text);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.decision-result-title{overflow-wrap:anywhere;color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight)}.decision-result-platform{color:var(--color-text-muted);font-size:var(--text-sm)}.decision-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1h)}.decision-actions .btn-primary,.decision-actions .btn-secondary{flex:1 1 100%;justify-content:center;text-align:center}.decision-actions .is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.decision-spin{position:relative;overflow:hidden;isolation:isolate}.decision-spin-label{position:relative;z-index:1}.decision-spin-shine{position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,transparent 35%,rgb(255 255 255 / .35) 50%,transparent 65%);transform:translate(-120%);animation:decision-button-shine 3.6s var(--ease-in-out) 1.2s infinite;pointer-events:none}.decision-spin.btn-secondary .decision-spin-shine{background:linear-gradient(110deg,transparent 35%,rgb(var(--primary-400) / .18) 50%,transparent 65%)}.decision-spin.is-disabled .decision-spin-shine{animation:none;opacity:0}.decision-stage[data-paused] *,.decision-stage[data-paused]:after{animation-play-state:paused!important}@keyframes decision-ring-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes decision-breathe{0%,to{opacity:.15}50%{opacity:.95}}@keyframes decision-blink{0%{opacity:1}50%{opacity:.1}}@keyframes decision-blink-alt{0%{opacity:.1}50%{opacity:1}}@keyframes decision-glow-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes decision-marker-pulse{0%,to{box-shadow:0 0 0 3px rgb(var(--accent-400) / .14),0 0 12px rgb(var(--accent-400) / .35),inset 0 0 10px rgb(var(--accent-300) / .18)}50%{box-shadow:0 0 0 5px rgb(var(--accent-400) / .22),0 0 26px rgb(var(--accent-400) / .6),inset 0 0 18px rgb(var(--accent-300) / .3)}}@keyframes decision-marker-win{0%{box-shadow:0 0 0 3px rgb(var(--accent-400) / .2),0 0 18px rgb(var(--accent-400) / .5)}40%{box-shadow:0 0 0 8px rgb(var(--accent-300) / .35),0 0 40px rgb(var(--accent-300) / .9)}to{box-shadow:0 0 0 3px rgb(var(--accent-400) / .2),0 0 18px rgb(var(--accent-400) / .5)}}@keyframes decision-sheen{to{transform:translate(120%)}}@keyframes decision-button-shine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@media (min-width: 480px){.decision-actions .btn-primary,.decision-actions .btn-secondary{flex:0 1 auto}}@media (min-width: 768px){.decision-section{--decision-card-w: 132px;--decision-gap: var(--space-2);--decision-radius: 26px}.decision-intro h2{font-size:var(--text-2xl)}.decision-bezel{padding:26px 14px}.decision-lights{left:28px;right:28px}.decision-lights.is-top{top:9px}.decision-lights.is-bottom{bottom:9px}.decision-led{width:8px;height:8px}.decision-window{padding-block:28px}}@media (min-width: 1024px){.decision-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;grid-template-areas:"stage intro" "stage panel";-moz-column-gap:var(--space-6);column-gap:var(--space-6);row-gap:var(--space-3)}.decision-stage{align-self:center}.decision-intro{align-self:end}.decision-panel{align-self:start}}@media (prefers-reduced-motion: reduce){.decision-ring-spin,.decision-stage .decision-led:after,.decision-stage .decision-marker,.decision-stage:after,.decision-card.is-winner:after,.decision-spin-shine{animation:none!important}.decision-ring-spin.is-fast,.decision-spin-shine,.decision-card.is-winner:after{display:none}.decision-stage .decision-led:after{opacity:.15;transition:none}.decision-stage .decision-led:nth-child(odd):after{opacity:.85}.decision-stage[data-state=won] .decision-led:after{opacity:.95}}html:not(.dark) .decision-screen{box-shadow:inset 0 2px 12px #000000a6,0 1px 2px rgb(var(--shadow-ink, 28 38 64) / .1)}.catalog-banner{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;height:clamp(240px,32vw,400px);margin-bottom:var(--space-3);overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:rgb(var(--gray-950));box-shadow:var(--glass-shadow)}.catalog-banner-stage{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;background:rgb(var(--gray-950));pointer-events:none}.catalog-banner-media{position:absolute;top:-2px;left:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;transform-origin:50% 50%;backface-visibility:hidden}.catalog-banner-image{z-index:0}.catalog-banner-video{z-index:1;-o-object-position:center 41%;object-position:center 41%;background:transparent}.catalog-banner-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(var(--gray-950) / .82),rgb(var(--gray-950) / .45) 45%,rgb(var(--gray-950) / 0) 80%),linear-gradient(0deg,rgb(var(--gray-950) / .88),rgb(var(--gray-950) / .3) 50%,rgb(var(--gray-950) / 0) 80%)}.catalog-banner-content{position:relative;z-index:3;max-width:640px;padding:var(--space-3);color:rgb(var(--gray-0))}.catalog-banner-content h1{color:rgb(var(--gray-0));font-size:var(--text-2xl);font-weight:700;line-height:1.15;text-shadow:0 2px 16px rgb(0 0 0 / .35)}.catalog-banner-content h1>span{color:rgb(var(--primary-200))}.catalog-banner-content p{max-width:520px;margin-top:var(--space-1);color:#ffffffd1;font-size:var(--text-md)}#main-content{overflow-x:clip}.catalog-page{position:relative;isolation:isolate}.catalog-ambient{position:absolute;z-index:-1;top:calc(-1 * (var(--header-height) + var(--space-5)));left:calc(50% - 50vw);width:100vw;height:clamp(560px,64vw,900px);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 38%,rgb(0 0 0 / .55) 62%,rgb(0 0 0 / .18) 82%,transparent 100%),linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0%,#000 38%,rgb(0 0 0 / .55) 62%,rgb(0 0 0 / .18) 82%,transparent 100%),linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.catalog-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg) 40%,transparent) 0%,color-mix(in srgb,var(--color-bg) 22%,transparent) 24%,transparent 38%)}.catalog-ambient video,.catalog-ambient img{display:block;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;transform:scale(1.08);filter:blur(16px) saturate(1.35) brightness(.92);opacity:.95;transition:filter 4s var(--ease-in-out),opacity 4s var(--ease-in-out),transform 6s var(--ease-out)}.catalog-ambient.is-calm video,.catalog-ambient.is-calm img{transform:scale(1.03);filter:blur(0) saturate(.9) brightness(.36);opacity:.42}.catalog-ambient video.is-looping{opacity:0;transition:opacity 1.1s var(--ease-in-out)}.catalog-ambient img{filter:blur(40px) saturate(1.1) brightness(.45);opacity:.55}html:not(.dark) .catalog-ambient{opacity:.45}html:not(.dark) .catalog-ambient video,html:not(.dark) .catalog-ambient img{filter:blur(28px) saturate(1.9) brightness(1.85) contrast(.8);opacity:.6}html:not(.dark) .catalog-ambient.is-calm video,html:not(.dark) .catalog-ambient.is-calm img{filter:blur(24px) saturate(1.6) brightness(1.9) contrast(.75);opacity:.22}html:not(.dark) .catalog-ambient:after{background:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg) 60%,transparent) 0%,color-mix(in srgb,var(--color-bg) 30%,transparent) 26%,transparent 40%),radial-gradient(60% 60% at 50% 40%,rgb(var(--primary-200) / .25),transparent 70%)}html:not(.dark) .catalog-ambient video.is-looping{opacity:0}.catalog-banner-credit{position:absolute;right:var(--space-2);bottom:var(--space-2);z-index:3;display:inline-flex;align-items:center;gap:var(--space-1);max-width:calc(100% - var(--space-4));padding:var(--space-half) var(--space-1h);border:1px solid rgb(255 255 255 / .16);border-radius:var(--radius-full);background:rgb(var(--gray-950) / .4);color:#ffffffe0;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px #ffffff1f;pointer-events:none}.catalog-banner-credit-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:rgb(var(--accent-400))}@media (max-width: 639px){.catalog-banner-credit{top:var(--space-1h);bottom:auto;right:var(--space-1h)}}@media (min-width: 768px){.catalog-banner-credit{right:var(--space-3);bottom:var(--space-3)}.catalog-banner{margin-bottom:var(--space-4)}.catalog-banner-content{padding:var(--space-5)}.catalog-banner-content h1{font-size:var(--text-3xl)}}html .platform-filters button,html .view-switch button{position:relative;isolation:isolate}.catalog-highlight{position:absolute;z-index:-1;pointer-events:none}.catalog-highlight-label{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}html .platform-filters button[aria-pressed=true]{background:transparent;border-color:transparent}html .platform-filters .catalog-highlight{inset:-1px;border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-full);background:var(--color-primary-soft)}html .view-switch button[aria-pressed=true]{background:transparent;box-shadow:none}html .view-switch .catalog-highlight{inset:0;border-radius:calc(var(--radius-md) - 3px);background:var(--color-surface);box-shadow:var(--shadow-xs)}.catalog-stage{transition:opacity var(--duration) var(--ease)}.catalog-stage.is-refreshing{opacity:.55;pointer-events:none}.catalog-card-cell{display:flex;min-width:0}.catalog-card-cell>.game-card{flex:1 1 auto}html .game-card-media>img.is-pending{transform:scale(1.03)}html .game-dialog[open]{animation:none}html .game-dialog::backdrop{opacity:1;transition:opacity .28s var(--ease-out)}@starting-style{html .game-dialog[open]::backdrop{opacity:0}}html .game-dialog.is-closing{pointer-events:none}html .game-dialog.is-closing::backdrop{opacity:0;transition-duration:.18s}html:not(.dark) .catalog-banner{border-color:rgb(var(--gray-950) / .18);box-shadow:0 1px 2px rgb(var(--shadow-ink, 28 38 64) / .08),0 22px 48px -26px rgb(var(--shadow-ink, 28 38 64) / .55)}html:not(.dark) .platform-filters button{border-color:var(--color-border-strong);background:rgb(var(--gray-50) / .5);color:var(--color-text-muted)}html:not(.dark) .platform-filters button:hover:not([aria-pressed=true]){border-color:rgb(var(--primary-400) / .6);color:var(--color-text);background:var(--tint-hover, rgb(var(--primary-600) / .09))}html:not(.dark) .platform-filters button:active:not([aria-pressed=true]){background:var(--tint-press, rgb(var(--primary-600) / .14))}html:not(.dark) .platform-filters button[aria-pressed=true]{color:var(--color-on-primary);background:transparent;border-color:transparent}html:not(.dark) .platform-filters .catalog-highlight{background:rgb(var(--primary-600));border-color:transparent;box-shadow:0 6px 16px -8px rgb(var(--primary-600) / .6),inset 0 1px #fff3}html:not(.dark) .catalog-toolbar{box-shadow:inset 0 1px 0 var(--glass-rim),0 10px 24px -18px rgb(var(--shadow-ink, 28 38 64) / .3)}:root{--gray-0: 255 255 255;--gray-50: 247 248 250;--gray-100: 239 241 244;--gray-200: 226 230 235;--gray-300: 204 210 218;--gray-400: 143 152 165;--gray-500: 95 104 118;--gray-600: 74 82 95;--gray-700: 54 61 73;--gray-800: 35 41 51;--gray-900: 23 27 34;--gray-950: 14 17 22;--primary-50: 238 243 255;--primary-100: 223 232 255;--primary-200: 195 211 254;--primary-300: 154 180 251;--primary-400: 109 143 245;--primary-500: 69 101 230;--primary-600: 53 83 214;--primary-700: 43 67 176;--primary-800: 39 57 140;--primary-900: 36 51 111;--primary-950: 22 31 67;--accent-50: 255 248 235;--accent-100: 255 239 204;--accent-200: 254 220 148;--accent-300: 253 197 92;--accent-400: 248 174 52;--accent-500: 236 150 26;--accent-600: 201 120 16;--accent-700: 161 92 13;--accent-800: 130 73 18;--accent-900: 107 61 19;--accent-950: 61 32 6;--success-50: 236 253 243;--success-100: 211 248 226;--success-200: 168 239 200;--success-300: 111 222 168;--success-400: 60 197 133;--success-500: 31 169 107;--success-600: 18 128 79;--success-700: 20 109 71;--success-800: 21 87 59;--success-900: 19 72 50;--success-950: 6 40 27;--danger-50: 254 242 242;--danger-100: 253 227 227;--danger-200: 251 202 202;--danger-300: 246 163 163;--danger-400: 238 111 111;--danger-500: 224 72 72;--danger-600: 201 52 52;--danger-700: 168 40 40;--danger-800: 139 37 37;--danger-900: 116 37 37;--danger-950: 63 15 15;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3rem;--text-display: clamp(2.75rem, 6vw, 5rem);--leading-tight: 1.2;--leading-snug: 1.4;--leading-body: 1.6;--tracking-tight: -.02em;--tracking-caps: .06em;--space-half: 4px;--space-1: 8px;--space-1h: 12px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--control-sm: 40px;--control-md: 48px;--duration-fast: .12s;--duration: .2s;--duration-slow: .32s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--container: 1200px;--gutter: 16px;--header-height: 64px}:root{color-scheme:light;--color-bg: rgb(222 227 234);--color-surface: rgb(241 243 247);--color-surface-2: rgb(229 233 239);--color-surface-inverse: rgb(var(--gray-900));--color-border: rgb(203 210 220);--color-border-strong: rgb(178 187 200);--color-input-border: rgb(112 121 135);--color-text: rgb(var(--gray-900));--color-text-muted: rgb(78 87 101);--color-text-subtle: rgb(var(--gray-500));--color-text-inverse: rgb(var(--gray-0));--color-primary: rgb(var(--primary-600));--color-primary-hover: rgb(var(--primary-700));--color-on-primary: rgb(var(--gray-0));--color-primary-soft: rgb(222 230 252);--color-primary-soft-border: rgb(184 201 248);--color-link: rgb(var(--primary-600));--color-accent: rgb(var(--accent-500));--color-accent-soft: rgb(250 236 205);--color-accent-text: rgb(var(--accent-700));--color-success: rgb(var(--success-700));--color-success-soft: rgb(218 241 228);--color-danger: rgb(var(--danger-600));--color-danger-soft: rgb(250 225 225);--color-warning: rgb(var(--accent-700));--color-warning-soft: rgb(250 236 205);--color-focus: rgb(var(--primary-500));--color-overlay: rgb(24 34 58 / .4);--color-media-scrim: rgb(var(--gray-950) / .72);--shadow-ink: 28 38 64;--shadow-xs: 0 1px 2px rgb(var(--shadow-ink) / .06);--shadow-sm: 0 1px 3px rgb(var(--shadow-ink) / .08), 0 1px 2px rgb(var(--shadow-ink) / .04);--shadow-md: 0 8px 24px -8px rgb(var(--shadow-ink) / .14), 0 2px 6px -2px rgb(var(--shadow-ink) / .06);--shadow-lg: 0 28px 56px -20px rgb(var(--shadow-ink) / .28);--tint-hover: rgb(var(--primary-600) / .09);--tint-press: rgb(var(--primary-600) / .14);--bg-rgb: 222 227 234;--glass-bg: rgb(245 247 251 / .74);--glass-bg-strong: rgb(245 247 251 / .92);--glass-border: rgb(40 56 96 / .11);--glass-rim: rgb(255 255 255 / .85);--glass-sheen: linear-gradient(135deg, rgb(255 255 255 / .22) 0%, rgb(255 255 255 / 0) 42%);--glass-blur: blur(20px) saturate(130%);--glass-shadow: inset 0 1px 0 var(--glass-rim), 0 1px 2px rgb(var(--shadow-ink) / .05), 0 16px 36px -20px rgb(var(--shadow-ink) / .24);--glass-shadow-hover: inset 0 1px 0 var(--glass-rim), 0 2px 4px rgb(var(--shadow-ink) / .06), 0 26px 50px -22px rgb(var(--shadow-ink) / .32);--ambient-1: rgb(var(--primary-300) / .28);--ambient-2: rgb(188 196 255 / .14);--ambient-3: rgb(var(--primary-200) / .4);--toast-bg: rgb(247 248 251 / .94);--toast-border: var(--glass-border);--toast-color: var(--color-text)}.dark{color-scheme:dark;--color-bg: rgb(9 11 15);--color-surface: rgb(var(--gray-900));--color-surface-2: rgb(var(--gray-800));--color-surface-inverse: rgb(var(--gray-100));--color-border: rgb(43 49 59);--color-border-strong: rgb(var(--gray-700));--color-input-border: rgb(var(--gray-500));--color-text: rgb(232 235 240);--color-text-muted: rgb(154 163 176);--color-text-subtle: rgb(var(--gray-500));--color-text-inverse: rgb(var(--gray-950));--color-primary: rgb(var(--primary-600));--color-primary-hover: rgb(var(--primary-500));--color-on-primary: rgb(var(--gray-0));--color-primary-soft: rgb(var(--primary-500) / .16);--color-primary-soft-border: rgb(var(--primary-800));--color-link: rgb(var(--primary-300));--color-accent: rgb(var(--accent-400));--color-accent-soft: rgb(var(--accent-500) / .12);--color-accent-text: rgb(var(--accent-300));--color-success: rgb(var(--success-300));--color-success-soft: rgb(16 40 30);--color-danger: rgb(var(--danger-300));--color-danger-soft: rgb(56 22 22);--color-warning: rgb(var(--accent-300));--color-warning-soft: rgb(48 34 14);--color-focus: rgb(var(--primary-300));--color-overlay: rgb(0 0 0 / .7);--shadow-xs: 0 1px 2px rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px rgb(0 0 0 / .4);--shadow-md: 0 8px 24px -6px rgb(0 0 0 / .5);--shadow-lg: 0 24px 56px -16px rgb(0 0 0 / .65);--bg-rgb: 9 11 15;--glass-bg: rgb(22 26 34 / .55);--glass-bg-strong: rgb(18 22 29 / .78);--glass-border: rgb(255 255 255 / .08);--glass-rim: rgb(255 255 255 / .1);--glass-sheen: linear-gradient(135deg, rgb(255 255 255 / .07) 0%, rgb(255 255 255 / 0) 40%);--glass-shadow: inset 0 1px 0 var(--glass-rim), inset 0 -1px 0 rgb(0 0 0 / .25), 0 16px 40px -20px rgb(0 0 0 / .7);--glass-shadow-hover: inset 0 1px 0 rgb(255 255 255 / .16), inset 0 -1px 0 rgb(0 0 0 / .25), 0 28px 56px -24px rgb(0 0 0 / .85);--ambient-1: rgb(var(--primary-700) / .13);--ambient-2: rgb(var(--accent-600) / .05);--ambient-3: rgb(var(--primary-900) / .22);--glass-blur: blur(20px) saturate(170%);--toast-bg: var(--glass-bg-strong)}@media (min-width: 768px){:root{--gutter: 24px}}@media (min-width: 1024px){:root{--gutter: 32px;--header-height: 72px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--gray-200) / 1)}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:rgb(var(--gray-400) / 1)}input::placeholder,textarea::placeholder{opacity:1;color:rgb(var(--gray-400) / 1)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-3));-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}p{text-wrap:pretty}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:not-allowed}code,kbd{font-family:var(--font-mono)}::-moz-selection{background:rgb(var(--primary-200));color:rgb(var(--gray-950))}::selection{background:rgb(var(--primary-200));color:rgb(var(--gray-950))}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}#main-content:focus{outline:none}.card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.btn-primary,.btn-secondary,.btn-outline,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--control-md);padding:var(--space-1h) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration-fast) var(--ease)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-outline:active:not(:disabled),.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn-secondary,.btn-outline{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){background:var(--color-surface-2)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled,.btn-ghost:disabled{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border);box-shadow:none}.input-field{width:100%;min-height:var(--control-md);padding:var(--space-1h) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.4;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input-field::-moz-placeholder{color:var(--color-text-muted);opacity:.8}.input-field::placeholder{color:var(--color-text-muted);opacity:.8}.input-field:hover:not(:disabled):not(:focus){border-color:var(--color-text-subtle)}.input-field:focus,.input-field:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--primary-500) / .25)}.input-field[aria-invalid=true]{border-color:var(--color-danger)}.input-field:disabled{background:var(--color-surface-2);color:var(--color-text-muted)}.skeleton{display:inline-block;background:var(--color-surface-2);border-radius:var(--radius-md);animation:skeleton-pulse 1.6s ease-in-out infinite}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.site-container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.icon-button:hover{background:var(--color-surface-2);color:var(--color-text)}.text-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;color:var(--color-link);font-size:var(--text-sm);font-weight:600}.text-link svg{transition:transform var(--duration) var(--ease)}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.text-link:hover svg{transform:translate(2px,-2px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-6{right:1.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-24{top:6rem}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[210\]{z-index:210}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[720px\]{min-width:720px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[color\:var\(--color-border\)\]>:not([hidden])~:not([hidden]){border-color:var(--color-border)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:var(--radius-md)}.rounded-2xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.rounded-lg,.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-card{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[color\:var\(--color-border\)\]{border-color:var(--color-border)}.border-\[color\:var\(--color-border-strong\)\]{border-color:var(--color-border-strong)}.border-\[color\:var\(--glass-border\)\]{border-color:var(--glass-border)}.border-amber-200\/60{border-color:rgb(var(--accent-200) / .6)}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(var(--primary-200) / var(--tw-border-opacity, 1))}.border-orange-500\/20{border-color:rgb(var(--accent-500) / .2)}.border-primary-200{--tw-border-opacity: 1;border-color:rgb(var(--primary-200) / var(--tw-border-opacity, 1))}.border-primary-200\/80{border-color:rgb(var(--primary-200) / .8)}.border-primary-300{--tw-border-opacity: 1;border-color:rgb(var(--primary-300) / var(--tw-border-opacity, 1))}.border-primary-300\/70{border-color:rgb(var(--primary-300) / .7)}.border-red-500\/20{border-color:rgb(var(--danger-500) / .2)}.border-transparent{border-color:transparent}.border-white\/20{border-color:rgb(var(--gray-0) / .2)}.border-white\/50{border-color:rgb(var(--gray-0) / .5)}.border-zinc-100{--tw-border-opacity: 1;border-color:rgb(var(--gray-100) / var(--tw-border-opacity, 1))}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(var(--gray-200) / var(--tw-border-opacity, 1))}.border-zinc-300{--tw-border-opacity: 1;border-color:rgb(var(--gray-300) / var(--tw-border-opacity, 1))}.bg-\[color\:var\(--color-overlay\)\]{background-color:var(--color-overlay)}.bg-\[color\:var\(--color-surface-2\)\]{background-color:var(--color-surface-2)}.bg-\[color\:var\(--glass-bg-strong\)\]{background-color:var(--glass-bg-strong)}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(var(--accent-400) / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(var(--accent-50) / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(var(--accent-500) / var(--tw-bg-opacity, 1))}.bg-amber-500\/20{background-color:rgb(var(--accent-500) / .2)}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(var(--accent-600) / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(var(--primary-50) / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(var(--primary-500) / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:rgb(var(--primary-500) / .2)}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(var(--success-100) / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(var(--success-400) / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(var(--success-500) / var(--tw-bg-opacity, 1))}.bg-emerald-500\/15{background-color:rgb(var(--success-500) / .15)}.bg-emerald-500\/20{background-color:rgb(var(--success-500) / .2)}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(var(--success-600) / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(var(--success-100) / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(var(--success-500) / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(var(--success-600) / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(var(--accent-500) / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:rgb(var(--accent-500) / .1)}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(var(--primary-100) / var(--tw-bg-opacity, 1))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(var(--primary-50) / var(--tw-bg-opacity, 1))}.bg-primary-50\/30{background-color:rgb(var(--primary-50) / .3)}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(var(--primary-500) / var(--tw-bg-opacity, 1))}.bg-primary-500\/10{background-color:rgb(var(--primary-500) / .1)}.bg-primary-500\/15{background-color:rgb(var(--primary-500) / .15)}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(var(--primary-600) / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(var(--danger-100) / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(var(--danger-50) / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(var(--danger-500) / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:rgb(var(--danger-500) / .1)}.bg-red-500\/20{background-color:rgb(var(--danger-500) / .2)}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(var(--danger-600) / var(--tw-bg-opacity, 1))}.bg-red-600\/30{background-color:rgb(var(--danger-600) / .3)}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(var(--primary-100) / var(--tw-bg-opacity, 1))}.bg-violet-500\/20{background-color:rgb(var(--primary-500) / .2)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(var(--gray-0) / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:rgb(var(--gray-0) / .2)}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(var(--accent-500) / var(--tw-bg-opacity, 1))}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(var(--gray-100) / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(var(--gray-200) / var(--tw-bg-opacity, 1))}.bg-zinc-300{--tw-bg-opacity: 1;background-color:rgb(var(--gray-300) / var(--tw-bg-opacity, 1))}.bg-zinc-400{--tw-bg-opacity: 1;background-color:rgb(var(--gray-400) / var(--tw-bg-opacity, 1))}.bg-zinc-50\/50{background-color:rgb(var(--gray-50) / .5)}.bg-zinc-500{--tw-bg-opacity: 1;background-color:rgb(var(--gray-500) / var(--tw-bg-opacity, 1))}.bg-zinc-500\/10{background-color:rgb(var(--gray-500) / .1)}.bg-zinc-500\/20{background-color:rgb(var(--gray-500) / .2)}.bg-zinc-600{--tw-bg-opacity: 1;background-color:rgb(var(--gray-600) / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(var(--gray-700) / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(var(--gray-900) / var(--tw-bg-opacity, 1))}.bg-zinc-950\/75{background-color:rgb(var(--gray-950) / .75)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-xl);line-height:var(--leading-snug)}.text-3xl{font-size:var(--text-2xl);line-height:var(--leading-tight)}.text-4xl{font-size:var(--text-3xl);line-height:var(--leading-tight)}.text-base{font-size:var(--text-md);line-height:var(--leading-body)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-snug)}.text-sm{font-size:var(--text-sm);line-height:1.55}.text-xl{font-size:var(--text-lg);line-height:var(--leading-snug)}.text-xs{font-size:var(--text-xs);line-height:1.5}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[color\:var\(--color-danger\)\]{color:var(--color-danger)}.text-\[color\:var\(--color-text\)\]{color:var(--color-text)}.text-\[color\:var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-amber-500{--tw-text-opacity: 1;color:rgb(var(--accent-500) / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(var(--accent-800) / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(var(--primary-500) / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(var(--primary-600) / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(var(--primary-700) / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(var(--primary-500) / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(var(--success-500) / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(var(--success-600) / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(var(--success-700) / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(var(--success-500) / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(var(--success-600) / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(var(--success-700) / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(var(--accent-500) / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(var(--accent-600) / var(--tw-text-opacity, 1))}.text-primary-500{--tw-text-opacity: 1;color:rgb(var(--primary-500) / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(var(--primary-600) / var(--tw-text-opacity, 1))}.text-primary-700{--tw-text-opacity: 1;color:rgb(var(--primary-700) / var(--tw-text-opacity, 1))}.text-primary-800{--tw-text-opacity: 1;color:rgb(var(--primary-800) / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(var(--danger-500) / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(var(--danger-600) / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(var(--danger-700) / var(--tw-text-opacity, 1))}.text-sky-500,.text-violet-500{--tw-text-opacity: 1;color:rgb(var(--primary-500) / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(var(--primary-700) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(var(--gray-0) / var(--tw-text-opacity, 1))}.text-white\/80{color:rgb(var(--gray-0) / .8)}.text-white\/90{color:rgb(var(--gray-0) / .9)}.text-yellow-500{--tw-text-opacity: 1;color:rgb(var(--accent-500) / var(--tw-text-opacity, 1))}.text-zinc-200{--tw-text-opacity: 1;color:rgb(var(--gray-200) / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(var(--gray-400) / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(var(--gray-500) / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(var(--gray-600) / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(var(--gray-700) / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(var(--gray-800) / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(var(--gray-900) / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-\[0_1px_3px_rgb\(var\(--gray-950\)\/0\.3\)\]{--tw-shadow: 0 1px 3px rgb(var(--gray-950)/.3);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-xs);--tw-shadow-colored: var(--shadow-xs);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-emerald-600\/25{--tw-ring-color: rgb(var(--success-600) / .25)}.ring-primary-500\/20{--tw-ring-color: rgb(var(--primary-500) / .2)}.ring-zinc-400\/40{--tw-ring-color: rgb(var(--gray-400) / .4)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:var(--ease);transition-duration:.2s}.transition-all{transition-property:all;transition-timing-function:var(--ease);transition-duration:.2s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--ease);transition-duration:.2s}.transition-opacity{transition-property:opacity;transition-timing-function:var(--ease);transition-duration:.2s}.transition-transform{transition-property:transform;transition-timing-function:var(--ease);transition-duration:.2s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.\[box-shadow\:var\(--glass-shadow-hover\)\]{box-shadow:var(--glass-shadow-hover)}:root:not(.dark) .text-zinc-400{color:var(--color-text-muted)}html.dark .dark\:text-zinc-500,html.dark .dark\:text-zinc-600{color:var(--color-text-muted)}.skip-link{position:fixed;top:calc(-1 * var(--space-10));left:var(--space-2);z-index:200;padding:var(--space-1h) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-inverse);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600}.skip-link:focus{top:var(--space-2)}.brand{display:inline-flex;align-items:center;gap:var(--space-1h)}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary)}.brand-name{display:block;max-width:180px;overflow:hidden;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.2;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.brand-name small{display:block;margin-top:var(--space-half);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500}.brand-dot{color:var(--color-link)}.brand-image{max-width:160px;max-height:40px;-o-object-fit:contain;object-fit:contain}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-bottom:1px solid var(--color-border);backdrop-filter:saturate(1.4) blur(12px)}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--header-height)}.brand-link{display:inline-flex;min-width:0;border-radius:var(--radius-md)}.desktop-nav,.desktop-actions{display:none}.desktop-nav{align-items:center;gap:var(--space-half)}.nav-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control-sm);padding:0 var(--space-1h);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:color var(--duration) var(--ease),background-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.nav-link:active{transform:scale(.98)}.nav-link>svg{flex-shrink:0}.nav-link:hover{color:var(--color-text);background:var(--color-surface-2)}.nav-link.is-active{color:var(--color-link);background:var(--color-primary-soft);font-weight:600}.nav-new-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.desktop-actions,.mobile-actions{align-items:center;gap:var(--space-1)}.mobile-actions{display:flex}.nav-divider{width:1px;height:24px;margin:0 var(--space-1);background:var(--color-border)}.nav-login,.nav-register{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-sm);padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.nav-login{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface)}.nav-login:hover{background:var(--color-surface-2)}.nav-register{color:var(--color-on-primary);background:var(--color-primary)}.nav-register:hover{background:var(--color-primary-hover)}.nav-profile{display:inline-flex;align-items:center;gap:var(--space-1);max-width:200px;min-height:var(--control-sm);padding:0 var(--space-1h) 0 var(--space-half);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration) var(--ease)}.nav-profile:hover{background:var(--color-surface-2)}.nav-profile>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--color-primary-soft);color:var(--color-link);font-size:var(--text-sm)}.nav-count{min-width:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-accent);color:rgb(var(--gray-950));font-size:var(--text-xs);font-weight:700;line-height:20px;text-align:center}.mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:1;max-height:calc(100dvh - var(--header-height));overflow-y:auto;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.mobile-menu nav{display:grid;gap:var(--space-half);padding:var(--space-2) var(--gutter) var(--space-1)}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-1h);min-height:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);font-weight:500;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),scale var(--duration) var(--ease)}.mobile-nav-link:active{scale:.98}.mobile-nav-link>svg:first-child{color:var(--color-text-muted)}.mobile-nav-link>svg:last-child{margin-left:auto;color:var(--color-text-subtle)}.mobile-nav-link:hover{background:var(--color-surface-2)}.mobile-nav-link.is-active{background:var(--color-primary-soft);color:var(--color-link);font-weight:600}.mobile-nav-link.is-active>svg{color:currentColor}.mobile-account{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-2) var(--gutter);border-top:1px solid var(--color-border)}.mobile-account .nav-login,.mobile-account .nav-register{flex:1 1 140px;min-height:var(--control-md)}.mobile-menu>p{padding:0 var(--gutter) var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.mobile-scrim{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:39;background:var(--color-overlay);backdrop-filter:blur(4px)}.theme-toggle{color:var(--color-text-muted)}.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:1}.theme-toggle svg{transition:transform var(--duration) var(--ease)}.theme-toggle:hover svg{transform:rotate(-12deg)}@media (min-width: 1100px){.desktop-nav,.desktop-actions{display:flex}.mobile-actions,.mobile-menu,.mobile-scrim{display:none}.nav-container{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.brand-link{justify-self:start}.desktop-nav{justify-self:center}.desktop-actions{justify-self:end}}@media (min-width: 1100px) and (max-width: 1279px){.nav-link{padding-inline:var(--space-1)}.nav-link>svg{display:none}.brand-name{max-width:140px}}.promo-bar{border-bottom:1px solid var(--glass-border);background-color:var(--glass-bg-strong);background-image:var(--glass-sheen);backdrop-filter:var(--glass-blur)}.promo-inner{display:flex;gap:var(--space-1);padding-block:var(--space-half);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none}.promo-inner::-webkit-scrollbar{display:none}.promo-game{display:flex;flex:1 0 85%;align-items:center;gap:var(--space-1h);min-width:0;min-height:56px;padding:var(--space-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:rgb(var(--bg-rgb) / .28);color:var(--color-text);scroll-snap-align:start;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.promo-game:only-child{flex-basis:100%}.promo-game:hover{border-color:var(--color-primary-soft-border);background-color:var(--tint-hover)}.promo-game-art{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-link)}.promo-game-art img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.promo-game-copy{display:grid;flex:1;gap:2px;min-width:0;text-align:start}.promo-game-copy strong{overflow:hidden;font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.promo-game-copy>span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.promo-game-arrow{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-link);transition:color var(--duration) var(--ease),background-color var(--duration) var(--ease)}.promo-game:hover .promo-game-arrow{background:var(--color-primary);color:var(--color-on-primary)}.promo-game:hover .promo-game-art img{transform:scale(1.05)}.promo-game:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}@media (min-width: 768px){.promo-game{flex:1 1 0}}@media (prefers-reduced-motion: reduce){.promo-game,.promo-game-art img,.promo-game-arrow{transition:none}}.home-page{margin-top:calc(-1 * (var(--header-height) + 1px));overflow-x:clip}.status-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:rgb(var(--success-400));box-shadow:0 0 0 3px rgb(var(--success-400) / .2)}.showcase-zone{--strip-lift: 64px;--strip-height: 56px;position:relative;isolation:isolate}.showcase{position:relative;isolation:isolate;display:flex;min-height:max(600px,82svh);overflow:hidden;color:rgb(var(--gray-0));--hero-ink: 9 11 15}.showcase-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgb(0 0 0 / .8) 70%,rgb(0 0 0 / .45) 82%,rgb(0 0 0 / .15) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgb(0 0 0 / .8) 70%,rgb(0 0 0 / .45) 82%,rgb(0 0 0 / .15) 92%,transparent 100%)}html:not(.dark) .showcase-backdrop{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgb(0 0 0 / .35) 93%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgb(0 0 0 / .35) 93%,transparent 100%)}.showcase-media{position:absolute;z-index:0;inset:-4% 0 -18%;touch-action:pan-y;cursor:grab}.showcase-media:active{cursor:grabbing}.showcase-link{position:absolute;inset:0;display:block;-webkit-user-drag:none}.showcase-link:focus-visible{outline-offset:-6px}.showcase-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:60% 25%;object-position:60% 25%;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.showcase-image.is-previous{z-index:1;opacity:1}.showcase-image.is-active{z-index:2;opacity:1;animation:hero-image-in 1.4s cubic-bezier(.4,0,.2,1) both}.showcase-scrim{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(80% 55% at 50% 100%,rgb(var(--primary-900) / .45),transparent 70%),linear-gradient(to top,rgb(var(--hero-ink) / .96),rgb(var(--primary-950) / .6) 22%,rgb(var(--hero-ink) / .25) 45%,rgb(var(--hero-ink) / 0) 62%),linear-gradient(to bottom,rgb(var(--hero-ink) / .7),rgb(var(--hero-ink) / 0) 28%),linear-gradient(100deg,rgb(var(--hero-ink) / .82),rgb(var(--hero-ink) / .45) 40%,rgb(var(--hero-ink) / .05) 72%),rgb(var(--hero-ink) / .15)}.showcase-scroll-shade{position:absolute;z-index:2;inset:0;background:rgb(var(--hero-ink));pointer-events:none}.showcase-character{position:absolute;z-index:0;right:max(var(--gutter),calc((100% - var(--container)) / 2 - var(--space-6)));bottom:0;height:70%;aspect-ratio:995 / 1080;pointer-events:none;transform-origin:bottom center;perspective:1200px;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 98%),linear-gradient(to right,transparent 0%,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 70%,transparent 98%),linear-gradient(to right,transparent 0%,#000 18%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.showcase-character-tilt,.showcase-character-float,.showcase-character img{width:100%;height:100%}.showcase-character.is-soft{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgb(0 0 0 / .18) 4%,rgb(0 0 0 / .55) 9%,rgb(0 0 0 / .86) 14%,#000 19%,#000 40%,rgb(0 0 0 / .75) 58%,rgb(0 0 0 / .4) 74%,rgb(0 0 0 / .12) 88%,transparent 97%),linear-gradient(to left,transparent 0%,rgb(0 0 0 / .5) 9%,#000 24%),linear-gradient(to right,transparent 0%,#000 16%);-webkit-mask-composite:source-in,source-in;mask-image:linear-gradient(to bottom,transparent 0%,rgb(0 0 0 / .18) 4%,rgb(0 0 0 / .55) 9%,rgb(0 0 0 / .86) 14%,#000 19%,#000 40%,rgb(0 0 0 / .75) 58%,rgb(0 0 0 / .4) 74%,rgb(0 0 0 / .12) 88%,transparent 97%),linear-gradient(to left,transparent 0%,rgb(0 0 0 / .5) 9%,#000 24%),linear-gradient(to right,transparent 0%,#000 16%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.showcase-character.is-flying{top:12%;bottom:auto;height:auto;width:min(54%,760px);aspect-ratio:1 / 1;right:max(var(--space-6),calc((100% - var(--container)) / 2 - var(--space-8)));transform-origin:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%);mask-image:linear-gradient(to right,transparent 0%,#000 12%)}.showcase-character.is-flying img{-o-object-position:center;object-position:center}.showcase-character.is-flying .showcase-character-float{animation:mascot-float 7s ease-in-out infinite}@keyframes mascot-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(-10px,-16px,0) rotate(-1.5deg)}}.showcase-character img{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom right;object-position:bottom right}.showcase-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%;padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:calc(var(--space-12) + var(--space-6));pointer-events:none}.showcase-inner a,.showcase-inner button{pointer-events:auto}.showcase-copy{max-width:560px;pointer-events:auto}.showcase-kicker{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-1h);border:1px solid rgb(255 255 255 / .16);border-radius:var(--radius-full);background:#ffffff14;color:rgb(var(--gray-0));font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px #ffffff1f}.showcase-text{min-height:9.5em}.showcase-title{margin-top:var(--space-2);color:rgb(var(--gray-0));font-size:var(--text-display);font-weight:700;line-height:1.02;letter-spacing:-.035em;text-shadow:0 2px 24px rgb(0 0 0 / .4)}.showcase-logo{display:block;width:min(420px,80%);max-height:160px;margin-top:var(--space-3);-o-object-fit:contain;object-fit:contain;-o-object-position:left bottom;object-position:left bottom}.showcase-meta{margin-top:var(--space-1h);color:rgb(var(--primary-200));font-size:var(--text-sm);font-weight:600}.showcase-tagline{display:-webkit-box;max-width:520px;margin-top:var(--space-1);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:rgb(var(--gray-200));font-size:var(--text-md);line-height:1.6}.showcase-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1h);margin-top:var(--space-3)}.showcase-nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / .18);border-radius:50%;background:#ffffff14;color:rgb(var(--gray-0));box-shadow:inset 0 1px #fff3,0 12px 32px -12px #000000b3;backdrop-filter:blur(20px) saturate(180%);transform:translateY(-50%);transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.showcase-nav:hover{background:#ffffff2e;border-color:#ffffff52}.showcase-nav:active{transform:translateY(-50%) scale(.94)}.showcase-prev{left:var(--space-1)}.showcase-next{right:var(--space-1)}.showcase-indicators{position:absolute;left:50%;bottom:calc(var(--strip-lift) + var(--space-2) - 2px);z-index:3;display:flex;align-items:center;gap:var(--space-1);padding:2px var(--space-1);border-radius:var(--radius-full);background:rgb(var(--gray-950) / .45);backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px #ffffff1a;transform:translate(-50%)}.showcase-dots{display:flex;align-items:center;gap:2px}.showcase-dots button{position:relative;display:block;width:56px;height:32px}.showcase-dots button:before,.showcase-progress{content:"";position:absolute;left:4px;top:50%;height:3px;border-radius:var(--radius-full);transform-origin:left}.showcase-dots button:before{right:4px;background:#ffffff4d;transform:translateY(-50%) scaleX(.5);transition:transform .4s var(--ease-out),background-color var(--duration) var(--ease)}.showcase-dots button:hover:before{background:#fff9}.showcase-dots button[aria-current]:before{background:#ffffff59;transform:translateY(-50%) scaleX(1)}html:not(.dark) .showcase-dots button:before{background:#ffffff73}html:not(.dark) .showcase-dots button:hover:before{background:#ffffffb3}.showcase-progress{width:calc(100% - 8px);background:rgb(var(--gray-0));transform:translateY(-50%) scaleX(0);animation-name:indicator-progress;animation-timing-function:linear;animation-fill-mode:forwards}.showcase-pause{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgb(255 255 255 / .16);border-radius:50%;background:#ffffff14;color:rgb(var(--gray-0));backdrop-filter:blur(16px)}.showcase-pause:hover{background:#ffffff2e}.platform-strip-wrap{position:relative;z-index:2;margin-top:calc(-1 * var(--strip-lift))}.platform-strip{display:flex;gap:var(--space-1h);overflow-x:auto;scrollbar-width:none;padding:var(--space-1) 2px var(--space-3);margin:calc(-1 * var(--space-1)) -2px calc(-1 * var(--space-3))}.platform-strip::-webkit-scrollbar{display:none}.platform-strip>div{flex:1 0 auto}.platform-strip a{--platform: var(--primary-400);position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:var(--space-1h);min-height:var(--strip-height);padding:0 var(--space-3);overflow:hidden;border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff0f,#fff0 50%),rgb(var(--gray-950) / .72);color:rgb(var(--gray-0));font-size:var(--text-md);font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 1px #ffffff1f,0 16px 36px -18px #000000d9;backdrop-filter:blur(18px) saturate(160%);transition:border-color var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.platform-strip a:after{content:"";position:absolute;z-index:-1;left:6%;right:6%;bottom:0;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,rgb(var(--platform) / .8),transparent);opacity:.45;transform:scaleX(.73);transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.platform-logo{width:20px;height:20px;flex-shrink:0;color:#ffffffd1;transition:color var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.platform-arrow{position:absolute;top:50%;right:var(--space-1);margin-top:-9px;opacity:0;color:rgb(var(--platform));transform:translate(-6px,4px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.platform-strip a:hover,.platform-strip a:focus-visible{border-color:rgb(var(--platform) / .45);transform:translateY(-4px);box-shadow:inset 0 1px #ffffff2e,0 22px 40px -18px #000000e6}.platform-strip a:hover:after,.platform-strip a:focus-visible:after{transform:scaleX(1);opacity:1}.platform-strip a:hover .platform-arrow,.platform-strip a:focus-visible .platform-arrow{opacity:1;transform:none}.platform-strip a>span{transition:transform var(--duration-slow) var(--ease-out)}.platform-strip a:hover>.platform-logo,.platform-strip a:hover>span,.platform-strip a:focus-visible>.platform-logo,.platform-strip a:focus-visible>span{transform:translate(-10px)}.platform-strip a:hover>.platform-logo,.platform-strip a:focus-visible>.platform-logo{color:rgb(var(--primary-300))}.platform-strip a:active{transform:translateY(-1px) scale(.99)}@media (min-width: 768px){.showcase-zone{--strip-lift: 96px;--strip-height: 62px}.showcase{min-height:max(640px,84svh)}.showcase-nav{width:56px;height:56px}.showcase-prev{left:var(--space-3)}.showcase-next{right:var(--space-3)}.showcase-inner{padding-inline:max(var(--gutter),104px);padding-top:calc(var(--header-height) + var(--space-8))}}@media (min-width: 1024px){.showcase-zone{--strip-lift: 128px;--strip-height: 72px}.showcase{min-height:min(max(700px,90svh),920px)}.platform-strip a,.showcase-tagline{font-size:var(--text-lg)}.showcase-inner{padding-top:calc(var(--header-height) + var(--space-10))}}@media (min-width: 1280px){.showcase-character{height:84%}.platform-strip a{padding-inline:var(--space-4)}}@media (min-width: 1440px){.showcase-inner{padding-inline:var(--gutter)}}@media (max-width: 767px){.showcase-nav{top:auto;bottom:calc(var(--strip-lift) + var(--space-2) - 6px);transform:none}.showcase-nav:active{transform:scale(.94)}.showcase-prev{left:var(--gutter)}.showcase-next{right:var(--gutter)}}@keyframes hero-image-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes indicator-progress{0%{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}@media (prefers-reduced-motion: reduce){.showcase-image.is-active{animation:none}.showcase-dots button:before,.platform-strip a:after{transition:none}}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-link);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.tiny-square{display:none}.home-section{padding-top:var(--space-10)}.home-section>h2,.home-section h2[id]{font-size:var(--text-xl);font-weight:700}@media (min-width: 768px){.home-section{padding-top:var(--space-12)}.home-section h2[id]{font-size:var(--text-2xl)}}.featured-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.featured-search{display:flex;align-items:center;gap:var(--space-1);width:100%;max-width:420px;padding:var(--space-half) var(--space-half) var(--space-half) var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--color-text-muted);backdrop-filter:var(--glass-blur);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.featured-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--primary-500) / .3)}.featured-search input{flex:1;min-width:0;height:40px;background:transparent;color:var(--color-text);font-size:var(--text-md)}.featured-search input:focus{outline:none}.featured-search input::-moz-placeholder{color:var(--color-text-muted)}.featured-search input::placeholder{color:var(--color-text-muted)}.featured-search button{min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .5);color:var(--color-text);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration) var(--ease)}.featured-search button:hover{background:var(--color-surface-2)}.featured-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2)}.featured-chips{display:flex;gap:var(--space-half);overflow-x:auto;scrollbar-width:none}.featured-chips::-webkit-scrollbar{display:none}.featured-chips button{position:relative;flex-shrink:0;min-height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--duration) var(--ease)}.featured-chips button>span:last-child{position:relative}.featured-chips button:hover,.featured-chips button[aria-pressed=true]{color:var(--color-text)}.featured-chip-pill{position:absolute;inset:0;border:1px solid var(--glass-border);border-radius:inherit;background:var(--color-primary-soft);box-shadow:inset 0 1px 0 var(--glass-rim)}.featured-arrows{display:none;gap:var(--space-half)}.featured-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:var(--space-2);margin-inline:calc(-1 * var(--gutter));padding:var(--space-1) var(--gutter) var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.featured-rail::-webkit-scrollbar{display:none}.featured-item{scroll-snap-align:start}.featured-card{display:block;border-radius:var(--radius-lg)}.featured-art{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 4;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--glass-shadow)}.featured-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--ease-out)}.featured-card:hover .featured-art img{transform:scale(1.04)}.featured-platform{position:absolute;left:var(--space-1);bottom:var(--space-1);padding:2px var(--space-1);border:1px solid rgb(255 255 255 / .16);border-radius:var(--radius-sm);background:rgb(var(--gray-950) / .55);color:rgb(var(--gray-0));font-size:var(--text-xs);font-weight:600;backdrop-filter:blur(12px)}.featured-title{display:block;margin-top:var(--space-1h);overflow:hidden;font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.featured-card:hover .featured-title{color:var(--color-link)}.featured-all{margin-top:var(--space-1)}@media (min-width: 640px){.featured-rail{grid-auto-columns:minmax(170px,30%)}}@media (min-width: 1024px){.featured-arrows{display:flex}.featured-rail{grid-auto-columns:calc((100% - 4 * var(--space-3)) / 5);gap:var(--space-3);margin-inline:0;padding-inline:0;scroll-padding-inline:0}.featured-title{font-size:var(--text-md)}}.how-section{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.how-steps-wrap{position:relative;margin-top:var(--space-3)}.how-line{position:absolute;left:19px;top:20px;bottom:20px;width:2px;border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.how-line>span{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(var(--primary-400)),rgb(var(--primary-600)));transform-origin:top}.how-steps{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.how-step{position:relative;display:flex;align-items:flex-start;gap:var(--space-2)}.step-number{position:relative;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--glass-border);border-radius:50%;background:var(--color-bg);color:var(--color-link);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 0 0 4px var(--color-bg)}.how-step h3{padding-top:var(--space-1);font-family:var(--font-sans);font-size:var(--text-md);font-weight:600;letter-spacing:0}.how-step p{max-width:460px;margin-top:var(--space-half);color:var(--color-text-muted);font-size:var(--text-sm)}.how-intro>.text-link{margin-top:var(--space-2)}.how-actions{display:grid;gap:var(--space-2);align-content:start}.verify-card{padding:var(--space-3);border-radius:var(--radius-xl)}.verify-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-link)}.verify-card h3{margin-top:var(--space-2);font-size:var(--text-lg);font-weight:700}.verify-card p{margin-top:var(--space-half);color:var(--color-text-muted);font-size:var(--text-sm)}.verify-card form{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.verify-card .input-field{flex:1 1 220px;font-family:var(--font-mono);letter-spacing:.04em}.verify-card .btn-primary{flex:0 0 auto}.how-links{display:grid;gap:var(--space-1)}.how-links a{display:flex;align-items:center;gap:var(--space-1h);padding:var(--space-2);border-radius:var(--radius-lg)}.how-links a>svg:first-child{flex-shrink:0;color:var(--color-link)}.how-links a>svg:last-child{flex-shrink:0;margin-left:auto;color:var(--color-text-subtle);transition:transform var(--duration) var(--ease)}.how-links a:hover>svg:last-child{transform:translate(2px,-2px)}.how-links strong{display:block;font-size:var(--text-sm);font-weight:600}.how-links small{display:block;margin-top:2px;color:var(--color-text-muted);font-size:var(--text-sm)}@media (min-width: 1024px){.how-section{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-8);align-items:start}.verify-card{padding:var(--space-4)}}.faq-list{max-width:880px;margin-top:var(--space-3);border-top:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item h3{font-family:var(--font-sans);letter-spacing:0}.faq-item button{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:64px;padding:var(--space-2) 0;text-align:left;font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug);transition:color var(--duration) var(--ease)}.faq-item button:hover,.faq-item.is-open button{color:var(--color-link)}.faq-item button>svg{flex-shrink:0;margin-left:auto;color:var(--color-text-muted);transition:transform .32s var(--ease-out)}.faq-item.is-open button>svg{transform:rotate(45deg);color:var(--color-link)}.faq-item p{max-width:720px;padding-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-md)}.faq-section{padding-bottom:var(--space-10)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:480px;border-radius:var(--radius-xl);background:rgb(var(--gray-900));color:rgb(var(--gray-0))}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.hero-art{-o-object-fit:cover;object-fit:cover;animation:hero-reveal 1.4s ease-out both}.site-footer{margin-top:auto;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-trust{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.footer-trust-item{display:flex;align-items:flex-start;gap:var(--space-1h)}.footer-trust-item>svg{flex-shrink:0;margin-top:2px;color:var(--color-link)}.footer-trust-item strong{display:block;font-size:var(--text-sm);font-weight:600}.footer-trust-item p,.footer-trust-item a{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.footer-trust-item a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.footer-main{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) 0}.footer-brand>p{max-width:320px;margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-note{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.footer-links h2{margin-bottom:var(--space-1);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-caps)}.footer-links a{display:flex;align-items:center;gap:var(--space-half);min-height:40px;color:var(--color-text-muted);font-size:var(--text-sm)}.footer-links a:hover{color:var(--color-text)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-credit{display:flex;align-items:center;color:var(--color-link);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.footer-bottom button{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-1);border-radius:var(--radius-md);color:var(--color-text-muted)}.footer-bottom button:hover{color:var(--color-text);background:var(--color-surface-2)}@media (min-width: 640px){.footer-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.footer-trust{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-main{flex-direction:row;justify-content:space-between;gap:var(--space-8);padding-block:var(--space-6)}.footer-links{gap:var(--space-8)}}.notice-banner{position:fixed;left:var(--space-1h);right:var(--space-1h);bottom:var(--space-1h);z-index:45;display:flex;align-items:flex-start;gap:var(--space-1h);max-width:440px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text)}.notice-banner>svg{flex-shrink:0;margin-top:2px;color:var(--color-link)}.notice-banner h2{margin-bottom:var(--space-half);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:0}.notice-banner p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.notice-banner a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.notice-banner .icon-button{width:36px;height:36px;margin:-6px -6px 0 0}@media (min-width: 640px){.notice-banner{left:var(--space-3);right:auto;bottom:var(--space-3)}}.announcement-dialog,.game-dialog{max-height:calc(100dvh - var(--space-4));padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-text)}.announcement-dialog{width:min(520px,calc(100% - var(--space-4)))}.announcement-dialog[open],.game-dialog[open]{animation:dialog-enter var(--duration) var(--ease) both}.announcement-dialog::backdrop,.game-dialog::backdrop{background:var(--color-overlay);backdrop-filter:blur(4px)}.announcement-top{display:flex;align-items:center;gap:var(--space-1h);padding:var(--space-3);border-bottom:1px solid var(--color-border)}[data-kind=info]{--kind-fg: var(--color-link);--kind-soft: var(--color-primary-soft)}[data-kind=campaign]{--kind-fg: var(--color-success);--kind-soft: var(--color-success-soft)}[data-kind=maintenance]{--kind-fg: var(--color-warning);--kind-soft: var(--color-warning-soft)}.announcement-dialog .announcement-top{border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--kind-fg) 9%,transparent),transparent 65%);transition:background var(--duration) var(--ease)}.announcement-top .eyebrow{color:var(--kind-fg)}.announcement-kind-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--kind-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kind-fg) 22%,transparent);color:var(--kind-fg)}.kind-badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:var(--radius-full);background:var(--kind-soft);color:var(--kind-fg);font-size:var(--text-xs);font-weight:600}.kind-picker{display:grid;gap:var(--space-1)}@media (min-width: 640px){.kind-picker{grid-template-columns:repeat(3,1fr)}}.kind-option{position:relative;display:flex;align-items:center;gap:var(--space-1h);min-height:var(--control-md);padding:var(--space-1) var(--space-1h);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.kind-option input{position:absolute;opacity:0;pointer-events:none}.kind-option .kind-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--kind-soft);color:var(--kind-fg)}.kind-option:hover{border-color:color-mix(in srgb,var(--kind-fg) 40%,var(--color-border));color:var(--color-text)}.kind-option:has(input:checked){border-color:var(--kind-fg);background:color-mix(in srgb,var(--kind-fg) 8%,transparent);color:var(--color-text)}.kind-option:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.announcement-top p{margin-top:2px;font-size:var(--text-sm);font-weight:500}.announcement-top>button{margin-left:auto}.announcement-body{padding:var(--space-3)}.announcement-body h2{font-size:var(--text-xl);font-weight:700}.announcement-body p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-md);white-space:pre-wrap;overflow-wrap:anywhere}.announcement-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1h);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-2);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.announcement-bottom>span{flex-shrink:0;color:var(--color-text-muted);font-size:var(--text-sm)}.announcement-bottom>div{display:flex;flex-wrap:wrap;gap:var(--space-1)}.announcement-bottom button{min-height:var(--control-sm);padding-inline:var(--space-2)}.catalog-page{padding-top:var(--space-4);padding-bottom:var(--space-10)}.page-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.page-breadcrumb a:hover{color:var(--color-text)}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.catalog-heading h1{margin-top:var(--space-1);font-size:var(--text-2xl);font-weight:700}.catalog-heading h1>span{color:var(--color-link)}.catalog-heading p{max-width:600px;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-md)}.catalog-emblem{display:none;place-items:center;width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-xl);background:var(--color-primary-soft);color:var(--color-link)}.catalog-toolbar{position:sticky;top:calc(var(--header-height) + var(--space-1));z-index:10;margin-bottom:var(--space-3);padding:var(--space-1h);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.catalog-search-row{display:flex;align-items:center;gap:var(--space-1)}.catalog-search{position:relative;flex:1;min-width:0}.catalog-search>svg{position:absolute;left:var(--space-2);top:50%;color:var(--color-text-muted);transform:translateY(-50%);pointer-events:none}.catalog-search input{padding-left:calc(var(--space-2) + 28px);background:var(--color-bg)}.catalog-search .icon-button{position:absolute;top:2px;right:2px}.catalog-search:has(button) input{padding-right:var(--space-6)}.view-switch{display:flex;flex-shrink:0;padding:3px;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-bg)}.view-switch button{display:grid;place-items:center;width:36px;height:40px;border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-muted);transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.view-switch button:hover{color:var(--color-text)}.view-switch button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.platform-filters{display:flex;gap:var(--space-1);margin-top:var(--space-1h);overflow-x:auto;scrollbar-width:none}.platform-filters::-webkit-scrollbar{display:none}.platform-filters button{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;min-height:var(--control-sm);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--duration) var(--ease),background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.platform-filters button:hover{color:var(--color-text);border-color:var(--color-border-strong)}.platform-filters button[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary-soft-border);color:var(--color-link);font-weight:600}.catalog-results{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-2);margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.catalog-results strong{color:var(--color-text);font-weight:600}.catalog-results button{display:inline-flex;align-items:center;gap:var(--space-half);min-height:40px;color:var(--color-link);font-weight:600}@media (min-width: 768px){.catalog-page{padding-top:var(--space-5)}.catalog-heading{margin-bottom:var(--space-4)}.catalog-heading h1{font-size:var(--text-3xl)}.catalog-emblem{display:grid}.catalog-toolbar{padding:var(--space-2)}.platform-filters{flex-wrap:wrap;overflow:visible}}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-1h)}.game-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}button.game-card:hover:not(:disabled){border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}button.game-card:active:not(:disabled){transform:translateY(0)}.game-card:focus-visible{outline-offset:2px;border-radius:var(--radius-lg)}.game-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.game-card:disabled{opacity:.6}.game-card-media{position:relative;width:100%;overflow:hidden;aspect-ratio:3 / 4;background:var(--color-surface-2)}.game-card-media>img,.game-card-media>video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s var(--ease)}button.game-card:hover:not(:disabled) .game-card-media>img{transform:scale(1.03)}.game-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1h);height:100%;color:var(--color-text-subtle)}.game-card-placeholder span{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.game-badge{position:absolute;top:var(--space-1);left:var(--space-1);display:inline-flex;align-items:center;gap:var(--space-half);padding:2px var(--space-1);border-radius:var(--radius-sm);background:var(--color-accent);color:rgb(var(--gray-950));font-size:var(--text-xs);font-weight:600;line-height:20px}.game-card-info{flex:1;width:100%;padding:var(--space-1h)}.game-card-info h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.4;letter-spacing:0}.game-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.game-card-meta>span{display:inline-flex;align-items:center;gap:var(--space-half);min-width:0}.game-selected-mark,.game-disabled-mark{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--gray-950) / .45);color:rgb(var(--gray-0))}.game-selected-mark svg{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--color-primary)}.game-disabled-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:rgb(var(--gray-950) / .6);font-size:var(--text-sm);font-weight:500}.game-grid.is-list{grid-template-columns:1fr;gap:var(--space-1)}.game-grid.is-list .game-card{flex-direction:row;align-items:center}.game-grid.is-list .game-card-media{width:72px;flex-shrink:0}.game-grid.is-list .game-badge{display:none}@media (min-width: 640px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.game-card-info{padding:var(--space-2)}}@media (min-width: 768px){.game-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1h)}}@media (min-width: 1024px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.game-grid.is-list .game-card-media{width:88px}}@media (min-width: 1280px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:320px;margin-block:var(--space-3);padding:var(--space-6) var(--space-3);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl)}.empty-state>svg{color:var(--color-link)}.empty-state h1,.empty-state h2{font-size:var(--text-xl);font-weight:700}.empty-state p{max-width:420px;color:var(--color-text-muted);font-size:var(--text-md)}.catalog-more{display:flex;justify-content:center;padding-top:var(--space-4)}.game-dialog{width:min(720px,calc(100% - var(--space-4)));overflow-y:auto}.dialog-close{position:absolute;top:var(--space-1h);right:var(--space-1h);z-index:1;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.game-dialog-content{display:grid;grid-template-columns:1fr}.game-dialog-art{width:100%;height:100%;max-height:240px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 28%;object-position:center 28%;background:var(--color-surface-2)}.game-dialog-art-placeholder{display:grid;place-items:center;min-height:200px;color:var(--color-text-subtle)}.game-dialog-body{padding:var(--space-3)}.game-dialog-body h2{margin:var(--space-1h) 0;font-size:var(--text-xl);font-weight:700}.game-dialog-body p{color:var(--color-text-muted);font-size:var(--text-md)}.game-dialog-body .btn-primary{width:100%;margin-top:var(--space-3)}.game-dialog-body .text-link{display:flex;justify-content:center;margin-top:var(--space-1)}@media (min-width: 640px){.game-dialog-content{grid-template-columns:240px 1fr}.game-dialog-art{max-height:none;min-height:360px}.game-dialog-body{padding:var(--space-6) var(--space-4) var(--space-4)}.game-dialog-body .btn-primary{width:auto}.game-dialog-body .text-link{justify-content:flex-start}}.auth-layout{display:grid;grid-template-columns:1fr;justify-items:center;padding-block:var(--space-4) var(--space-8)}.auth-story{display:none}.page-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.page-backdrop-art{position:absolute;inset:0;opacity:.24;mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.dark .page-backdrop-art{opacity:.2}.page-backdrop-character{display:none}@media (min-width: 1600px){.dark .page-backdrop-character{--side-space: calc((100vw - 1120px) / 2 - var(--space-3));position:absolute;display:block;width:min(var(--side-space),440px);max-width:none;height:auto;animation:page-character-in 1s ease-out both,page-character-float 7s ease-in-out 1s infinite alternate}.page-backdrop-character.is-left{left:var(--space-2)}.page-backdrop-character.is-right{right:var(--space-2)}.page-backdrop-character.is-ground{bottom:0;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 55%,transparent 96%);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 55%,transparent 96%);mask-composite:intersect;-webkit-mask-composite:source-in}.page-backdrop-character.is-sky{top:calc(var(--header-height) + 6vh);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);animation:page-character-in 1s ease-out both,page-character-fly 9s ease-in-out 1s infinite alternate}}@keyframes page-character-in{0%{opacity:0;transform:translateY(24px)}}@keyframes page-character-float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes page-character-fly{0%{transform:translate(0) rotate(-2deg)}50%{transform:translate(12px,-18px) rotate(1deg)}to{transform:translate(-6px,10px) rotate(-1deg)}}.page-backdrop.is-auth .page-backdrop-art{opacity:.26;mask-image:radial-gradient(120% 90% at 50% 40%,#000 35%,transparent 85%);-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 35%,transparent 85%)}.dark .page-backdrop.is-auth .page-backdrop-art{opacity:.18}.page-backdrop-art>img,.page-backdrop-art>video{display:block;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--backdrop-position, 50% 50%);object-position:var(--backdrop-position, 50% 50%);filter:blur(40px) saturate(1.7) brightness(1.8);animation:page-backdrop-drift 16s ease-in-out infinite alternate}.dark .page-backdrop-art>img,.dark .page-backdrop-art>video{filter:blur(2px) saturate(.9)}.dark .page-backdrop.has-video .page-backdrop-art{opacity:.16}.dark .page-backdrop-art>video{filter:blur(2px) saturate(.85) brightness(.7)}@keyframes page-backdrop-drift{0%{transform:translate(-1.5%) scale(1.08)}to{transform:translate(1.5%) scale(1.16)}}.page-backdrop-particles{position:absolute;inset:0;opacity:.35}.dark .page-backdrop-particles{opacity:.75}.page-backdrop-particles span{position:absolute;bottom:-12px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:var(--particle);box-shadow:0 0 calc(var(--size) * 3) var(--particle);animation:page-particle-rise var(--duration) linear var(--delay) infinite}@keyframes page-particle-rise{0%{transform:translate(0);opacity:0}10%{opacity:1}35%{transform:translate(14px,-38vh)}65%{transform:translate(-10px,-70vh);opacity:.8}to{transform:translate(8px,-104vh);opacity:0}}.auth-birds{position:absolute;inset:0;color:#0e080a;filter:blur(.6px)}html:not(.dark) .auth-birds{color:rgb(var(--gray-600));filter:blur(1.5px);opacity:.5}.auth-bird{position:absolute;top:calc(var(--header-height) + var(--bird-top));left:0;width:var(--bird-size);animation:auth-bird-fly var(--bird-duration) linear var(--bird-delay) infinite}.auth-bird svg{display:block;width:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 60%;animation:auth-bird-flap var(--bird-flap) ease-in-out infinite}@keyframes auth-bird-fly{0%{transform:translate(-6vw)}25%{transform:translate(24vw,-1.6vh)}50%{transform:translate(52vw,.6vh)}75%{transform:translate(80vw,-1.2vh)}to{transform:translate(106vw)}}@keyframes auth-bird-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(-.55)}}@media (prefers-reduced-motion: reduce){.page-backdrop-art img{animation:none;transform:scale(1.08)}.page-backdrop-character{animation:none}.auth-birds,.page-backdrop-particles{display:none}}.ambient-particles{position:fixed;inset:0;z-index:-1;display:block;width:100%;height:100%;pointer-events:none;opacity:.7;transition:opacity .6s var(--ease-out);animation:ambient-particles-in 1.6s var(--ease-out) backwards}.dark .ambient-particles{opacity:1}body.has-page-particles .ambient-particles{opacity:0}@keyframes ambient-particles-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.ambient-particles{animation:none;opacity:.5}.dark .ambient-particles{opacity:.7}}.auth-form-panel{width:100%;max-width:440px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.auth-form-panel>div:first-child{margin-bottom:var(--space-4)!important}.auth-form-panel h1{font-size:var(--text-xl);font-weight:700}.auth-form-panel form>div>label{margin-bottom:var(--space-1)!important;color:var(--color-text)!important;font-size:var(--text-sm)!important;font-weight:500;letter-spacing:0!important;text-transform:none!important}.auth-form-panel form>button[type=submit]{min-height:var(--control-md);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm)}.auth-form-panel form>button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover)}.auth-form-panel form>button[type=submit]:disabled{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.auth-form-panel .card{padding:0;background:transparent;border:none;box-shadow:none}.auth-form-panel .text-zinc-400,.auth-form-panel .dark\:text-zinc-500{color:var(--color-text-muted)}.auth-form-panel .text-emerald-600,.workspace-page .text-emerald-600{color:var(--color-success)}@media (min-width: 640px){.auth-form-panel{padding:var(--space-5)}}@media (min-width: 1024px){.auth-layout{--auth-pop: 88px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:center;min-height:calc(100dvh - var(--header-height) - var(--space-4));padding-block:calc(var(--space-5) + var(--auth-pop)) var(--space-8)}.auth-form-panel{justify-self:start}.auth-story{position:relative;display:block;align-self:stretch;width:100%;min-height:600px;color:rgb(var(--gray-0))}}@media (min-width: 1280px){.auth-layout{--auth-pop: 112px}}.auth-story-stage{--story-ink: 9 11 15;position:absolute;inset:0;isolation:isolate}.auth-story-frame{position:absolute;inset:0;z-index:0;overflow:hidden;border:1px solid var(--glass-border, rgb(255 255 255 / .08));border-radius:var(--radius-xl);background:rgb(var(--story-ink));box-shadow:var(--glass-shadow, var(--shadow-lg))}.auth-story-image,.auth-story-shade{position:absolute;inset:0;width:100%;height:100%}.auth-story-image{inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:32% 50%;object-position:32% 50%;filter:brightness(.8) saturate(.95)}.auth-story-shade{background:radial-gradient(90% 70% at 88% 18%,rgb(var(--primary-500) / .1),transparent 62%),linear-gradient(90deg,rgb(var(--story-ink) / .35),transparent 50%),linear-gradient(to top,rgb(var(--story-ink) / .7),transparent 55%)}.auth-story-character{position:absolute;right:clamp(var(--space-2),5%,var(--space-6));bottom:0;z-index:1;width:auto;height:calc(100% + var(--auth-pop, 0px));max-width:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 24px 36px rgb(0 0 0 / .55)) drop-shadow(0 0 1px rgb(var(--primary-200) / .35))}@media (max-width: 1279px){.auth-story-character{right:calc(var(--space-3) * -1)}}.auth-story-stage:after{content:"";position:absolute;inset:0;z-index:2;border-radius:var(--radius-xl);background:linear-gradient(to top,rgb(var(--story-ink) / .96),rgb(var(--story-ink) / .82) 26%,rgb(var(--story-ink) / 0) 58%);pointer-events:none}.auth-back,.auth-story-content,.auth-art-credit{z-index:3}.auth-back{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-full);background:rgb(var(--gray-950) / .5);color:rgb(var(--gray-0));font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);backdrop-filter:blur(8px)}.auth-story-content{position:absolute;left:var(--space-5);right:var(--space-5);bottom:var(--space-8)}.auth-story-content .eyebrow{color:rgb(var(--primary-200))}.auth-story-content h2{margin-top:var(--space-2);font-size:var(--text-3xl);font-weight:700}.auth-story-content>p{max-width:360px;margin-top:var(--space-2);color:rgb(var(--gray-200));font-size:var(--text-md)}.auth-story-features{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgb(255 255 255 / .2)}.auth-story-features span{display:inline-flex;align-items:center;gap:var(--space-1);color:rgb(var(--gray-100));font-size:var(--text-sm)}.auth-art-credit{position:absolute;left:var(--space-5);bottom:var(--space-3);color:rgb(var(--gray-300));font-size:var(--text-xs);letter-spacing:var(--tracking-caps)}.workspace-page,.policy-page,.admin-page{min-height:calc(100vh - 200px);padding-block:var(--space-4) var(--space-8)}.workspace-page>div:first-child{max-width:1120px}.workspace-page h1,.policy-page h1,.admin-page h1{font-weight:700}.workspace-page .page-heading,.admin-page .page-heading,.page-heading{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.workspace-page .page-heading h1,.admin-page .page-heading h1{font-size:var(--text-2xl)}.workspace-page .text-zinc-500,.workflow-main .text-zinc-500{color:var(--color-text-muted)}.workflow-layout{display:grid;grid-template-columns:1fr;gap:var(--space-2);align-items:start}.workflow-aside{position:static;padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text)}.workflow-demo{position:relative;display:grid;height:156px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 0%,rgb(var(--primary-500) / .14),transparent 70%),rgb(var(--bg-rgb) / .55);box-shadow:inset 0 1px #ffffff0d}.demo-glow{position:absolute;inset:auto -30% -60%;height:120%;background:radial-gradient(closest-side,rgb(var(--primary-500) / .18),transparent);pointer-events:none}.demo-screen{position:relative;grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-2);min-width:0}.demo-screen.is-success{align-items:center;text-align:center}.demo-label{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.demo-field{position:relative;display:flex;align-items:center;gap:var(--space-1);height:34px;padding:0 10px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .6);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap}.demo-field>svg{flex-shrink:0;color:var(--color-text-muted)}.demo-field.is-mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.demo-caret{width:1.5px;height:15px;margin-left:-6px;background:var(--color-link);animation:demo-caret .9s steps(1) infinite}@keyframes demo-caret{50%{opacity:0}}.demo-chip{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-link);font-size:var(--text-xs);font-weight:600}.demo-code{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.demo-code span{display:grid;place-items:center;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .6);color:var(--color-text-muted);font-family:var(--font-mono);font-size:20px;font-weight:700;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.demo-code span.is-locked{border-color:rgb(var(--primary-400) / .6);color:var(--color-text);box-shadow:0 0 0 3px rgb(var(--primary-500) / .14)}.demo-timer{height:3px;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text) 10%,transparent)}.demo-timer span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--primary-400)),rgb(var(--success-400)));transform-origin:left}.demo-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.demo-check{width:48px;height:48px;fill:none;stroke:var(--color-success);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.demo-screen.is-success strong{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:700}.demo-scanline{position:absolute;top:0;bottom:0;width:18%;background:linear-gradient(90deg,transparent,rgb(var(--primary-400) / .45),transparent);pointer-events:none}.demo-dots{display:flex;gap:6px}.demo-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-link)}.demo-covers{position:relative;display:flex;justify-content:center;height:84px}.demo-covers img{width:54px;height:80px;margin-inline:-6px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.demo-covers img:nth-child(2){z-index:1}.workflow-aside h2{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-lg);font-weight:700}.workflow-aside>p{color:var(--color-text-muted);font-size:var(--text-sm)}.workflow-aside ol{margin-top:var(--space-3);list-style:none;padding:0}.workflow-aside li{display:flex;align-items:flex-start;gap:var(--space-1h);padding:var(--space-2) 0;border-top:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm)}.workflow-aside li>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-link);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.workflow-aside li{position:relative;transition:opacity var(--duration-slow, .32s) var(--ease)}.workflow-aside li>span{transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.workflow-aside li.is-active>span{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 4px rgb(var(--primary-500) / .18)}.workflow-aside li.is-done>span{background:var(--color-success-soft);color:var(--color-success)}.workflow-step-progress{position:absolute;top:-1px;left:0;width:100%;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary),rgb(var(--primary-400)));transform-origin:left;animation:workflow-step-fill var(--step-ms, 3s) linear both}@keyframes workflow-step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.workflow-step-copy h3{margin-bottom:var(--space-half);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:0;line-height:1.4}.workflow-step-copy p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.55}.workflow-aside>a{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;margin-top:var(--space-1);color:var(--color-link);font-size:var(--text-sm);font-weight:600}.workflow-main{order:-1;min-width:0;padding:var(--space-3) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}@media (min-width: 640px){.workflow-main{padding:var(--space-4)}}@media (min-width: 1024px){.workspace-page,.policy-page,.admin-page{padding-block:var(--space-5) var(--space-10)}.workspace-page .page-heading h1,.admin-page .page-heading h1{font-size:var(--text-3xl)}.workflow-layout{grid-template-columns:320px minmax(0,1fr);gap:var(--space-4)}.workflow-aside{position:sticky;top:calc(var(--header-height) + var(--space-3));padding:var(--space-4)}.workflow-main{order:0;padding:var(--space-5)}}.policy-page>div{max-width:880px}.policy-page .card{padding:var(--space-3)}.policy-icon{display:inline-flex;margin-bottom:var(--space-3);padding:var(--space-1h);border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-link)}.policy-note{display:flex;gap:var(--space-1h);padding:var(--space-2);border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-link)}.policy-page h2{padding-top:var(--space-1h);font-size:var(--text-lg);font-weight:700}.policy-page p,.policy-page li{font-size:var(--text-md);line-height:1.7}.policy-page .card>section+section{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.policy-page p a,.policy-page li a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}@media (min-width: 768px){.policy-page .card{padding:var(--space-6)}}.admin-page table{font-size:var(--text-sm)}.admin-page th{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.admin-page .card{box-shadow:none}.admin-page .dark\:text-zinc-500{color:var(--color-text-muted)}.admin-navigation{max-height:280px;overflow-y:auto}.admin-navigation button{min-height:44px;font-size:var(--text-sm)}@media (min-width: 768px){.admin-navigation{max-height:calc(100dvh - 120px)}}.account-quick-links{display:grid;grid-template-columns:1fr;gap:var(--space-1h);margin-bottom:var(--space-4)}.account-quick-links a{display:flex;align-items:center;gap:var(--space-1h);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.account-quick-links a:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.account-quick-links a>svg:first-child{flex-shrink:0;color:var(--color-link)}.account-quick-links a>svg:last-child{flex-shrink:0;margin-left:auto;color:var(--color-text-subtle)}.account-quick-links span{font-size:var(--text-sm);font-weight:600}.account-quick-links small{display:block;margin-top:2px;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:400}@media (min-width: 768px){.account-quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.account-quick-links a{padding:var(--space-3)}}.rewards-heading{position:relative;padding:var(--space-3)!important;background:var(--color-accent-soft);border:1px solid var(--color-border)!important;border-radius:var(--radius-xl);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.rewards-heading-copy>p{max-width:640px;font-size:var(--text-md)}@media (min-width: 768px){.rewards-heading{padding:var(--space-5)!important}}@media (min-width: 1024px){.rewards-heading.has-demo{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:center;gap:var(--space-6)}}.tier-ladder{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.tier-step{position:relative;display:flex;flex-direction:column;align-items:stretch}.tier-card{position:relative;display:grid;justify-items:start;gap:6px;overflow:hidden;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--tier) 22%,transparent),transparent 60%),var(--glass-bg, var(--color-surface));box-shadow:var(--glass-shadow, var(--shadow-md));transition:transform .25s ease,box-shadow .25s ease}.tier-emblem{position:relative;display:grid;place-items:center;width:54px;height:54px;margin-bottom:4px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--tier) 55%,white),var(--tier) 55%,color-mix(in srgb,var(--tier) 65%,black));color:color-mix(in srgb,var(--tier) 25%,black);box-shadow:0 3px 8px #00000040,inset 0 1px #ffffff8c,inset 0 -2px #00000026}.tier-emblem-badge{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--color-surface);border-radius:var(--radius-full)}.tier-emblem-badge.is-done{background:var(--color-success);color:rgb(var(--gray-0))}.dark .tier-emblem-badge.is-done{color:rgb(var(--gray-950))}.tier-emblem-badge.is-lock{background:rgb(var(--gray-700));color:rgb(var(--gray-0))}.tier-level{font-size:11px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:color-mix(in srgb,var(--tier) 70%,var(--color-text))}.tier-card h3{font-family:var(--font-display, inherit);font-size:var(--text-xl);font-weight:800;line-height:1.1;color:var(--color-text)}.tier-req{font-size:var(--text-sm);color:var(--color-text-muted)}.tier-gift{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--tier) 16%,transparent);color:color-mix(in srgb,var(--tier) 55%,var(--color-text));font-size:var(--text-xs);font-weight:700}.tier-progress{display:flex;align-items:center;gap:var(--space-1);width:100%;margin-top:4px}.tier-progress>div{flex:1;height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface-2)}.tier-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tier) 70%,white),var(--tier));transform-origin:left}.tier-progress b{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text)}.tier-status{margin-top:2px;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tier-step.is-done .tier-status{background:var(--color-success-soft);color:var(--color-success)}.tier-step.is-next .tier-status{background:var(--tier);color:color-mix(in srgb,var(--tier) 20%,black)}.tier-card:before{content:"";position:absolute;inset:0 12% auto;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,var(--tier),transparent);opacity:0;transition:opacity .3s ease}.tier-step.is-done .tier-card:before{opacity:.9}.tier-step.is-done .tier-card{box-shadow:var(--glass-shadow, var(--shadow-md)),inset 0 1px color-mix(in srgb,var(--tier) 30%,transparent),inset 0 -48px 56px -44px color-mix(in srgb,var(--tier) 30%,transparent)}.tier-step.is-next .tier-card{border-color:color-mix(in srgb,var(--tier) 60%,transparent);animation:tier-next-glow 2.8s ease-in-out infinite}.tier-step.is-next .tier-card:before{animation:tier-next-line 2.8s ease-in-out infinite}@keyframes tier-next-glow{0%,to{box-shadow:var(--glass-shadow, var(--shadow-md)),inset 0 0 0 1px color-mix(in srgb,var(--tier) 10%,transparent),inset 0 0 22px color-mix(in srgb,var(--tier) 6%,transparent)}50%{box-shadow:var(--glass-shadow, var(--shadow-md)),inset 0 0 0 1px color-mix(in srgb,var(--tier) 35%,transparent),inset 0 0 30px color-mix(in srgb,var(--tier) 16%,transparent)}}@keyframes tier-next-line{0%,to{opacity:.35}50%{opacity:1}}.tier-step.is-locked .tier-card{border-style:dashed;border-color:color-mix(in srgb,var(--tier) 35%,var(--color-border))}.tier-step.is-locked .tier-emblem{filter:grayscale(.75) brightness(.8);opacity:.75}.tier-step.is-locked .tier-card h3,.tier-step.is-locked .tier-req,.tier-step.is-locked .tier-progress{opacity:.7}html:not(.dark) .tier-level{color:color-mix(in srgb,var(--tier) 38%,var(--color-text))}html:not(.dark) .tier-gift{color:color-mix(in srgb,var(--tier) 35%,var(--color-text));background:color-mix(in srgb,var(--tier) 20%,transparent)}html:not(.dark) .tier-step.is-locked .tier-card h3,html:not(.dark) .tier-step.is-locked .tier-req,html:not(.dark) .tier-step.is-locked .tier-progress{opacity:1;color:var(--color-text-muted)}.tier-step.is-locked .tier-emblem-badge.is-lock{animation:tier-lock-wiggle 4s ease-in-out infinite;animation-delay:calc(var(--i) * .6s)}@keyframes tier-lock-wiggle{0%,78%,to{transform:rotate(0)}82%{transform:rotate(-16deg)}86%{transform:rotate(14deg)}90%{transform:rotate(-8deg)}94%{transform:rotate(4deg)}}.tier-shimmer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--tier) 22%,transparent) 50%,transparent 65%);transform:translate(-100%);animation:tier-shimmer 5s ease-in-out infinite;animation-delay:calc(var(--i) * .8s)}@keyframes tier-shimmer{0%,55%{transform:translate(-100%)}85%,to{transform:translate(100%)}}.tier-arrow{display:grid;place-items:center;align-self:center;width:30px;height:30px;margin-block:2px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);transform:rotate(90deg)}.tier-arrow.is-lit{border-color:color-mix(in srgb,var(--tier) 60%,transparent);color:var(--tier)}.tier-arrow svg{animation:tier-arrow-nudge 1.8s ease-in-out infinite}@keyframes tier-arrow-nudge{0%,to{transform:translate(-1px)}50%{transform:translate(2px)}}@media (min-width: 768px){.tier-ladder{grid-template-columns:repeat(var(--tier-count),minmax(0,1fr));align-items:end;gap:var(--space-6)}.tier-step{height:100%;justify-content:flex-end}.tier-card{border-bottom-left-radius:0;border-bottom-right-radius:0}.tier-card:hover{transform:translateY(-3px)}.tier-step:after{content:"";height:calc(14px + var(--lift));border:1px solid color-mix(in srgb,var(--tier) 22%,transparent);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(to bottom,color-mix(in srgb,var(--tier) 12%,transparent),color-mix(in srgb,var(--tier) 2%,transparent));-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent);mask-image:linear-gradient(to bottom,#000 40%,transparent)}.tier-step.is-locked:after{border-style:dashed;background:linear-gradient(to bottom,color-mix(in srgb,var(--tier) 12%,transparent),transparent)}.tier-arrow{position:absolute;top:42%;right:calc(var(--space-6) / -2 - 15px);z-index:1;margin:0;transform:rotate(-14deg)}}@media (prefers-reduced-motion: reduce){.tier-step.is-next .tier-card,.tier-step.is-next .tier-card:before,.tier-step.is-locked .tier-emblem-badge.is-lock,.tier-shimmer,.tier-arrow svg{animation:none}}.gift-demo{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--glass-border, var(--color-border));border-radius:var(--radius-lg);background:radial-gradient(80% 90% at 50% 55%,rgb(var(--accent-500) / .1),transparent 70%),rgb(var(--gray-950) / .04)}.dark .gift-demo{background:radial-gradient(80% 90% at 50% 55%,rgb(var(--accent-500) / .12),transparent 70%),#00000038}.gift-demo-head{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.gift-demo-head i{width:28px;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-400)),transparent)}.gift-demo-head strong{color:var(--color-accent-text)}.gift-demo-stage{position:relative;display:grid;place-items:center;height:168px}.gift-keys{display:flex;gap:10px}@media (max-width: 479px){.gift-demo{padding:var(--space-2)}.gift-keys{gap:7px}.gift-keys .gift-key{width:40px;height:56px}}.gift-key{position:relative;display:grid;place-items:center;align-content:center;gap:4px;width:48px;height:64px;overflow:hidden;border:1px dashed var(--color-border-strong, var(--color-border));border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);transition:border-color .25s ease,background-color .25s ease,color .25s ease,box-shadow .35s ease}.gift-key-index{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em}.gift-key.is-scanning{border-style:solid;border-color:rgb(var(--primary-500) / .7);color:rgb(var(--primary-600))}.dark .gift-key.is-scanning{color:rgb(var(--primary-300))}.gift-key.is-scanning:after{content:"";position:absolute;inset-inline:0;top:0;height:40%;background:linear-gradient(to bottom,transparent,rgb(var(--primary-500) / .35),transparent);animation:gift-key-scan .65s linear infinite}@keyframes gift-key-scan{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.gift-key.is-verified{border-style:solid;border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.gift-key.is-glowing{border-color:rgb(var(--accent-400));background:rgb(var(--accent-500) / .16);color:var(--color-accent-text);box-shadow:0 0 0 1px rgb(var(--accent-400) / .5),0 0 22px rgb(var(--accent-400) / .55)}html:not(.dark) .gift-key.is-glowing{box-shadow:0 0 0 1px rgb(var(--accent-500) / .5),0 6px 16px -6px rgb(var(--accent-600) / .45)}.gift-key-check{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-success);color:rgb(var(--gray-0))}.dark .gift-key-check{color:rgb(var(--gray-950))}.gift-key.is-glowing .gift-key-check{background:rgb(var(--accent-400))}.gift-flash{position:absolute;width:96px;height:96px;border-radius:var(--radius-full);background:radial-gradient(circle,rgb(var(--accent-300) / .95),rgb(var(--accent-500) / .35) 45%,transparent 70%);pointer-events:none}.gift-reward{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--space-2)}.gift-halo,.gift-spark{position:absolute;top:calc(50% - 14px);left:50%;pointer-events:none}.gift-halo{width:88px;height:88px;margin:-44px 0 0 -44px;border:2px solid rgb(var(--accent-400) / .8);border-radius:var(--radius-full)}.gift-spark{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:var(--radius-full);background:rgb(var(--accent-300));box-shadow:0 0 8px rgb(var(--accent-400))}.gift-box{display:grid;place-items:center;width:84px;height:84px;border-radius:var(--radius-lg);background:linear-gradient(145deg,rgb(var(--accent-300)),rgb(var(--accent-500)) 60%,rgb(var(--accent-700, var(--accent-500))));color:rgb(var(--gray-950));box-shadow:0 12px 32px rgb(var(--accent-500) / .45),inset 0 1px #ffffff80}.gift-reward-label{padding:3px 10px;border-radius:var(--radius-full);background:rgb(var(--accent-500) / .16);color:var(--color-warning);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-caps)}.gift-demo-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:20px;font-size:var(--text-xs);color:var(--color-text-muted)}.gift-meter{display:flex;align-items:center;gap:4px}.gift-meter i{width:14px;height:4px;border-radius:var(--radius-full);background:var(--color-surface-2);transition:background-color .25s ease}.gift-meter i.is-done{background:var(--color-success)}.gift-meter i.is-full{background:rgb(var(--accent-400))}.gift-meter b{margin-left:4px;font-variant-numeric:tabular-nums;color:var(--color-text)}.rewards-empty{padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.rank-summary{display:grid;gap:var(--space-4)}.rank-summary-side{display:grid;gap:var(--space-2)}.rank-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.rank-stats>div{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.rank-stats dt{font-size:11px;color:var(--color-text-muted)}.rank-stats dd{margin-top:2px;font-family:var(--font-display, inherit);font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text)}.rank-stats dd small{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}@media (min-width: 768px){.rank-summary{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center}}.rank-progress{width:min(320px,100%);height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface-2)}.rank-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--primary-500)),rgb(var(--primary-300)));transform-origin:left}.profile-page .text-amber-800\/80{color:var(--color-warning)}.slider-settings{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.slider-settings-heading{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.slider-settings h2{font-size:var(--text-xl);font-weight:700}.slider-settings-heading p,.slider-selected-info p{margin-top:var(--space-half);color:var(--color-text-muted);font-size:var(--text-sm)}.slider-settings-heading .btn-primary{flex-shrink:0;align-self:flex-start}.slider-selected{display:grid;gap:var(--space-2)}.slider-selected-card{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.slider-banner-preview{position:relative;display:grid;place-items:center;align-self:center;overflow:hidden;aspect-ratio:3 / 1.4;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm)}.slider-banner-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slider-banner-preview .slider-logo-preview{position:absolute;top:var(--space-1h);left:var(--space-1h);z-index:1;width:38%;height:32%;-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .5))}.slider-selected-info h3{margin-top:var(--space-half);font-size:var(--text-lg);font-weight:600}.slider-selected-info label{display:block;margin-top:var(--space-1h);font-size:var(--text-sm);font-weight:500}.slider-selected-info .input-field{margin-top:var(--space-1)}.slider-selected-info .slider-upload{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;color:var(--color-link);cursor:pointer}.slider-upload input{width:200px;max-width:100%;font-size:var(--text-xs)}.slider-selected-info .slider-logo-hint{margin-top:var(--space-1);font-size:var(--text-xs)}.slider-logo-remove{margin-left:var(--space-2);font-size:var(--text-sm)}.slider-order-actions{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--space-1)}.slider-order-actions .btn-outline{min-height:var(--control-sm);padding:var(--space-1)}.slider-search{display:flex;align-items:center;gap:var(--space-1h);margin:var(--space-4) 0 var(--space-2)}.slider-game-results{display:grid;grid-template-columns:1fr;gap:var(--space-1)}.slider-game-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1h);padding:var(--space-2);text-align:left;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.slider-game-option:hover:not(:disabled){border-color:var(--color-border-strong)}.slider-game-option:disabled{opacity:.5}.slider-game-option strong{display:block;font-size:var(--text-sm)}.slider-game-option small{display:block;margin-top:2px;color:var(--color-text-muted);font-size:var(--text-xs)}.slider-empty{padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm)}@media (min-width: 768px){.slider-settings{padding:var(--space-4)}.slider-settings-heading{flex-direction:row;align-items:flex-start;justify-content:space-between}.slider-selected-card{grid-template-columns:minmax(160px,1fr) minmax(200px,1.4fr) auto;gap:var(--space-3)}.slider-order-actions{flex-direction:column;justify-content:center}.slider-game-results{grid-template-columns:repeat(2,minmax(0,1fr))}}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(48rem 36rem at 6% -6%,var(--ambient-1),transparent 70%),radial-gradient(40rem 32rem at 100% 38%,var(--ambient-2),transparent 70%),radial-gradient(52rem 40rem at 30% 108%,var(--ambient-3),transparent 70%)}html .verify-card,html .how-links a,html .empty-state,html .workflow-main,html .workflow-aside,html .auth-form-panel,html .player-sidebar,html .player-stats,html .player-rank,html .player-security,html .player-welcome,html .player-pending,html .account-quick-links a,html .card,html .panel,html .card-hover,html .slider-settings,html .rewards-heading{background-color:var(--glass-bg);background-image:var(--glass-sheen);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur)}html .verify-card,html .player-welcome{background-image:radial-gradient(120% 140% at 100% 0%,rgb(var(--primary-500) / .3),transparent 55%),var(--glass-sheen)}html .player-pending,html .rewards-heading{background-image:radial-gradient(120% 160% at 100% 0%,rgb(var(--accent-500) / .18),transparent 55%),var(--glass-sheen)}html .game-card,html .library-game,html .process-game-context,html .slider-selected-card,html .guard-code-ticket{background-color:var(--glass-bg);background-image:var(--glass-sheen);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}html button.game-card:hover:not(:disabled),html .how-links a:hover,html .account-quick-links a:hover,html .library-game:hover,html .library-game.is-expanded{border-color:color-mix(in srgb,var(--color-link) 35%,var(--glass-border));box-shadow:var(--glass-shadow-hover)}html .game-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--glass-shadow-hover)}html .site-header,html .catalog-toolbar,html .mobile-menu,html .notice-banner,html .premium-dialog,html .game-dialog,html .announcement-dialog{background-color:var(--glass-bg-strong);background-image:var(--glass-sheen);border-color:var(--glass-border);backdrop-filter:blur(24px) saturate(180%)}html .site-header{background-color:var(--glass-bg);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 -1px #ffffff08}html .catalog-toolbar,html .notice-banner,html .premium-dialog,html .game-dialog,html .announcement-dialog{box-shadow:var(--glass-shadow-hover)}html .site-footer{background-color:var(--glass-bg);border-top-color:var(--glass-border);backdrop-filter:var(--glass-blur)}html .announcement-bottom,html .process-dialog-footer{background:rgb(var(--bg-rgb) / .4)}html .tool-card .guard-visual,html .tool-card .activation-visual,html .tool-card .reward-visual,html .view-switch,html .catalog-search input,html .library-credentials{background:rgb(var(--bg-rgb) / .35)}html .input-field,html .credential-field>div,html .library-search{background-color:var(--color-surface);border-color:var(--color-input-border);box-shadow:inset 0 1px 2px rgb(var(--gray-950) / .06)}html.dark .input-field,html.dark .credential-field>div,html.dark .library-search{background-color:rgb(var(--bg-rgb) / .4);box-shadow:inset 0 1px 2px #0000001f}html .input-field:hover:not(:disabled):not(:focus):not([aria-invalid=true]),html .library-search:hover:not(:focus-within){border-color:color-mix(in srgb,var(--color-input-border) 60%,var(--color-text))}html .input-field:focus,html .input-field:focus-visible,html .library-search:focus-within,html .home-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--primary-500) / .3)}html .input-field[aria-invalid=true]{border-color:var(--color-danger)}html .view-switch,html .platform-filters button,html .library-filters button{border:1px solid var(--color-input-border)}html .platform-filters button,html .library-filters button{background:rgb(var(--bg-rgb) / .3)}html .platform-filters button:hover:not([aria-pressed=true]),html .library-filters button:hover:not([aria-pressed=true]){border-color:color-mix(in srgb,var(--color-input-border) 60%,var(--color-text))}.btn-primary{background-image:linear-gradient(180deg,#ffffff29,#fff0 60%);box-shadow:inset 0 1px #ffffff40,0 10px 28px -12px rgb(var(--primary-500) / .9)}.btn-primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 14px 36px -12px rgb(var(--primary-500) / 1)}html .btn-secondary,html .btn-outline,html .nav-login{background-color:var(--glass-bg);background-image:var(--glass-sheen);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-rim);backdrop-filter:var(--glass-blur)}html .btn-secondary:hover:not(:disabled),html .btn-outline:hover:not(:disabled),html .nav-login:hover{background-color:var(--glass-bg-strong);border-color:color-mix(in srgb,var(--color-text) 20%,transparent)}html .nav-register{background-image:linear-gradient(180deg,#ffffff29,#fff0 60%);box-shadow:inset 0 1px #ffffff40,0 8px 20px -10px rgb(var(--primary-500) / .9)}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--control-md);padding:var(--space-1h) var(--space-3);border:1px solid rgb(255 255 255 / .2);border-radius:var(--radius-md);background:#ffffff1a;color:rgb(var(--gray-0));font-size:var(--text-sm);font-weight:600;white-space:nowrap;box-shadow:inset 0 1px #ffffff2e,0 10px 28px -14px #0009;backdrop-filter:blur(16px) saturate(170%);transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.btn-glass:hover{background:#ffffff2e;border-color:#ffffff4d}.how-links a,.account-quick-links a,.showcase-pause,.featured-title,.site-footer a{transition:border-color var(--duration) var(--ease),box-shadow var(--duration-slow) var(--ease-out),background-color var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration) var(--ease-out)}html .how-links a:hover,html .account-quick-links a:hover{transform:translateY(-2px)}html .how-links a:active,html .account-quick-links a:active{transform:translateY(0) scale(.99)}.showcase-pause:active{transform:scale(.94)}.icon-button,.btn-glass,.nav-login,.nav-register,.featured-chips button,.platform-filters button{transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:var(--duration);transition-timing-function:var(--ease)}.icon-button:active:not(:disabled),.btn-glass:active:not(:disabled),.nav-login:active,.nav-register:active,.featured-chips button:active:not(:disabled),.platform-filters button:active:not(:disabled){transform:scale(.96)}.card-hover:active{transform:translateY(0) scale(.99)}.featured-art{transition:border-color var(--duration) var(--ease),box-shadow var(--duration-slow) var(--ease-out),transform var(--duration) var(--ease-out)}.featured-card:hover .featured-art{border-color:color-mix(in srgb,var(--color-link) 35%,var(--glass-border));box-shadow:var(--glass-shadow-hover)}.featured-card:active .featured-art{transform:scale(.98)}.btn-lg{min-height:52px;padding-inline:var(--space-4);font-size:var(--text-md)}@media (max-width: 479px){.btn-lg{flex:1 1 100%;padding-inline:var(--space-3)}}@keyframes hero-reveal{0%{opacity:.7;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-pulse{50%{opacity:.5}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html:not(.dark) .showcase-scrim{background:linear-gradient(to top,rgb(var(--hero-ink) / .9),rgb(var(--hero-ink) / .35),rgb(var(--hero-ink) / 0) 60%),linear-gradient(to bottom,rgb(var(--hero-ink) / .7),rgb(var(--hero-ink) / 0) 28%),linear-gradient(100deg,rgb(var(--hero-ink) / .82),rgb(var(--hero-ink) / .45) 40%,rgb(var(--hero-ink) / .05) 72%),rgb(var(--hero-ink) / .15)}html:not(.dark) .platform-strip a{background:var(--glass-sheen),var(--glass-bg-strong);color:var(--color-text);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-rim),0 1px 2px rgb(var(--shadow-ink) / .06),0 12px 28px -16px rgb(var(--shadow-ink) / .35)}html:not(.dark) .platform-strip a:hover,html:not(.dark) .platform-strip a:focus-visible{border-color:rgb(var(--primary-400) / .5);box-shadow:inset 0 1px 0 var(--glass-rim),0 14px 30px -18px rgb(var(--primary-700) / .4)}html:not(.dark) .platform-strip a>.platform-logo{color:var(--color-text-muted)}html:not(.dark) .platform-strip a .platform-arrow{color:var(--color-link)}html:not(.dark) .platform-strip a:hover>span,html:not(.dark) .platform-strip a:focus-visible>span{color:var(--color-text)}html:not(.dark) .platform-strip a:hover>.platform-logo,html:not(.dark) .platform-strip a:focus-visible>.platform-logo{color:var(--color-link)}html:not(.dark) .icon-button:hover,html:not(.dark) .nav-link:not(.is-active):hover,html:not(.dark) .nav-profile:hover,html:not(.dark) .mobile-nav-link:not(.is-active):hover,html:not(.dark) .footer-bottom button:hover,html:not(.dark) .btn-ghost:hover:not(:disabled){background:var(--tint-hover)}html:not(.dark) .icon-button:active:not(:disabled),html:not(.dark) .nav-link:not(.is-active):active,html:not(.dark) .nav-profile:active,html:not(.dark) .mobile-nav-link:not(.is-active):active,html:not(.dark) .footer-bottom button:active,html:not(.dark) .btn-ghost:active:not(:disabled){background:var(--tint-press)}html:not(.dark) .btn-primary:not(:disabled),html:not(.dark) .nav-register{box-shadow:inset 0 1px #ffffff38,0 1px 2px rgb(var(--primary-900) / .25),0 8px 18px -10px rgb(var(--primary-600) / .55)}html:not(.dark) .btn-primary:hover:not(:disabled),html:not(.dark) .nav-register:hover{box-shadow:inset 0 1px #ffffff40,0 2px 4px rgb(var(--primary-900) / .25),0 12px 24px -12px rgb(var(--primary-600) / .65)}html:not(.dark) .showcase .btn-primary:not(:disabled){box-shadow:inset 0 1px #ffffff40,0 10px 28px -12px rgb(var(--primary-500) / .9)}html:not(.dark) .showcase .btn-primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,0 14px 36px -12px rgb(var(--primary-500) / 1)}html:not(.dark) .mobile-scrim{backdrop-filter:blur(10px) saturate(130%)}html:not(.dark) .site-footer{background-color:#d4dae48c;background-image:linear-gradient(180deg,rgb(255 255 255 / .35),transparent 120px);border-top-color:rgb(var(--gray-950) / .08);box-shadow:inset 0 1px #fff9}html:not(.dark) .footer-trust-item>svg{box-sizing:content-box;padding:8px;margin-top:-4px;border-radius:var(--radius-md);background:var(--color-primary-soft)}html:not(.dark) .notice-banner{background-color:#f7f8fbf0;border-color:rgb(var(--gray-950) / .1);box-shadow:inset 0 1px #fffc,0 2px 6px -2px rgb(var(--shadow-ink) / .1),0 20px 40px -18px rgb(var(--shadow-ink) / .35)}html:not(.dark) .notice-banner>svg{box-sizing:content-box;padding:8px;margin-top:-4px;border-radius:var(--radius-md);background:var(--color-primary-soft)}html:not(.dark) .empty-state{background-image:radial-gradient(70% 90% at 50% 0%,rgb(var(--primary-300) / .22),transparent 70%),var(--glass-sheen)}html:not(.dark) .empty-state>svg{box-sizing:content-box;padding:14px;border-radius:var(--radius-lg);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px rgb(var(--primary-400) / .25)}html:not(.dark) .workflow-aside li>span{background:rgb(var(--primary-500) / .12);box-shadow:inset 0 0 0 1px rgb(var(--primary-500) / .22)}html:not(.dark) .workflow-aside li.is-done>span{background:rgb(var(--success-500) / .14);box-shadow:inset 0 0 0 1px rgb(var(--success-600) / .25)}html:not(.dark) .workflow-aside li.is-active>span{background:var(--color-primary);box-shadow:0 0 0 4px rgb(var(--primary-500) / .18)}html:not(.dark) .workflow-demo{background:radial-gradient(120% 90% at 50% 0%,rgb(var(--primary-500) / .12),transparent 70%),linear-gradient(180deg,rgb(var(--gray-0) / .55),rgb(var(--bg-rgb) / .5));box-shadow:inset 0 1px #fffc,inset 0 0 0 1px rgb(var(--primary-500) / .08)}html:not(.dark) .demo-field,html:not(.dark) .demo-code span{background:var(--color-surface);border-color:var(--color-border-strong)}html:not(.dark) .rank-progress{background:color-mix(in srgb,var(--color-text) 10%,transparent);box-shadow:inset 0 1px 1px rgb(var(--gray-950) / .06)}html:not(.dark) .rank-progress span{background:linear-gradient(90deg,rgb(var(--primary-600)),rgb(var(--primary-400)))}html:not(.dark) .tier-step.is-locked .tier-emblem{filter:grayscale(.85) brightness(1.08) contrast(.85);opacity:.6}html:not(.dark) .tier-emblem-badge.is-lock{background:rgb(var(--gray-500))}html:not(.dark) .page-backdrop-art{opacity:.2}html:not(.dark) .page-backdrop-art>img,html:not(.dark) .page-backdrop-art>video{filter:blur(48px) saturate(1.15) brightness(1.35) contrast(.9)}html:not(.dark) .page-backdrop:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--bg-rgb) / .15),rgb(var(--bg-rgb) / .55)),radial-gradient(60rem 40rem at 50% 0%,rgb(var(--primary-300) / .12),transparent 70%)}html:not(.dark) .auth-story-character{filter:drop-shadow(0 18px 28px rgb(var(--shadow-ink) / .22)) drop-shadow(0 0 1px rgb(var(--primary-200) / .35))}html:not(.dark) .auth-story-frame{box-shadow:0 1px 2px rgb(var(--shadow-ink) / .08),0 28px 56px -24px rgb(var(--shadow-ink) / .35);border-color:rgb(var(--gray-950) / .18)}html:not(.dark) .policy-page strong{color:var(--color-text);font-weight:600}html:not(.dark) .border-zinc-100{border-color:rgb(var(--gray-300))}html:not(.dark) .hover\:bg-zinc-50:hover,html:not(.dark) .hover\:bg-zinc-100:hover{background-color:rgb(var(--gray-500) / .1)}html:not(.dark) .bg-primary-50{background-color:var(--color-primary-soft)}html:not(.dark) .bg-amber-50{background-color:var(--color-warning-soft)}html:not(.dark) .auth-form-panel form>button[type=submit]:disabled{background:color-mix(in srgb,var(--color-text) 6%,transparent);border-color:var(--color-border-strong);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border-strong)}html:not(.dark) .auth-form-panel input[type=checkbox]{accent-color:var(--color-primary)}html:not(.dark) .featured-search:not(:focus-within){border-color:var(--color-input-border)}.hover\:border-\[color\:var\(--color-primary\)\]:hover{border-color:var(--color-primary)}.hover\:bg-\[color\:var\(--color-primary-soft\)\]:hover{background-color:var(--color-primary-soft)}.hover\:bg-\[color\:var\(--color-surface-2\)\]:hover{background-color:var(--color-surface-2)}.hover\:bg-emerald-200:hover{--tw-bg-opacity: 1;background-color:rgb(var(--success-200) / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--success-700) / var(--tw-bg-opacity, 1))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(var(--success-200) / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--success-700) / var(--tw-bg-opacity, 1))}.hover\:bg-primary-200:hover{--tw-bg-opacity: 1;background-color:rgb(var(--primary-200) / var(--tw-bg-opacity, 1))}.hover\:bg-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(var(--primary-600) / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(var(--danger-200) / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(var(--danger-50) / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/20:hover{background-color:rgb(var(--danger-500) / .2)}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--danger-700) / var(--tw-bg-opacity, 1))}.hover\:bg-violet-200:hover{--tw-bg-opacity: 1;background-color:rgb(var(--primary-200) / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-100:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gray-100) / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-200:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gray-200) / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gray-50) / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gray-800) / var(--tw-bg-opacity, 1))}.hover\:text-primary-500:hover{--tw-text-opacity: 1;color:rgb(var(--primary-500) / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(var(--primary-600) / var(--tw-text-opacity, 1))}.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(var(--primary-700) / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(var(--danger-600) / var(--tw-text-opacity, 1))}.hover\:text-zinc-500:hover{--tw-text-opacity: 1;color:rgb(var(--gray-500) / var(--tw-text-opacity, 1))}.hover\:text-zinc-600:hover{--tw-text-opacity: 1;color:rgb(var(--gray-600) / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.focus\:ring-emerald-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--success-500) / var(--tw-ring-opacity, 1))}.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--primary-500) / var(--tw-ring-opacity, 1))}.focus\:ring-zinc-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--gray-500) / var(--tw-ring-opacity, 1))}.focus-visible\:outline-\[color\:var\(--color-focus\)\]:focus-visible{outline-color:var(--color-focus)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-zinc-200:disabled{--tw-bg-opacity: 1;background-color:rgb(var(--gray-200) / var(--tw-bg-opacity, 1))}.disabled\:bg-zinc-300:disabled{--tw-bg-opacity: 1;background-color:rgb(var(--gray-300) / var(--tw-bg-opacity, 1))}.disabled\:text-zinc-400:disabled{--tw-text-opacity: 1;color:rgb(var(--gray-400) / var(--tw-text-opacity, 1))}.disabled\:text-zinc-500:disabled{--tw-text-opacity: 1;color:rgb(var(--gray-500) / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:rounded-lg:is(.dark *){border-radius:var(--radius-md)}.dark\:border-amber-800\/40:is(.dark *){border-color:rgb(var(--accent-800) / .4)}.dark\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(var(--primary-800) / var(--tw-border-opacity, 1))}.dark\:border-primary-500\/20:is(.dark *){border-color:rgb(var(--primary-500) / .2)}.dark\:border-primary-500\/30:is(.dark *){border-color:rgb(var(--primary-500) / .3)}.dark\:border-primary-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(var(--primary-700) / var(--tw-border-opacity, 1))}.dark\:border-zinc-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(var(--gray-600) / var(--tw-border-opacity, 1))}.dark\:border-zinc-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(var(--gray-700) / var(--tw-border-opacity, 1))}.dark\:border-zinc-700\/50:is(.dark *){border-color:rgb(var(--gray-700) / .5)}.dark\:border-zinc-800\/60:is(.dark *){border-color:rgb(var(--gray-800) / .6)}.dark\:bg-amber-950\/30:is(.dark *){background-color:rgb(var(--accent-950) / .3)}.dark\:bg-blue-900\/20:is(.dark *){background-color:rgb(var(--primary-900) / .2)}.dark\:bg-emerald-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--success-500) / var(--tw-bg-opacity, 1))}.dark\:bg-emerald-900\/30:is(.dark *){background-color:rgb(var(--success-900) / .3)}.dark\:bg-green-900\/30:is(.dark *){background-color:rgb(var(--success-900) / .3)}.dark\:bg-primary-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--primary-500) / var(--tw-bg-opacity, 1))}.dark\:bg-primary-500\/10:is(.dark *){background-color:rgb(var(--primary-500) / .1)}.dark\:bg-primary-900\/10:is(.dark *){background-color:rgb(var(--primary-900) / .1)}.dark\:bg-primary-900\/20:is(.dark *){background-color:rgb(var(--primary-900) / .2)}.dark\:bg-primary-900\/30:is(.dark *){background-color:rgb(var(--primary-900) / .3)}.dark\:bg-red-500\/10:is(.dark *){background-color:rgb(var(--danger-500) / .1)}.dark\:bg-red-900\/30:is(.dark *){background-color:rgb(var(--danger-900) / .3)}.dark\:bg-red-900\/40:is(.dark *){background-color:rgb(var(--danger-900) / .4)}.dark\:bg-violet-900\/30:is(.dark *){background-color:rgb(var(--primary-900) / .3)}.dark\:bg-zinc-100:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-100) / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-600) / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-700) / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-800) / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-900\/30:is(.dark *){background-color:rgb(var(--gray-900) / .3)}.dark\:bg-zinc-900\/40:is(.dark *){background-color:rgb(var(--gray-900) / .4)}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--accent-400) / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--primary-400) / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--success-400) / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--success-400) / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--accent-400) / var(--tw-text-opacity, 1))}.dark\:text-primary-300:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--primary-300) / var(--tw-text-opacity, 1))}.dark\:text-primary-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--primary-400) / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--danger-400) / var(--tw-text-opacity, 1))}.dark\:text-red-500:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--danger-500) / var(--tw-text-opacity, 1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--primary-400) / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-0) / var(--tw-text-opacity, 1))}.dark\:text-zinc-100:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-100) / var(--tw-text-opacity, 1))}.dark\:text-zinc-200:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-200) / var(--tw-text-opacity, 1))}.dark\:text-zinc-300:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-300) / var(--tw-text-opacity, 1))}.dark\:text-zinc-400:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-400) / var(--tw-text-opacity, 1))}.dark\:text-zinc-500:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-500) / var(--tw-text-opacity, 1))}.dark\:text-zinc-900:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-900) / var(--tw-text-opacity, 1))}.dark\:ring-0:is(.dark *){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dark\:hover\:bg-emerald-900\/50:hover:is(.dark *){background-color:rgb(var(--success-900) / .5)}.dark\:hover\:bg-green-900\/50:hover:is(.dark *){background-color:rgb(var(--success-900) / .5)}.dark\:hover\:bg-primary-900\/50:hover:is(.dark *){background-color:rgb(var(--primary-900) / .5)}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:rgb(var(--danger-900) / .2)}.dark\:hover\:bg-red-900\/50:hover:is(.dark *){background-color:rgb(var(--danger-900) / .5)}.dark\:hover\:bg-red-950\/30:hover:is(.dark *){background-color:rgb(var(--danger-950) / .3)}.dark\:hover\:bg-violet-900\/50:hover:is(.dark *){background-color:rgb(var(--primary-900) / .5)}.dark\:hover\:bg-white:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-0) / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-zinc-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-700) / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-zinc-700\/50:hover:is(.dark *){background-color:rgb(var(--gray-700) / .5)}.dark\:hover\:bg-zinc-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-800) / var(--tw-bg-opacity, 1))}.dark\:hover\:text-primary-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--primary-300) / var(--tw-text-opacity, 1))}.dark\:hover\:text-primary-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--primary-400) / var(--tw-text-opacity, 1))}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--danger-400) / var(--tw-text-opacity, 1))}.dark\:hover\:text-zinc-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-300) / var(--tw-text-opacity, 1))}.dark\:disabled\:bg-zinc-700:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-700) / var(--tw-bg-opacity, 1))}.dark\:disabled\:bg-zinc-800:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--gray-800) / var(--tw-bg-opacity, 1))}.dark\:disabled\:text-zinc-600:disabled:is(.dark *){--tw-text-opacity: 1;color:rgb(var(--gray-600) / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:w-64{width:16rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:var(--text-3xl);line-height:var(--leading-tight)}.sm\:text-5xl{font-size:var(--text-4xl);line-height:var(--leading-tight)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.premium-dialog{width:calc(100% - var(--space-3));max-width:560px;max-height:calc(100dvh - var(--space-3));padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-text)}.premium-dialog[open]{animation:dialog-enter var(--duration) var(--ease) both}.premium-dialog::backdrop{background:var(--color-overlay);backdrop-filter:blur(4px)}.premium-dialog-close{position:absolute;top:var(--space-1h);right:var(--space-1h);z-index:2;width:40px;height:40px}.process-dialog{--process-color: var(--color-success);--process-soft: var(--color-success-soft)}.process-dialog.is-pending{--process-color: var(--color-link);--process-soft: var(--color-primary-soft)}.process-dialog.is-error{--process-color: var(--color-danger);--process-soft: var(--color-danger-soft)}.process-dialog-intro{position:relative;padding:var(--space-4) var(--space-3) 0;text-align:center}.process-overline{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding-inline:var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.process-emblem{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:var(--space-3) auto var(--space-2);border-radius:50%;background:var(--process-soft);color:var(--process-color)}.process-orbit{position:absolute;inset:-6px;border:2px solid transparent;border-radius:50%}.is-pending .process-orbit{border-top-color:var(--color-primary);animation:process-orbit 1.2s linear infinite}.process-status{color:var(--process-color);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.process-dialog h2{margin:var(--space-1) 0;font-size:var(--text-xl);font-weight:700}.process-dialog-intro p{max-width:400px;margin-inline:auto;color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.process-dialog-body{padding:var(--space-3)}.process-game-context{display:flex;align-items:center;gap:var(--space-1h);margin-bottom:var(--space-2);padding:var(--space-1h) var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.process-game-context>svg{flex-shrink:0;color:var(--color-text-muted)}.process-game-context strong{display:block;font-size:var(--text-sm);font-weight:600}.process-game-context span{display:block;margin-top:2px;color:var(--color-text-muted);font-size:var(--text-xs)}.process-timeline{margin:0;padding:0;list-style:none}.process-timeline li{position:relative;display:flex;align-items:center;gap:var(--space-1h);min-height:40px;padding:var(--space-half) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.process-step-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:50%}.process-timeline li:not(:last-child):after{content:"";position:absolute;left:11.5px;top:32px;bottom:-8px;width:1px;background:var(--color-border)}.process-timeline li>span:nth-child(2){flex:1;overflow-wrap:anywhere}.process-timeline small{display:none;color:var(--color-text-muted);font-size:var(--text-xs)}.process-timeline .is-done .process-step-icon{background:var(--process-soft);border-color:transparent;color:var(--process-color)}.process-timeline .is-active{color:var(--color-text);font-weight:500}.process-timeline .is-active .process-step-icon{border-color:var(--color-primary);color:var(--color-link)}.process-timeline .is-error,.process-timeline .is-error small{color:var(--process-color)}.process-wait-note{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.process-dialog-footer{position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-2);border-top:1px solid var(--color-border)}.process-dialog-footer button{min-height:44px;padding-inline:var(--space-2)}.process-dialog-footer>.btn-primary{order:-1;width:100%}.process-dialog-footer>.btn-ghost{margin-right:auto}.process-secure-note{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:24px;color:var(--color-text-muted);font-size:var(--text-xs)}@media (min-width: 640px){.process-dialog-intro{padding:var(--space-5) var(--space-5) 0}.process-dialog-body{padding:var(--space-3) var(--space-5)}.process-dialog-footer{padding:var(--space-2) var(--space-3)}.process-dialog-footer>.btn-primary{order:0;width:auto}.process-timeline small{display:inline}}.guard-code-ticket{position:relative;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-2);text-align:center;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text)}.guard-ticket-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.guard-ticket-label>span:last-child{display:inline-flex;align-items:center;gap:var(--space-half);letter-spacing:0;text-transform:none;font-weight:500}.guard-code-ticket code{display:block;margin:var(--space-3) 0;color:var(--color-text);font-size:clamp(var(--text-2xl),8vw,var(--text-4xl));font-weight:600;letter-spacing:.16em;line-height:1.2;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.guard-copy-button{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:var(--control-md);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration) var(--ease)}.guard-copy-button:hover{background:var(--color-primary-hover)}.guard-copy-button.is-copied{background:var(--color-success-soft);color:var(--color-success)}.guard-code-ticket p{margin-top:var(--space-1h);color:var(--color-text-muted);font-size:var(--text-xs)}.activation-receipt{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);background:var(--process-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.activation-receipt-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-surface);color:var(--process-color)}.activation-receipt>div:nth-child(2){flex:1;min-width:0}.activation-receipt>div>span{color:var(--process-color);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.activation-receipt strong{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1.2}.activation-receipt strong small{color:var(--process-color);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500}.activation-receipt .activation-receipt-title{margin-top:var(--space-half);font-size:var(--text-lg)}.activation-receipt>svg{flex-shrink:0;color:var(--process-color)}@media (min-width: 640px){.activation-receipt{padding:var(--space-3)}}.player-page{padding-block:var(--space-3) var(--space-8)}.player-layout{display:grid;grid-template-columns:1fr;gap:var(--space-3);align-items:start}.player-sidebar{position:static;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.player-identity{display:grid;grid-template-columns:56px minmax(0,1fr);gap:2px var(--space-2);align-items:center;padding:var(--space-2) var(--space-2) var(--space-1h);text-align:left}.player-avatar-wrap{position:relative;grid-row:1 / 4}.player-avatar{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:50%;background:var(--color-primary-soft);color:var(--color-link);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-avatar-edit{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-surface-inverse);color:var(--color-text-inverse)}.player-identity>strong{max-width:100%;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.player-identity>span:not(.player-member){color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.player-member{display:inline-flex;align-items:center;gap:var(--space-half);width:-moz-fit-content;width:fit-content;margin-top:var(--space-half);padding:2px var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.player-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-half);padding:0 var(--space-1h) var(--space-1h)}.player-nav a{display:flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-1h);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.player-nav a:hover{background:var(--color-surface-2);color:var(--color-text)}.player-nav a[aria-current]{background:var(--color-primary-soft);color:var(--color-link);font-weight:600}.player-nav a>svg:last-child,.player-nav a>span{margin-left:auto}.player-nav a>span{font-size:var(--text-xs)}.player-sidebar-bottom{display:flex;flex-wrap:wrap;gap:0 var(--space-3);padding:var(--space-1) var(--space-2);border-top:1px solid var(--color-border)}.player-sidebar-bottom button,.player-sidebar-bottom a,.player-sidebar-bottom p{display:flex;align-items:center;gap:var(--space-1);min-height:40px;color:var(--color-text-muted);font-size:var(--text-sm)}.player-sidebar-bottom p{width:100%;font-size:var(--text-xs)}.player-sidebar-bottom button:hover,.player-sidebar-bottom a:hover{color:var(--color-link)}.player-suggestion{display:flex;align-items:center;gap:var(--space-1h);padding:var(--space-1h) var(--space-2);background:var(--color-surface-2);border-top:1px solid var(--color-border)}.player-suggestion>svg{flex-shrink:0;color:var(--color-link)}.player-suggestion h2{font-size:var(--text-sm);font-weight:600}.player-suggestion p{display:none;margin-top:var(--space-half);color:var(--color-text-muted);font-size:var(--text-sm)}.player-suggestion button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);min-height:40px;margin-left:auto;color:var(--color-link);font-size:var(--text-sm);font-weight:600}.player-content{min-width:0}.player-welcome{position:relative;isolation:isolate;display:flex;justify-content:space-between;overflow:visible;padding:var(--space-3);background:var(--color-primary-soft);border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-xl);color:var(--color-text)}.player-mascot{--mascot-visible: .7;position:absolute;z-index:1;right:var(--space-3);bottom:0;display:none;overflow:hidden;aspect-ratio:1.472 / 1;pointer-events:none}.player-mascot img{position:absolute;top:0;left:0;width:100%;height:calc(100% / var(--mascot-visible));max-width:none;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}@media (min-width: 640px){.player-mascot{display:block;height:min(calc(100% - var(--space-2)),160px)}.player-welcome>div:first-child{max-width:calc(100% - 250px)}}@media (min-width: 1024px){.player-mascot{right:var(--space-5);height:min(calc(100% - var(--space-3)),230px)}.player-welcome>div:first-child{max-width:calc(100% - 370px)}}.player-welcome>div:first-child{position:relative;z-index:3}.player-meadow,.player-meadow-grass{position:absolute;right:0;bottom:0;display:none;overflow:hidden;pointer-events:none}.player-meadow{top:0;z-index:0;width:min(62%,580px);border-radius:0 var(--radius-xl) var(--radius-xl) 0;-webkit-mask-image:radial-gradient(130% 120% at 100% 100%,#000 42%,transparent 78%);mask-image:radial-gradient(130% 120% at 100% 100%,#000 42%,transparent 78%)}.dark .player-meadow{filter:brightness(.92) saturate(.95)}.player-meadow svg,.player-meadow-grass svg{position:absolute;inset:0;width:100%;height:100%}.player-meadow-pollen{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff3c4;box-shadow:0 0 8px #ffe08a;opacity:0;animation:meadow-pollen 7s ease-in-out infinite}@keyframes meadow-pollen{0%,to{opacity:0;transform:translate(0)}30%,70%{opacity:.85}50%{transform:translate(14px,-18px)}}.player-meadow-grass{z-index:2;width:min(48%,440px);height:34px;border-bottom-right-radius:var(--radius-xl);-webkit-mask-image:linear-gradient(to right,transparent,#000 30%);mask-image:linear-gradient(to right,transparent,#000 30%)}.dark .player-meadow-grass{filter:brightness(.82)}.player-meadow-blade{transform-box:fill-box;transform-origin:50% 100%;animation:meadow-sway 3.2s ease-in-out infinite alternate}@keyframes meadow-sway{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@media (min-width: 640px){.player-meadow,.player-meadow-grass{display:block}}@media (prefers-reduced-motion: reduce){.player-meadow-pollen,.player-meadow-blade{animation:none}}.player-welcome h1{max-width:600px;margin:var(--space-1) 0;font-size:var(--text-xl);font-weight:700;overflow-wrap:anywhere}.player-welcome h1>span{color:var(--color-link)}.player-welcome p{max-width:520px;color:var(--color-text-muted);font-size:var(--text-md)}.player-welcome a{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;margin-top:var(--space-1);color:var(--color-link);font-size:var(--text-sm);font-weight:600}.player-welcome-art{position:absolute;z-index:-1;top:50%;right:calc(-1 * var(--space-6));display:grid;place-items:center;width:180px;height:180px;color:var(--color-link);opacity:.12;transform:translateY(-50%)}.player-art-orbit{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%}.player-art-orbit:after,.player-art-plus,.player-art-label{display:none}.player-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-2);padding:var(--space-2) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.player-stats>div{min-width:0;padding:0 var(--space-1h)}.player-stats>div+div{border-left:1px solid var(--color-border)}.player-stats>div>span{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.player-stats svg{flex-shrink:0;color:var(--color-link)}.player-stats strong{display:flex;align-items:baseline;gap:var(--space-half);margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.player-stats small{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:400}.player-pending{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1h) var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.player-pending-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-accent-text)}.player-pending>div{flex:1;min-width:180px}.player-pending h2{font-size:var(--text-md);font-weight:700}.player-pending p{margin-top:2px;color:var(--color-text);font-size:var(--text-sm)}.player-pending>a{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:600;transition:background-color var(--duration) var(--ease)}.player-pending>a:hover{background:var(--color-primary-hover)}.player-library{margin-top:var(--space-5);scroll-margin-top:calc(var(--header-height) + var(--space-3))}.library-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-1) var(--space-2)}.library-heading h2{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-half);font-size:var(--text-xl);font-weight:700}.library-heading h2>span{padding:2px var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:0}.library-heading>a{font-size:var(--text-sm)}.library-search{display:flex;align-items:center;gap:var(--space-1h);margin-top:var(--space-2);padding-inline:var(--space-2) var(--space-half);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.library-search>svg{flex-shrink:0;color:var(--color-text-muted)}.library-search input{flex:1;min-width:0;height:46px;background:transparent;color:var(--color-text);font-size:var(--text-md)}.library-search input::-moz-placeholder{color:var(--color-text-muted)}.library-search input::placeholder{color:var(--color-text-muted)}.library-search input:focus{outline:none}.library-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--primary-500) / .25)}.library-filters{display:flex;gap:var(--space-1);margin:var(--space-1h) 0 var(--space-2);overflow-x:auto;scrollbar-width:none}.library-filters::-webkit-scrollbar{display:none}.library-filters button{flex-shrink:0;min-height:var(--control-sm);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.library-filters button:hover:not([aria-pressed=true]){border-color:var(--color-border-strong);color:var(--color-text)}.library-filters button[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary-soft-border);color:var(--color-link);font-weight:600}.library-game-list{display:grid;gap:var(--space-1h)}.library-game{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.library-game:hover,.library-game.is-expanded{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.library-game-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1h) var(--space-2);padding:var(--space-1h)}.library-game-art{display:grid;place-items:center;width:64px;height:84px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-subtle)}.library-game-art img,.library-game-art video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.library-game-summary{flex:1;min-width:0}.library-platform{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.library-game h3{margin:var(--space-half) 0 var(--space-1);font-size:var(--text-md);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.access-badge{display:inline-flex;align-items:center;gap:var(--space-half);padding:2px var(--space-1);border-radius:var(--radius-sm);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-xs);font-weight:600}.access-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.access-badge.is-expiring{background:var(--color-warning-soft);color:var(--color-warning)}.access-badge.is-expired{background:var(--color-danger-soft);color:var(--color-danger)}.access-badge.is-unknown{background:var(--color-surface-2);color:var(--color-text-muted)}.library-game-actions{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-1);width:100%}.library-game-actions>a,.library-game-actions>button{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-1h);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.library-guard-link{border:1px solid var(--color-border-strong);color:var(--color-text);font-weight:600!important;transition:background-color var(--duration) var(--ease)}.library-guard-link:hover{background:var(--color-surface-2)}.library-game-actions>button{color:var(--color-text-muted)}.library-game-actions>button:hover{background:var(--color-surface-2);color:var(--color-text)}.library-game-actions>button>svg:last-child{transition:transform var(--duration) var(--ease)}.library-game-actions>button[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.library-credentials{display:grid;grid-template-columns:1fr;gap:var(--space-1h);padding:var(--space-2);background:var(--color-bg);border-top:1px solid var(--color-border)}.credential-field{min-width:0}.credential-field>span{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.credential-field>div{display:flex;align-items:center;min-height:44px;padding-left:var(--space-1h);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.credential-field code{flex:1;min-width:0;font-size:var(--text-sm);line-height:1.6;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.credential-field .icon-button{width:40px;height:42px}.library-credentials>p{display:flex;align-items:center;gap:var(--space-1);grid-column:1 / -1;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.library-credentials>p>svg{flex-shrink:0}.library-credentials.is-compact{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-1h);animation:none}.library-credentials.is-compact .credential-field{display:flex;align-items:center;gap:var(--space-1);min-width:0;min-height:44px;padding:2px 2px 2px var(--space-1h);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .4)}.library-credentials.is-compact .credential-label{display:inline;margin:0;flex-shrink:0;padding-right:var(--space-1);border-right:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.library-credentials.is-compact code{flex:1;min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.library-credentials.is-compact .icon-button{width:36px;height:38px}.library-credentials.is-compact>p{margin-top:2px;font-size:var(--text-xs)}@media (min-width: 640px){.library-credentials.is-compact{grid-template-columns:1fr 1fr;padding:var(--space-1h) var(--space-2)}}.library-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-1h);padding-block:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm)}.player-bottom-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-top:var(--space-4)}.player-rank,.player-security{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.player-rank{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-1h) var(--space-2)}.player-rank-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-text)}.player-rank>div{flex:1;min-width:0}.player-rank h2,.player-security h2{margin-top:var(--space-half);font-size:var(--text-lg);font-weight:700}.player-rank p,.player-security p{margin-top:var(--space-half);color:var(--color-text-muted);font-size:var(--text-sm)}.player-rank>a{justify-content:space-between;width:100%;min-height:44px;padding-top:var(--space-1h);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.player-security>svg{color:var(--color-text-muted)}.player-security a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1h);min-height:44px;margin-top:var(--space-1);color:var(--color-link);font-size:var(--text-sm);font-weight:600}.profile-edit-dialog{padding:var(--space-3)}.profile-dialog-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-link)}.profile-dialog-heading .eyebrow{margin-top:var(--space-2)}.profile-dialog-heading h2{margin:var(--space-1) 0;font-size:var(--text-xl);font-weight:700}.profile-dialog-heading p{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-edit-dialog form{margin-top:var(--space-3)}.profile-edit-dialog label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:500}.profile-edit-dialog textarea{resize:vertical}.profile-form-note{display:flex;justify-content:space-between;gap:var(--space-1h);margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.profile-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}@keyframes process-orbit{to{transform:rotate(360deg)}}@media (min-width: 640px){.library-game-main{flex-wrap:nowrap;padding:var(--space-1h) var(--space-3) var(--space-1h) var(--space-1h)}.library-game-art{width:72px;height:96px}.library-game h3{font-size:var(--text-lg)}.library-game-actions{flex-direction:column;width:auto;flex-shrink:0}.library-game-actions>a,.library-game-actions>button{flex:none;min-height:var(--control-sm)}.library-credentials{grid-template-columns:1fr 1fr;padding:var(--space-3)}.player-pending{flex-wrap:nowrap}.player-pending>a{width:auto;flex-shrink:0}.player-stats>div{padding-inline:var(--space-3)}.player-stats>div>span{flex-direction:row;align-items:center;font-size:var(--text-sm)}.player-stats strong{font-size:var(--text-2xl)}.profile-edit-dialog{padding:var(--space-5)}}@media (min-width: 768px){.player-welcome{padding:var(--space-5)}.player-welcome h1{font-size:var(--text-2xl)}.player-welcome-art{right:var(--space-5);width:200px;height:200px;opacity:.18}.player-bottom-grid{grid-template-columns:1.2fr 1fr}}@media (min-width: 1024px){.player-page{padding-block:var(--space-5) var(--space-10)}.player-layout{grid-template-columns:264px minmax(0,1fr);gap:var(--space-4)}.player-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-3))}.player-identity{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-3) var(--space-3);text-align:center}.player-avatar-wrap{margin-bottom:var(--space-1h)}.player-avatar{width:80px;height:80px;font-size:var(--text-2xl)}.player-member{margin-top:var(--space-1h)}.player-nav{grid-template-columns:1fr;padding:0 var(--space-1h) var(--space-2)}.player-sidebar-bottom{display:block;padding:var(--space-1h) var(--space-3) var(--space-2)}.player-suggestion{display:block;padding:var(--space-3)}.player-suggestion h2{margin-top:var(--space-1h);font-size:var(--text-md)}.player-suggestion p{display:block}.player-suggestion button{width:100%;margin:var(--space-1) 0 0}}@media (prefers-reduced-motion: reduce){.process-orbit{animation:none}}html:not(.dark) .activation-receipt{border-color:color-mix(in srgb,var(--process-color) 28%,transparent);background:linear-gradient(135deg,var(--process-soft),color-mix(in srgb,var(--process-soft) 60%,var(--color-surface)))}html:not(.dark) .activation-receipt-icon{background:rgb(var(--gray-0) / .7);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--process-color) 22%,transparent)}html:not(.dark) .library-filters button{border-color:var(--color-border-strong);background:rgb(var(--gray-50) / .5);color:var(--color-text-muted)}html:not(.dark) .library-filters button:hover:not([aria-pressed=true]){border-color:rgb(var(--primary-400) / .6);color:var(--color-text);background:var(--tint-hover, rgb(var(--primary-600) / .09))}html:not(.dark) .library-filters button[aria-pressed=true]{background:rgb(var(--primary-600));border-color:transparent;color:var(--color-on-primary);box-shadow:0 6px 16px -8px rgb(var(--primary-600) / .6),inset 0 1px #fff3}html .premium-dialog[open],html .announcement-dialog[open]{animation:none}html .premium-dialog::backdrop,html .announcement-dialog::backdrop{opacity:1;animation:dialog-backdrop-in .28s var(--ease-out, cubic-bezier(.22, 1, .36, 1)) backwards;transition:opacity .18s cubic-bezier(.4,0,1,1)}html .premium-dialog.is-closing::backdrop,html .announcement-dialog.is-closing::backdrop{opacity:0}html .premium-dialog.is-closing,html .announcement-dialog.is-closing{pointer-events:none}@keyframes dialog-backdrop-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){html .premium-dialog::backdrop,html .announcement-dialog::backdrop{animation:none;transition:none}}.process-state.is-success{--process-color: var(--color-success);--process-soft: var(--color-success-soft)}.process-state.is-pending{--process-color: var(--color-link);--process-soft: var(--color-primary-soft)}.process-state.is-error{--process-color: var(--color-danger);--process-soft: var(--color-danger-soft)}.process-emblem-icon{display:grid;place-items:center}html .premium-dialog.guide-dialog{max-width:1024px}html .premium-dialog.guide-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.guide-header{flex-shrink:0;display:grid;gap:var(--space-1h);padding:var(--space-3) calc(var(--space-2) + 40px + var(--space-1)) var(--space-2) var(--space-2);border-bottom:1px solid var(--glass-border)}.guide-badge{display:inline-flex;align-items:center;justify-self:start;gap:var(--space-1);min-height:24px;padding:var(--space-half) var(--space-1h);border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-link);font-size:var(--text-xs);font-weight:600}.guide-header h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.25;color:var(--color-text)}.guide-header p{max-width:42rem;margin-top:var(--space-half);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.guide-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.guide-tab{min-height:40px;padding:0 var(--space-2);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .35);color:var(--color-text);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.guide-tab:hover{border-color:var(--color-border-strong)}.guide-tab[aria-pressed=true]{border-color:transparent;background:var(--color-primary);color:var(--color-on-primary)}.guide-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2)}.guide-content{display:grid;gap:var(--space-3)}.guide-setup,.guide-steps li,.guide-issue{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:rgb(var(--bg-rgb) / .35)}.guide-setup{display:grid;gap:var(--space-2);padding:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.guide-setup>div{display:grid;gap:var(--space-half)}.guide-setup-title{color:var(--color-text);font-weight:600}.guide-setup-platform{font-size:var(--text-xs)}.guide-setup-platform strong{color:var(--color-text);font-weight:600}.guide-download{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:var(--space-1h) var(--space-2);font-size:var(--text-sm);text-align:center}.guide-download>svg{flex-shrink:0}.guide-section{display:grid;gap:var(--space-2)}.guide-section-title{display:flex;align-items:center;gap:var(--space-1)}.guide-section-title>svg{flex-shrink:0}.guide-section-title.is-primary>svg{color:var(--color-link)}.guide-section-title.is-warning>svg{color:var(--color-warning)}.guide-section-title.is-danger>svg{color:var(--color-danger)}.guide-section-title h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.guide-steps{display:grid;gap:var(--space-1h);margin:0;padding:0;list-style:none}.guide-steps li{display:flex;gap:var(--space-1h);padding:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.guide-step-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:700;line-height:1}.guide-stack{display:grid;gap:var(--space-1h)}.guide-callout{display:flex;gap:var(--space-1h);padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-sm);line-height:1.6}.guide-callout>svg{flex-shrink:0;margin-top:2px}.guide-callout.is-warning{border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);background:var(--color-warning-soft)}.guide-callout.is-warning>svg{color:var(--color-warning)}.guide-callout.is-success{border-color:color-mix(in srgb,var(--color-success) 30%,transparent);background:var(--color-success-soft)}.guide-callout.is-success>svg{color:var(--color-success)}.guide-issue{display:grid;gap:var(--space-2);padding:var(--space-2)}.guide-issue h4{margin:0;font-size:var(--text-md);font-weight:600;color:var(--color-text)}.guide-issue>p{margin-top:calc(var(--space-1) * -1);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.guide-link{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--duration) var(--ease)}.guide-link:hover{color:var(--color-primary-hover)}.guide-figure{overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:rgb(var(--bg-rgb) / .5)}.guide-figure img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}@media (min-width: 640px){.guide-header{padding:var(--space-4) calc(var(--space-3) + 40px + var(--space-1)) var(--space-3) var(--space-3)}.guide-header h2{font-size:var(--text-2xl)}.guide-body{padding:var(--space-3)}}@media (min-width: 1024px){.guide-setup{grid-template-columns:1fr auto;align-items:center}}html:not(.dark) .premium-dialog::backdrop,html:not(.dark) .announcement-dialog::backdrop,html:not(.dark) .game-dialog::backdrop{backdrop-filter:blur(10px) saturate(130%)}html:not(.dark) .premium-dialog,html:not(.dark) .game-dialog,html:not(.dark) .announcement-dialog{background-color:var(--color-surface);background-image:linear-gradient(180deg,#ffffff8c,#fff0 120px);backdrop-filter:none;border-color:rgb(var(--gray-950) / .08);box-shadow:inset 0 1px #fffc,0 2px 6px rgb(var(--shadow-ink, 28 38 64) / .08),0 32px 64px -24px rgb(var(--shadow-ink, 28 38 64) / .35)}html:not(.dark) .announcement-bottom,html:not(.dark) .process-dialog-footer{background:var(--color-surface-2)}html:not(.dark) .guide-steps li,html:not(.dark) .guide-setup,html:not(.dark) .guide-issue,html:not(.dark) .guide-tab:not([aria-pressed=true]),html:not(.dark) .guide-figure{background:rgb(var(--gray-0) / .55)}