.slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:56rem}.reel{position:relative;width:100%;height:calc(var(--reel-row-height) * var(--reel-visible-rows));overflow:hidden;perspective:900px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 26%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 26%,#000 74%,transparent 100%)}.reel:before,.reel:after{content:"";position:absolute;left:0;right:0;height:calc(var(--reel-row-height) * 2);pointer-events:none;z-index:3}.reel:before{top:0;background:linear-gradient(to bottom,var(--color-void),transparent)}.reel:after{bottom:0;background:linear-gradient(to top,var(--color-void),transparent)}.reel__focus-band{position:absolute;left:0;right:0;top:calc(var(--reel-row-height) * 2);height:var(--reel-row-height);z-index:0;background:linear-gradient(to bottom,color-mix(in oklch,var(--color-surface-raised) 70%,transparent),color-mix(in oklch,var(--color-surface) 55%,transparent));border-top:1px solid color-mix(in oklch,var(--color-accent) 55%,transparent);border-bottom:1px solid color-mix(in oklch,var(--color-accent) 55%,transparent);box-shadow:inset 0 12px 28px -18px color-mix(in oklch,var(--color-accent) 60%,transparent),inset 0 -12px 28px -18px color-mix(in oklch,var(--color-accent) 60%,transparent)}.reel__strip{position:absolute;left:0;right:0;top:0;z-index:1;display:flex;flex-direction:column}.reel__strip.is-spinning{will-change:transform,filter;transition:transform 2.6s var(--ease-reel);animation:reel-blur 2.6s var(--ease-reel)}@keyframes reel-blur{0%{filter:blur(7px);opacity:.72}55%{filter:blur(4px);opacity:.9}88%{filter:blur(1px);opacity:1}to{filter:blur(0);opacity:1}}.reel-item{height:var(--reel-row-height);display:flex;align-items:center;justify-content:center;padding-inline:var(--space-md)}.reel-item__text{font-family:var(--font-topic);font-size:var(--text-topic-ghost);line-height:1.2;text-align:center;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reel-item--target .reel-item__text{color:var(--color-text)}.reel__resting{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding-inline:var(--space-md)}.reel__topic{font-family:var(--font-topic);font-size:var(--text-topic);line-height:1.32;text-align:center;text-wrap:balance;color:var(--color-text-faint);max-width:46rem}.reel__topic.is-revealed{color:var(--color-text);animation:topic-reveal var(--duration-normal) var(--ease-out-expo)}@keyframes topic-reveal{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.slot__controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.btn{border:1px solid transparent;border-radius:var(--radius-pill);padding:.85rem 1.9rem;font-size:var(--text-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{cursor:default;opacity:.55}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 10px 30px -14px color-mix(in oklch,var(--color-accent) 80%,transparent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-strong);transform:translateY(-2px);box-shadow:0 16px 40px -14px color-mix(in oklch,var(--color-accent) 90%,transparent)}.btn--spin{padding:1.05rem 3.2rem;font-size:calc(var(--text-label) + .12rem);letter-spacing:.34em}.btn--ghost{background:transparent;color:var(--color-text-dim);border-color:var(--color-line)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-accent);transform:translateY(-2px)}.slot__hint{font-size:var(--text-label);color:var(--color-text-faint);letter-spacing:.02em;text-align:center;max-width:40rem}.slot__hint code{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 12%,transparent);padding:.1em .45em;border-radius:6px;font-size:.92em}.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-section);padding:clamp(2rem,1rem + 5vw,5rem) clamp(1.25rem,.5rem + 3vw,4rem);background:radial-gradient(120% 80% at 50% -10%,var(--color-stage),var(--color-void) 60%);overflow:hidden}.stage__glow{position:absolute;top:42%;left:50%;width:min(90vw,46rem);aspect-ratio:1;translate:-50% -50%;background:radial-gradient(circle,color-mix(in oklch,var(--color-accent) 16%,transparent),transparent 66%);filter:blur(24px);pointer-events:none;z-index:0}.lang-toggle{position:absolute;top:clamp(1rem,.5rem + 2vw,2rem);right:clamp(1rem,.5rem + 2vw,2.5rem);z-index:2;display:flex;gap:2px;padding:3px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-surface) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lang-toggle__btn{border:none;background:transparent;color:var(--color-text-faint);font-size:var(--text-label);font-weight:600;letter-spacing:.12em;padding:.4rem .85rem;border-radius:var(--radius-pill);transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}.lang-toggle__btn:hover{color:var(--color-text)}.lang-toggle__btn.is-active{color:var(--color-accent-ink);background:var(--color-accent)}.stage__head{position:relative;z-index:1;text-align:center}.wordmark{font-family:var(--font-brand);font-weight:700;font-size:var(--text-wordmark);line-height:.9;letter-spacing:.16em;text-indent:.16em;color:var(--color-text);text-shadow:0 0 60px color-mix(in oklch,var(--color-accent) 22%,transparent)}.tagline{margin-top:var(--space-sm);font-size:var(--text-label);letter-spacing:.28em;text-transform:none;color:var(--color-text-faint)}.stage :where(.slot){position:relative;z-index:1;margin-block:auto}.stage__foot{position:relative;z-index:1;font-size:var(--text-label);letter-spacing:.04em;color:var(--color-text-faint);text-align:center}@media (max-width: 30rem){.stage{justify-content:flex-start;gap:var(--space-lg)}}:root{--color-void: oklch(11% .008 264);--color-stage: oklch(14% .01 264);--color-surface: oklch(19% .014 264);--color-surface-raised: oklch(24% .016 264);--color-line: oklch(30% .014 264);--color-text: oklch(96% .005 264);--color-text-dim: oklch(70% .012 264);--color-text-faint: oklch(50% .014 264);--color-accent: oklch(78% .15 78);--color-accent-strong: oklch(84% .16 82);--color-accent-ink: oklch(16% .04 78);--font-brand: "Georgia", "Times New Roman", serif;--font-topic: system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Segoe UI", Roboto, sans-serif;--font-ui: system-ui, -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--text-wordmark: clamp(2.6rem, 1.2rem + 6.5vw, 7rem);--text-topic: clamp(1.35rem, .9rem + 2.4vw, 2.75rem);--text-topic-ghost: clamp(1rem, .75rem + 1.3vw, 1.6rem);--text-label: clamp(.72rem, .68rem + .2vw, .82rem);--space-xs: .5rem;--space-sm: .875rem;--space-md: 1.5rem;--space-lg: clamp(2rem, 1rem + 4vw, 4rem);--space-section: clamp(3rem, 1.5rem + 6vw, 7rem);--reel-row-height: clamp(3.2rem, 2rem + 5vw, 5.5rem);--reel-visible-rows: 5;--duration-fast: .16s;--duration-normal: .32s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-reel: cubic-bezier(.12, .84, .2, 1);--radius-sm: 10px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--color-text);background:var(--color-void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}