html,body,#app{height:100%;margin:0}body{user-select:none;font-family:var(--font-ui);color:var(--color-text);background:var(--color-letterbox);overflow:hidden}button{font:inherit}:root{--color-letterbox:#dfe6f1;--color-surface:#fff;--color-text:#1d2433;--color-text-muted:#374151;--color-accent:#2563eb;--color-accent-contrast:#fff;--color-focus:#ff8a00;--font-ui:system-ui, "PT Sans", "DejaVu Sans", "Liberation Sans", Arial, sans-serif;--text-sm:14px;--text-md:18px;--text-lg:24px;--text-xl:36px;--text-hero:72px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--z-wallpaper:0;--z-icons:10;--z-windows:100;--z-taskbar:1000;--z-menu:2000;--z-hero:3000;--z-overlay:4000}.stage[data-tier="0"]{--wallpaper-from:#cfd6e2;--wallpaper-to:#b6bfcd}.stage[data-tier="1"]{--wallpaper-from:#cfe0ef;--wallpaper-to:#b3cbe3}.stage[data-tier="2"]{--wallpaper-from:#c8e6f0;--wallpaper-to:#9ccfe3}.stage[data-tier="3"]{--wallpaper-from:#c2edf0;--wallpaper-to:#8fe0d6}.stage[data-tier="4"]{--wallpaper-from:#bdf0e9;--wallpaper-to:#7fd9f5}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage-viewport{background:var(--color-letterbox);position:fixed;inset:0;overflow:hidden}.stage{transform:translate(-50%, -50%) scale(var(--stage-scale,1));transform-origin:50%;background:linear-gradient(160deg, var(--wallpaper-from), var(--wallpaper-to));font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text);touch-action:none;user-select:none;position:absolute;top:50%;left:50%;overflow:hidden}.stage--hidden{visibility:hidden}.stage img,.stage svg{-webkit-user-drag:none}.stage input,.stage textarea{user-select:text}.stage-too-small{padding:var(--space-4);text-align:center;font-family:var(--font-ui);font-size:var(--text-lg);color:var(--color-text);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.screen{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;font-size:var(--text-lg);flex-direction:column;display:flex;position:absolute;inset:0}.title-name{font-size:var(--text-hero);letter-spacing:-1px;margin:0;line-height:1}.title-tagline{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.title-play{margin-top:var(--space-4);padding:var(--space-3) var(--space-7);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-lg);border:0;font-weight:700}.title-play:disabled{opacity:.55;cursor:not-allowed}