.stage-overlay{padding:var(--spacing-2xl);text-align:center;background:var(--color-surface-overlay);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.375rem;display:flex;position:absolute;inset:0}.stage-overlay p{margin:0;font-size:1.0625rem}.stage-overlay button{pointer-events:auto;min-width:11.875rem;min-height:3.375rem;padding:var(--spacing-md) 1.375rem;border-radius:var(--rounding-round);color:var(--color-interactive-text-primary);background:var(--color-interactive-surface-primary);font-weight:var(--typography-fontWeight-bold);box-shadow:var(--effect-elevation-control);border:0}.stage-overlay button:hover{background:var(--color-interactive-surface-primary--hovered)}.loading-overlay .stage-hint{animation:1.4s ease-in-out infinite loading-status}@keyframes loading-status{50%{opacity:.35}}.stage-hint{color:var(--color-text-accent);font-size:var(--typography-fontSize-label);font-weight:var(--typography-fontWeight-bold);letter-spacing:var(--typography-letterSpacing-label)}.result-overlay strong{font-size:clamp(2rem,9vw,3.25rem)}.result-overlay small{font-size:var(--typography-fontSize-body);font-weight:500;display:block}.desktop-nav{display:none}@media (hover:hover) and (pointer:fine){.desktop-nav{top:50%;left:calc(100% + var(--spacing-xl));gap:var(--spacing-md);flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.desktop-nav button{min-width:2rem;padding:var(--spacing-md);border:var(--stroke-width-hairline) solid var(--color-stroke-navigation);border-radius:var(--rounding-md);color:var(--color-interactive-text-subtle);background:var(--color-interactive-surface-navigation)}}@media (prefers-reduced-motion:reduce){.loading-overlay .stage-hint{animation:none}}@media (width<=45rem){.desktop-nav{display:none}}@property --card-lock-progress{syntax:"<number>";inherits:false;initial-value:0}.feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;flex:1;min-width:0;height:100%;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.feed-user-locked{scroll-snap-type:none;touch-action:pan-x pinch-zoom;overflow-y:hidden}.game-slot[data-paused=true] .game-mount{pointer-events:none}.game-slot{--game-heading-size:clamp(2.25rem, min(8vw, 8dvh), 3.375rem);height:100%;min-height:var(--layout-shell-minHeight);scroll-snap-align:start;scroll-snap-stop:always;padding:calc(env(safe-area-inset-top) + var(--spacing-lg)) var(--spacing-lg) calc(env(safe-area-inset-bottom) + var(--spacing-lg));background:var(--color-surface-page);place-items:center;display:grid;position:relative}.game-card-shell{width:min(100%, var(--layout-card-maxWidth));height:100%;max-height:var(--layout-card-maxHeight);position:relative}.game-card{border:var(--stroke-width-hairline) solid var(--color-stroke-card);border-radius:var(--rounding-lg);background:var(--color-surface-card);width:100%;height:100%;position:relative;overflow:hidden}.feed[data-scrolling=true] .game-card{filter:blur(var(--effect-blur-scrolling))}.card-chrome{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.game-heading{padding:var(--spacing-2xl)}.card-toolbar{pointer-events:auto;place-items:center;display:grid}.desktop-pin{top:0;left:calc(100% + var(--spacing-xl));position:absolute}.desktop-pin .toolbar-control{border:var(--stroke-width-hairline) solid var(--color-stroke-navigation);color:var(--color-interactive-text-subtle);background:var(--color-interactive-surface-navigation)}.toolbar-control{border-radius:var(--rounding-md);width:2.75rem;height:2.75rem;color:var(--color-text-primary);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid}.toolbar-control[aria-pressed=true]{border-radius:var(--rounding-round);color:var(--color-interactive-text-primary);background:var(--color-interactive-surface-primary);box-shadow:var(--effect-elevation-control);border:0}.toolbar-control svg{width:1.5rem;height:1.5rem}.game-heading h1{margin:0 0 var(--spacing-sm);font-size:var(--game-heading-size);letter-spacing:-.06em;text-align:center;line-height:1}.pin-feedback{z-index:5;bottom:max(var(--spacing-xl), env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 2 * var(--spacing-lg));padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--rounding-md);color:var(--color-text-primary);background:var(--color-surface-card);box-shadow:var(--effect-elevation-control);margin:0;position:fixed;left:50%;transform:translate(-50%)}.game-menu{width:min(24rem, calc(100vw - 2 * var(--spacing-lg)));padding:var(--spacing-lg);border:var(--stroke-width-hairline) solid var(--color-stroke-card);border-radius:var(--rounding-lg);color:var(--color-text-primary);background:var(--color-surface-card)}.game-menu::backdrop{background:#000000a6}.game-menu-heading{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.game-menu-heading h2{margin:0}.game-menu button{border:var(--stroke-width-hairline) solid var(--color-stroke-card);border-radius:var(--rounding-md);min-height:2.75rem;color:var(--color-text-primary);background:var(--color-surface-card);cursor:pointer}.game-menu-options{gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:grid}.game-menu-options button[aria-current=true]{border-color:var(--color-stroke-focus)}.game-stage{background:var(--color-surface-card);position:absolute;inset:0}.game-mount{padding-top:max(var(--shell-inset-top), calc(var(--spacing-2xl) + var(--game-heading-size) + var(--spacing-sm) + var(--spacing-2xl)));touch-action:pan-y pinch-zoom;position:absolute;inset:0}@media (width<=45rem){.game-slot{--game-heading-size:clamp(1.25rem, min(7vw, 7dvh), 2.25rem);background:var(--color-surface-feedSeam);padding:0}.game-card-shell{max-height:none}.game-card{--card-top-gap:calc(var(--layout-feed-scrollGap) / 2 * (1 - var(--card-lock-progress)));--card-side-gap:calc(var(--layout-feed-scrollGap) * (1 - var(--card-lock-progress)));--card-bottom-gap:calc(var(--layout-feed-scrollGap) / 2 * (1 - var(--card-lock-progress)));--card-rounding:calc(var(--rounding-md) * (1 - var(--card-lock-progress)));--card-edge-opacity:calc(1 - var(--card-lock-progress));border-radius:var(--card-rounding);clip-path:inset(var(--card-top-gap) var(--card-side-gap) var(--card-bottom-gap) round var(--card-rounding));border:0}@media (prefers-reduced-motion:no-preference){.game-card{transition:--card-lock-progress .28s cubic-bezier(.4,0,.2,1)}}.game-card:after{content:"";z-index:3;pointer-events:none;inset:var(--card-top-gap) var(--card-side-gap) var(--card-bottom-gap);border:var(--stroke-width-hairline) solid var(--color-stroke-feedSeam);border-radius:var(--card-rounding);opacity:var(--card-edge-opacity);position:absolute}.feed .game-slot[data-active=true] .game-card{--card-top-gap:calc(var(--layout-feed-scrollGap) * (1 - var(--card-lock-progress)))}.feed-user-locked .game-slot[data-active=true] .game-card{--card-lock-progress:1}.feed[data-scrolling=true] .game-card{transition:none}.game-heading{padding:0}.card-toolbar{height:var(--shell-inset-top);padding:0 var(--spacing-lg);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.desktop-pin{display:none}.card-toolbar h1{text-align:center;white-space:nowrap;margin:0}.game-mount{padding-top:var(--shell-inset-top)}.game-heading p{padding:var(--spacing-2xl)}}@media (height<=30rem) and (orientation:landscape){.game-slot{min-height:0;padding-top:.5rem;padding-bottom:.5rem}}button:focus-visible,.feed:focus-visible{outline:var(--stroke-width-focus) solid var(--color-stroke-focus);outline-offset:var(--spacing-xs)}svg,canvas{-webkit-user-drag:none}.app-shell{height:100dvh;min-height:var(--layout-shell-minHeight);display:flex;overflow:hidden}.brand{z-index:1;align-items:center;gap:var(--spacing-sm);width:15rem;padding:max(var(--spacing-xl), env(safe-area-inset-top)) var(--spacing-xl) var(--spacing-xl) max(var(--spacing-xl), env(safe-area-inset-left));font-size:1.3125rem;font-weight:var(--typography-fontWeight-heavy);letter-spacing:-.07em;pointer-events:none;display:flex;position:fixed;top:0;left:0}.brand-logo{border-radius:var(--rounding-sm);flex:none;width:2.375rem;height:2.375rem;display:block;overflow:hidden}.mobile-toolbar{display:none}@media (width>=45.0625rem) and (width<=52.5rem){.brand{width:auto}.brand span{display:none}}@media (width<=45rem){.brand{display:none}.mobile-toolbar{top:env(safe-area-inset-top);z-index:4;width:min(100%, var(--layout-card-maxWidth));height:var(--shell-inset-top);padding:0 var(--spacing-lg);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}}@media (height<=30rem) and (orientation:landscape){.app-shell{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
