.shell-bar{z-index:1;pointer-events:none;height:var(--shell-inset-top);padding:0 var(--spacing-2xl);grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;display:grid;position:absolute;inset:0 0 auto}.shell-bar h1{color:var(--color-text-primary);letter-spacing:-.06em;text-align:center;margin:0;font-size:clamp(1.5rem,7vw,2.25rem);line-height:1}.shell-back{pointer-events:auto;border-radius:var(--rounding-round);width:3rem;height:3rem;color:var(--color-interactive-text-subtle);background:color-mix(in srgb, var(--color-interactive-surface-subtle) 45%, var(--color-surface-card));border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.shell-back:hover{background:var(--color-interactive-surface-subtle--hovered)}.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}.game-card{--armed-prompt-bottom:clamp(4rem, 12dvh, 11.25rem);--armed-prompt-height:clamp(5.5rem, 12dvh, 7rem);--armed-prompt-gap:1.5rem}.game-canvas-layer[data-layout-phase=ARMED]{--game-content-bottom-inset:calc(var(--armed-prompt-bottom) + var(--armed-prompt-height) + var(--armed-prompt-gap))}.armed-overlay{top:var(--shell-inset-top);pointer-events:auto;touch-action:pan-y pinch-zoom;cursor:pointer;background:0 0;padding:0}.armed-prompt-zone{right:0;bottom:var(--armed-prompt-bottom);height:var(--armed-prompt-height);pointer-events:none;place-items:center;display:grid;position:absolute;left:0}.armed-overlay:focus-visible .armed-prompt{outline:var(--stroke-width-focus) solid var(--color-stroke-focus);outline-offset:var(--spacing-md);border-radius:var(--rounding-sm)}.armed-prompt{align-items:center;gap:var(--spacing-sm);pointer-events:none;flex-direction:column;display:flex}.armed-icon{width:2.75rem;height:2.75rem;color:var(--color-text-primary);animation:2.4s ease-in-out infinite armed-tap}.armed-icon-desktop{width:2.125rem;height:2.125rem}.armed-icon-desktop,.armed-label-desktop{display:none}.armed-label{color:var(--color-text-primary);font-size:var(--typography-fontSize-label);font-weight:var(--typography-fontWeight-bold);letter-spacing:var(--typography-letterSpacing-label);text-transform:uppercase}@keyframes armed-tap{50%{transform:translateY(.25rem)scale(.96)}}.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){.armed-icon-touch,.armed-label-touch{display:none}.armed-icon-desktop,.armed-label-desktop{display:block}.desktop-nav{gap:var(--spacing-md);flex-direction:column;display:flex;position:absolute;left:calc(50% + 15rem)}.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){.armed-icon,.loading-overlay .stage-hint{animation:none}}@media (width<=45rem){.desktop-nav{display:none}}@media (width<=45rem) and (orientation:portrait){.game-card{--armed-prompt-bottom:calc(clamp(4rem, 12dvh, 11.25rem) + 1.5rem)}}@media (height<=30rem) and (orientation:landscape){.game-card{--armed-prompt-bottom:1.25rem;--armed-prompt-height:4.5rem;--armed-prompt-gap:.75rem}.armed-prompt{gap:.5rem}.armed-icon{width:2rem;height:2rem}}.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-locked{overflow:hidden}.feed-locked .game-mount{touch-action:pinch-zoom}.game-slot{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{width:min(100%, var(--layout-card-maxWidth));height:100%;max-height:var(--layout-card-maxHeight);border:var(--stroke-width-hairline) solid var(--color-stroke-card);border-radius:var(--rounding-lg);background:var(--color-surface-card);position:relative;overflow:hidden}.card-chrome{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.card-bottomline{justify-content:center;gap:var(--spacing-md);font-size:.625rem;font-weight:var(--typography-fontWeight-bold);letter-spacing:.16em;color:var(--color-text-muted);padding:2.125rem 1.375rem .9375rem;display:flex}.game-heading{padding:var(--spacing-2xl)}.card-toolbar{pointer-events:auto}.game-heading h1{margin:0 0 var(--spacing-sm);letter-spacing:-.06em;font-size:clamp(2.25rem,8vw,3.375rem);line-height:1}.game-stage{background:var(--color-surface-card);position:absolute;inset:0}.game-mount{padding-top:var(--shell-inset-top);touch-action:pan-y pinch-zoom;position:absolute;inset:0}@media (width<=45rem){.game-slot{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-surface-card)}.game-card{border:0;border-radius:0;max-height:none}.game-heading{padding:0}.card-toolbar{height:var(--shell-inset-top);padding:0 var(--spacing-2xl);place-items:center;display:grid}.card-toolbar h1{text-align:center;margin:0;font-size:clamp(1.5rem,7vw,2.25rem)}.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)}.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:2;width:min(100%, var(--layout-card-maxWidth));height:var(--shell-inset-top);padding:0 var(--spacing-2xl);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.mobile-brand{border-radius:var(--rounding-sm);width:2.25rem;height:2.25rem;display:block;overflow:hidden}.card-menu-mark{place-items:center;width:2.25rem;height:2.25rem;display:grid}.card-menu-mark svg{width:1.5rem;height:1.5rem}}@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}}