.game-viewport{min-width:0}.game-surface{border-radius:var(--radius-xl);background:var(--card);border:2px solid color-mix(in srgb, var(--game-accent) 45%, var(--border));box-shadow:var(--shadow-card);overflow:hidden}.game-stage{background:var(--game-surface);isolation:isolate;min-width:0;height:clamp(460px,64vh,740px);position:relative}.game-stage iframe{border:0;width:100%;height:100%;display:block}.viewport-featured:not(.is-expanded) .game-stage{height:clamp(340px,52vh,560px)}.viewport-featured .game-surface:-webkit-full-screen .game-stage{height:calc(100dvh - 58px)}.viewport-featured .game-surface:fullscreen .game-stage{height:calc(100dvh - 58px)}.cover-pitch{padding:0 var(--space-4);max-width:480px;margin:0;font-size:16px}.game-cover{place-items:center;display:grid;position:absolute;inset:0}.game-cover>img{object-fit:cover;filter:brightness(.48);width:100%;height:100%;position:absolute;inset:0}.cover-panel{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex;position:relative}.cover-panel>span{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.cover-panel h2{letter-spacing:-2px;max-width:550px;margin:0;font-size:clamp(36px,5vw,68px);font-weight:850}.viewport-featured .toolbar-title{font-size:22px;font-weight:850}@media (max-width:640px){.viewport-featured .toolbar-title{font-size:18px}.cover-panel{gap:10px;max-height:100%;padding:16px;overflow:auto}.cover-panel h2{letter-spacing:-1px;font-size:32px}.cover-panel>span{font-size:10px}.cover-pitch{padding:0;font-size:13px}.cover-panel .launch-button{flex-shrink:0;min-height:44px;padding:10px 22px;font-size:14px}.cover-panel small{font-size:11px}}.cover-panel small{font-size:13px}.launch-button{border-radius:var(--radius-pill);background:var(--game-accent);min-height:52px;color:var(--on-game-accent);box-shadow:0 4px 0 color-mix(in srgb, var(--on-game-accent) 65%, transparent);gap:12px;padding:12px 30px;font-size:16px;font-weight:750}.game-toolbar{justify-content:space-between;align-items:center;gap:8px;min-height:58px;padding:6px 14px 6px 22px;display:flex}.toolbar-game-info{flex-wrap:wrap;align-items:center;gap:2px 12px;min-width:0;display:flex}.toolbar-game-info .play-count{font-size:11px}.toolbar-title{font-size:16px;font-weight:750}.game-toolbar>div{gap:4px;display:flex}.player-tool{gap:8px;min-width:42px;height:42px;padding:8px 12px;font-size:13px}.game-overlay{z-index:var(--z-overlay);background:color-mix(in srgb, var(--background) 90%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.game-overlay h2{margin:0}.player-notice{color:var(--muted-foreground);font-size:14px}.play-layout:has(.is-expanded){grid-template-columns:minmax(0,1fr)}.play-layout:has(.is-expanded) .ad-sidebar{display:none}.game-surface:-webkit-full-screen{border:0;border-radius:0;width:100%;height:100%}.game-surface:fullscreen{border:0;border-radius:0;width:100%;height:100%}.game-surface:-webkit-full-screen .game-stage{height:calc(100dvh - 58px);min-height:0}.game-surface:fullscreen .game-stage{height:calc(100dvh - 58px);min-height:0}@media (max-width:640px){.viewport-featured:not(.is-expanded) .game-stage{height:60svh}.game-stage{height:68svh;min-height:430px}.game-surface{border-radius:var(--radius)}.game-toolbar{padding-left:12px}.expand-tool .expand-label{display:none}.player-tool{padding:8px}}@media (max-height:560px) and (orientation:landscape){.game-stage{height:calc(100svh - 64px);min-height:260px}}.expand-content{--expand-shimmer-color:#7141ff;transform-origin:50%;justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex;position:relative}.expand-content svg{flex-shrink:0;display:block}.expand-label{line-height:1;display:block}.dark .expand-content{--expand-shimmer-color:#fff}.expand-content-pulse{animation:5.6s ease-in-out 5 expand-invite}.expand-shimmer{pointer-events:none;color:var(--expand-shimmer-color);filter:drop-shadow(0 0 2px var(--expand-shimmer-color));opacity:0;justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 28%,#000 43% 57%,#0000 72%);mask-image:linear-gradient(110deg,#0000 28%,#000 43% 57%,#0000 72%);-webkit-mask-position:150% 0;mask-position:150% 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.expand-content-pulse .expand-shimmer{animation:5.6s linear 5 expand-shimmer}@keyframes expand-invite{0%,13%,38%,51%,to{transform:scale(1)}6%{transform:scale(1.14)}44%{transform:scale(1.1)}}@keyframes expand-shimmer{0%,13%{opacity:0;-webkit-mask-position:150% 0;mask-position:150% 0}14%{opacity:1;-webkit-mask-position:150% 0;mask-position:150% 0}33%{opacity:1;-webkit-mask-position:-50% 0;mask-position:-50% 0}34%{opacity:0;-webkit-mask-position:-50% 0;mask-position:-50% 0}51%{opacity:0;-webkit-mask-position:150% 0;mask-position:150% 0}52%{opacity:1;-webkit-mask-position:150% 0;mask-position:150% 0}71%{opacity:1;-webkit-mask-position:-50% 0;mask-position:-50% 0}72%,to{opacity:0;-webkit-mask-position:-50% 0;mask-position:-50% 0}}@media (prefers-reduced-motion:reduce){.expand-content-pulse,.expand-content-pulse .expand-shimmer{animation:none}}.ad-placement{color:var(--muted-foreground);text-align:center}.ad-label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:11px;display:block}.ad-preview{border:1px dashed var(--input);background:var(--muted);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex}.ad-preview strong{font-size:20px;font-weight:650}.ad-preview small{font-size:11px}.ad-sidebar{width:300px;display:none}.ad-sidebar .ad-preview{width:300px;height:250px}.ad-footer{width:728px;max-width:100%;margin:40px auto}.ad-footer .ad-preview{width:728px;max-width:100%;height:90px}.ad-size-mobile{display:none}.ad-skyscraper{width:160px}.ad-skyscraper .ad-preview{width:160px;height:600px;padding:12px}@media (min-width:1440px){.ad-sidebar{padding-top:48px;display:block}}@media (max-width:800px){.ad-footer{width:320px}.ad-footer .ad-preview{width:320px;height:100px}.ad-footer .ad-size-desktop{display:none}.ad-footer .ad-size-mobile{display:block}}.game-viewport{container:player/inline-size}.viewport-layout{grid-template-columns:minmax(0,1fr);display:grid}.expanded-ad-left,.expanded-ad-right{display:none}.expanded-ad-bottom{margin-top:var(--game-ad-gap)}.expanded-ad-bottom .ad-footer{margin:0 auto}.page-container:has(.is-expanded){max-width:1920px;padding-top:var(--space-3)}:is(.page-container:has(.is-expanded)>.home-intro,.game-page:has(.is-expanded)>.back-link,.game-page:has(.is-expanded)>.game-page-heading){display:none}html:has(.is-expanded){scroll-padding-top:calc(var(--site-header-height) + var(--space-3))}.is-expanded .game-surface:not(:-webkit-full-screen){height:calc(100svh - var(--site-header-height) - 2 * var(--space-3));flex-direction:column;display:flex}.is-expanded .game-surface:not(:fullscreen){height:calc(100svh - var(--site-header-height) - 2 * var(--space-3));flex-direction:column;display:flex}.is-expanded .game-surface:not(:-webkit-full-screen) .game-stage{flex:1;height:auto;min-height:0}.is-expanded .game-surface:not(:fullscreen) .game-stage{flex:1;height:auto;min-height:0}.is-expanded .game-toolbar{flex-shrink:0}.game-page:has(.is-expanded)>.ad-footer{display:none}@container player (width>=1240px){.is-expanded .viewport-layout:has(.ad-skyscraper){column-gap:var(--game-ad-gap);grid-template-columns:minmax(0,1fr) 160px;align-items:start}.expanded-ad-right{grid-area:1/2;display:block}.expanded-ad-bottom{display:none}}@container player (width>=1760px){.is-expanded .viewport-layout:has(.ad-skyscraper){grid-template-columns:160px minmax(0,1fr) 160px}.is-expanded .viewport-layout:has(.ad-skyscraper)>.game-surface{grid-area:1/2}.expanded-ad-left{grid-area:1/1;display:block}.expanded-ad-right{grid-column:3}}@container player (width<=800px){.expanded-ad-bottom .ad-footer,.expanded-ad-bottom .ad-preview{width:320px}.expanded-ad-bottom .ad-preview{height:100px}.expanded-ad-bottom .ad-size-desktop{display:none}.expanded-ad-bottom .ad-size-mobile{display:block}}@container player (width<=319px){.expanded-ad-bottom{display:none}}