*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:1rem;line-height:var(--line-normal);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.skip-link{position:absolute;left:var(--space-4);top:-100px;background:var(--color-accent);color:var(--color-accent-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:100;transition:top var(--motion-base) var(--ease-standard)}.skip-link:focus{top:var(--space-4)}.wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--space-6)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--line-tight);letter-spacing:0;margin:0}h1{font-size:clamp(2.5rem,6vw,4.25rem)}h2{font-size:clamp(1.75rem,3.4vw,2.5rem)}h3{font-size:1.125rem;letter-spacing:0}p{margin:0}.eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.lead{font-size:1.125rem;line-height:var(--line-loose);color:var(--color-text-secondary);max-width:var(--measure)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:0 var(--space-6);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:background var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface-sub);border-color:var(--color-border-solid)}.btn:active{transform:translateY(1px)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-divider)}.site-header__inner{display:flex;align-items:center;gap:var(--space-6);height:64px}.brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);margin-right:auto}.brand__mark{width:92px;height:auto;flex:0 0 auto}.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;letter-spacing:0}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav a{color:var(--color-text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--motion-base) var(--ease-standard),background var(--motion-base) var(--ease-standard)}.nav a:hover,.nav a[aria-current=page]{color:var(--color-text);background:var(--color-surface-sub)}.theme-toggle{width:var(--touch-target-min);height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.theme-toggle:hover{background:var(--color-surface-sub);color:var(--color-text)}.theme-toggle .icon-moon{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media(max-width:720px){.site-header__inner{min-height:64px;height:auto;padding-block:var(--space-2);flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.nav{order:3;width:100%;flex-wrap:wrap;gap:0}.nav a{padding:var(--space-2);font-size:.8125rem}.nav a[data-optional]{display:inline-flex}}.section{padding-block:var(--space-24)}.section--tight{padding-block:var(--space-16)}.section__head{max-width:var(--measure);margin-bottom:var(--space-12);display:grid;gap:var(--space-4)}.hero{padding-top:var(--space-24);padding-bottom:var(--space-16)}.hero__grid{display:grid;gap:var(--space-16);align-items:center}@media(min-width:940px){.hero__grid{grid-template-columns:1.05fr .95fr}}.hero__copy{display:grid;gap:var(--space-6);justify-items:start}.hero h1 .accent{color:var(--color-accent)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);padding-top:var(--space-4);border-top:1px solid var(--color-divider);width:100%}.hero__meta b{color:var(--color-text);font-weight:500}.hero--legacy{display:none}.scroll-model-story{height:310vh;position:relative}.scroll-model-story__sticky{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;background:radial-gradient(circle at 75% 18%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 32%),linear-gradient(135deg,var(--color-bg),var(--color-surface))}.scroll-model-story__canvas{position:absolute;inset:0}.scroll-model-story__canvas canvas{display:block;width:100%;height:100%}.scroll-model-story__overlay{position:relative;height:100%;pointer-events:none}.scroll-model-story__overlay:before{content:"";position:absolute;inset:0 auto 0 0;z-index:0;width:58%;background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg) 96%,transparent) 0%,color-mix(in srgb,var(--color-bg) 88%,transparent) 68%,transparent 100%)}.scroll-model-story__copy{position:relative;z-index:1;width:min(42%,510px);padding-top:clamp(8rem,18vh,12rem)}.scroll-model-story__stage{position:absolute;display:grid;gap:var(--space-5);opacity:0;transform:translateY(18px);transition:transform .42s var(--ease-standard)}.scroll-model-story__stage.is-active{opacity:1;transform:translateY(0);transition:opacity .42s var(--ease-standard),transform .42s var(--ease-standard)}.scroll-model-story__stage h1{max-width:12ch;text-shadow:0 2px 18px color-mix(in srgb,var(--color-bg) 92%,transparent)}.scroll-model-story__hint{position:absolute;z-index:1;left:var(--space-4);bottom:var(--space-8);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;transition:opacity var(--motion-base) var(--ease-standard)}.scroll-model-story__hint:before{content:"↓";color:var(--color-accent);font-size:1rem;margin-right:var(--space-2)}.scroll-model-story__hint.is-hidden{opacity:0}@media(max-width:760px){.scroll-model-story{height:250vh}.scroll-model-story__sticky{top:var(--site-header-height, 64px);height:calc(100svh - var(--site-header-height, 64px));min-height:0;background:radial-gradient(circle at 62% 66%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 36%),linear-gradient(135deg,var(--color-bg),var(--color-surface))}.scroll-model-story__overlay:before{width:100%;height:54%;background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg) 96%,transparent) 0%,color-mix(in srgb,var(--color-bg) 82%,transparent) 72%,transparent 100%)}.scroll-model-story__copy{padding-top:var(--space-4);width:min(100%,420px)}.scroll-model-story__stage h1{font-size:clamp(2.2rem,10vw,3.3rem)}}@media(prefers-reduced-motion:reduce){.scroll-model-story{height:auto}.scroll-model-story__sticky{position:relative;height:640px}.scroll-model-story__stage{transition:none}}.landing-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--color-focus-ring) 10%,transparent),transparent 44%),linear-gradient(180deg,var(--color-bg),var(--color-surface))}.hero-machine{position:relative;display:grid;gap:var(--space-4)}.hero-machine__status{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.hero-machine__status span,.trust-strip li,.chip-list span{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:700;padding:var(--space-2) var(--space-3)}.trust-strip{list-style:none;margin:var(--space-12) 0 0;padding:var(--space-4) 0 0;border-top:1px solid var(--color-divider);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.trust-strip li{border-radius:var(--radius-md);color:var(--color-text)}.lane{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);display:grid;gap:var(--space-5)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);display:grid;gap:var(--space-3);align-content:start}.card__step{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;color:var(--color-accent)}.card p{color:var(--color-text-secondary);font-size:.9375rem}.card--link{text-decoration:none;color:inherit;transition:border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.card--link:hover{border-color:var(--color-border-solid);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card__marker{width:34px;height:6px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-accent),var(--color-focus-ring))}.benefit-card{box-shadow:none}.section--games{padding-block:var(--space-16)}.games-layout{display:grid;gap:var(--space-8);align-items:center}.games-layout .section__head{margin-bottom:0}.games-showcase{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.games-future-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{min-height:132px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid;gap:var(--space-3);align-content:start}.game-card--primary{min-height:280px;border-top:3px solid var(--color-accent);align-content:center}.game-card--planned{padding:var(--space-4)}.game-card__logo{display:block;width:auto;max-width:100%;height:38px;object-fit:contain;object-position:left center}.game-card__logo--primary{height:70px}.game-card__more{height:38px;display:inline-flex;align-items:center;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:2rem;font-weight:500}.game-card__status{margin-top:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.8125rem;font-weight:700;text-transform:uppercase}.game-card__status--available{color:var(--color-accent)}.game-card>p:last-child{color:var(--color-text-secondary);font-size:.9375rem}@media(min-width:860px){.games-layout{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)}}.section--band{background:color-mix(in srgb,var(--color-focus-ring) 5%,var(--color-surface));border-block:1px solid var(--color-divider)}.split,.rule-grid,.faq-grid{display:grid;gap:var(--space-10, 40px)}.process-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.process-diagram{margin:0;max-width:1040px;margin-inline:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm)}.process-diagram img{display:block;width:100%;height:auto}.process-grid--mobile{display:none}.process-step{position:relative;min-height:220px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--space-3);align-content:start}.process-step__number{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);font-family:var(--font-mono);font-weight:700}.process-step p,.hotspot-copy p,.feature-list,.status-list,.faq-list p{color:var(--color-text-secondary)}.section-link{margin-top:var(--space-6)}.section-link a{color:var(--color-text);font-weight:700;text-decoration-color:var(--color-accent);text-underline-offset:4px}.machine-section{display:grid;gap:var(--space-6)}.hero__diy-note{max-width:52ch;margin-top:var(--space-4);color:var(--color-text-secondary);font-weight:700}.machine-panel{display:grid;gap:var(--space-6);align-items:start}@media(min-width:960px){.machine-panel{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}}.hotspot-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:grid;gap:var(--space-5)}.hotspot-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.hotspot-tab{min-height:var(--touch-target-min);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.hotspot-tab[aria-selected=true]{border-color:var(--color-accent);background:var(--color-accent-wash);color:var(--color-text)}.hotspot-tab:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.hotspot-copy{display:grid;gap:var(--space-3)}.hotspot-copy[hidden]{display:none}.diy-panel{display:grid;gap:var(--space-5);align-items:center;padding:var(--space-6);border-left:4px solid var(--color-accent);background:var(--color-accent-wash)}.diy-panel h3{margin-top:var(--space-2)}.diy-panel p:last-child{max-width:62ch;color:var(--color-text-secondary)}@media(min-width:760px){.diy-panel{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}}.app-grid{display:grid;gap:var(--space-10, 40px);align-items:center}@media(min-width:920px){.app-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}}.app-visual{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-md)}.app-visual img{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.app-copy{margin-bottom:0}.feature-list,.status-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.feature-list li,.status-list li{position:relative;padding-left:var(--space-5)}.feature-list li:before,.status-list li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.rule-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-8);display:grid;gap:var(--space-4);font-family:var(--font-mono);font-size:clamp(1rem,2.5vw,1.35rem)}.rule-card span{color:var(--color-accent);font-weight:700}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-list span{color:var(--color-text)}.status-panel{margin-top:var(--space-4);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-surface),color-mix(in srgb,var(--color-focus-ring) 8%,var(--color-surface)));display:grid;gap:var(--space-6)}@media(min-width:860px){.status-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}}.faq-list{display:grid;gap:var(--space-3)}.faq-list details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{margin-top:var(--space-3);max-width:var(--measure)}@media(max-width:560px){.wrap{padding-inline:var(--space-4)}.section{padding-block:var(--space-16)}.section--tight{padding-block:var(--space-12)}.hero{padding-top:var(--space-12);padding-bottom:var(--space-12)}.hero h1{font-size:2.25rem}.hero__grid{gap:var(--space-10, 40px)}.hero__actions{width:100%;display:grid;grid-template-columns:1fr}.hero__actions .btn{width:100%}.hero-machine__status{justify-content:flex-start}.trust-strip{margin-top:var(--space-8)}.lane{padding:var(--space-4)}.section__head{margin-bottom:var(--space-8)}.games-showcase{grid-template-columns:1fr}.process-step{min-height:auto}.hotspot-tabs{grid-template-columns:1fr}.hotspot-panel{padding:var(--space-4)}.diy-panel{padding:var(--space-5)}.app-visual{padding:var(--space-2)}.rule-card,.status-panel,.cta{padding:var(--space-5)}.site-footer{margin-top:var(--space-10, 40px)}}@media(max-width:640px){.process-diagram{display:none}.process-grid--mobile{display:grid}}.specs{border-top:1px solid var(--color-divider)}.spec-row{display:grid;gap:var(--space-2) var(--space-6);padding-block:var(--space-5);border-bottom:1px solid var(--color-divider)}@media(min-width:760px){.spec-row{grid-template-columns:200px 1fr}}.spec-row dt{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin:0}.spec-row dd{margin:0;max-width:var(--measure)}.cta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);display:grid;gap:var(--space-5);justify-items:start}@media(min-width:860px){.cta{grid-template-columns:1fr auto;align-items:center;gap:var(--space-8)}}.site-footer{border-top:1px solid var(--color-divider);padding-block:var(--space-12);margin-top:var(--space-16)}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;align-items:flex-start}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-5)}.site-footer a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem}.site-footer a:hover{color:var(--color-text);text-decoration:underline}.site-footer small{color:var(--color-text-disabled);font-size:.8125rem}.privacy-settings:where(.astro-gcn2mc3v){appearance:none;border:0;padding:0;background:none;color:inherit;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:.16em}