@layer components{.gyp-icon3d{animation:3s ease-in-out infinite gyp-bob;transform:perspective(600px)rotateX(8deg);box-shadow:0 20px 40px -12px #000c,0 0 0 4px #ffffff26}@keyframes gyp-bob{50%{transform:perspective(600px)rotateX(8deg)translateY(-8px)}}.gyp-play{background:var(--gy-accent);color:var(--gy-accent-fg);box-shadow:inset 0 -4px 0 #0000002e, 0 10px 24px -10px var(--gy-accent);transition:transform .2s var(--ease-spring);animation:2.4s ease-in-out infinite gyp-pulse}.gyp-play:hover,.group:hover .gyp-play{transform:translateY(-2px)}.gyp-play:active,.group:active .gyp-play{transform:translateY(1px)scale(.98)}@keyframes gyp-pulse{50%{box-shadow:inset 0 -4px 0 #0000002e, 0 0 0 10px color-mix(in oklab, var(--gy-accent) 12%, transparent), 0 14px 34px -8px var(--gy-accent)}}.gyp-tbtn{background:var(--gy-surface-2);min-width:38px;height:38px;color:var(--gy-fg);white-space:nowrap;transition:background-color .15s, transform .15s var(--ease-spring), color .15s;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 -3px #00000038}.gyp-tbtn:hover{background:color-mix(in oklab, var(--gy-surface-2) 80%, var(--gy-brand))}.gyp-tbtn:active{transform:translateY(1px)}.gyp-tbtn:disabled{opacity:.55}.gyp-tbtn[aria-pressed=true]{background:color-mix(in oklab, var(--gy-brand) 30%, var(--gy-surface-2))}.gyp-key{background:var(--gy-surface-2);min-width:34px;height:34px;color:var(--gy-fg);font:900 13px/1 var(--font-sans);border-radius:9px;place-items:center;padding:0 8px;display:inline-grid;box-shadow:inset 0 -3px #00000059,inset 0 1px #ffffff14}.gyp-stripes{background-image:linear-gradient(45deg,#ffffff38 25%,#0000 25% 50%,#ffffff38 50% 75%,#0000 75%);background-size:18px 18px;animation:.8s linear infinite gyp-stripes}@keyframes gyp-stripes{to{background-position:18px 0}}.gyp-immersive{z-index:100;width:100vw;height:100dvh;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:contain;touch-action:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.gyp-topbar{height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;background:#050b08;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:10px;display:flex}.gyp-immersive-stage{flex:auto;min-width:0;min-height:0;position:relative}html.gy-lock,html.gy-lock body{overscroll-behavior:none;overflow:hidden}html.gy-lock .gy-shell,html.gy-lock .gy-aura,html.gy-lock .gy-bottom{visibility:hidden}html.gy-lock .gy-shell *,html.gy-lock .gy-bottom *{animation-play-state:paused!important}.gyp-rotate svg{animation:1.8s ease-in-out infinite gyp-rotate}@keyframes gyp-rotate{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.gyp-theater-dim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040906db;position:fixed;inset:0}html[data-gy-theater] .gy-game-grid{grid-template-columns:minmax(0,1fr)!important}html[data-gy-theater] .gy-game-aside{display:none!important}.gyp-prose p{color:var(--gy-fg-muted);max-width:72ch;line-height:1.65}.gyp-prose li{color:var(--gy-fg-muted)}.gyp-splash{background:radial-gradient(60% 55% at 50% 45%,#10301c,#050b08 72%);container-type:size}.gyp-splash-glow{background:radial-gradient(circle,#a3e63547,#0000 62%);border-radius:50%;width:90cqmin;height:90cqmin;animation:1.6s ease-in-out infinite gyp-splash-breathe;position:absolute}.gyp-splash-gap{gap:clamp(8px,4cqmin,26px)}.gyp-splash-mark{filter:drop-shadow(0 10px 18px #0000008c);width:clamp(64px,30cqmin,176px);height:auto}.gyp-splash-ring{border:clamp(3px,.9cqmin,6px) solid #a3e635d9;border-radius:50%;animation:1.1s ease-out .25s both gyp-splash-ring;position:absolute;inset:-14%;box-shadow:0 0 24px #a3e63599,inset 0 0 18px #a3e63559}.gyp-splash-custom{object-fit:contain;filter:drop-shadow(0 10px 18px #0000008c);width:auto;max-width:80cqw;height:clamp(56px,22cqmin,140px)}.gyp-splash-word{letter-spacing:.01em;color:#fff;text-shadow:0 4px #0006,0 0 24px #a3e63540;white-space:nowrap;background:0 0;margin:0;padding:0 .1em;font-size:clamp(30px,12cqmin,72px);line-height:1.05}.gyp-splash-word span{color:var(--gy-accent,#a3e635)}.gyp-splash-dots{gap:clamp(5px,1.4cqmin,9px);display:flex}.gyp-splash-dots i{background:var(--gy-accent,#a3e635);border-radius:50%;width:clamp(7px,1.8cqmin,11px);height:clamp(7px,1.8cqmin,11px);animation:.9s ease-in-out infinite gyp-splash-dot}.gyp-splash-dots i:nth-child(2){animation-delay:.15s}.gyp-splash-dots i:nth-child(3){animation-delay:.3s}@keyframes gyp-splash-ring{0%{opacity:0;transform:scale(.6)}45%{opacity:1}to{opacity:.9;transform:scale(1)}}@keyframes gyp-splash-breathe{50%{opacity:.75;transform:scale(1.12)}}@keyframes gyp-splash-dot{50%{opacity:.55;transform:translateY(-60%)}}@media (prefers-reduced-motion:reduce){.gyp-icon3d,.gyp-play,.gyp-stripes,.gyp-rotate svg,.gyp-splash-glow,.gyp-splash-ring,.gyp-splash-dots i{animation:none!important}}}@media (max-width:767px){.gyp-block:not([data-phase=results]){height:calc(100svh - var(--gy-header-h,70px) - var(--gy-bottom-nav-h,66px) - 22px);flex-direction:column;min-height:360px;max-height:820px;display:flex}.gyp-block:not([data-phase=results])>.gyp-shell{flex:auto;min-height:0;aspect-ratio:auto!important;max-height:none!important}.gyp-block:not([data-phase=results])>[role=toolbar]{flex:none}.gyp-shell[data-phase=results]{aspect-ratio:auto!important;max-height:none!important}.gyp-shell[data-phase=results]>.gyp-cover{position:relative;inset:auto}.gyp-shell[data-phase=results] .gyp-results-wrap{position:relative;inset:auto;overflow:visible}}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.gyp-desk-only{display:none!important}}
