.hosted-game{--hosted-stage-height:clamp(600px, 70vh, 720px);border:1px solid color-mix(in srgb, var(--page-theme-primary,#22d3ee) 42%, #26334a);color:#f8fafc;min-height:calc(var(--hosted-stage-height) + 102px);background:#030712;border-radius:12px;display:grid;overflow:hidden}.hosted-game:focus-visible{outline-offset:4px;outline:4px solid #fff}.hosted-game__bar,.hosted-game__note{background:#030712f5;justify-content:space-between;align-items:center;display:flex}.hosted-game__bar{border-bottom:1px solid #94a3b83d;gap:1rem;min-height:66px;padding:.65rem .8rem}.hosted-game__status-group,.hosted-game__actions,.hosted-game__note{align-items:center;display:flex}.hosted-game__status-group{gap:.6rem;min-width:0}.hosted-game__status-group div{gap:.15rem;min-width:0;display:grid}.hosted-game__status-group strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.hosted-game__status-group span:not(.hosted-game__light){color:#94a3b8;font-size:.67rem}.hosted-game__light{background:#fbbf24;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 16px #fbbf2485}.hosted-game[data-hosted-state=ready] .hosted-game__light{background:#34d399;box-shadow:0 0 16px #34d3998f}.hosted-game[data-hosted-state=package-error] .hosted-game__light,.hosted-game[data-hosted-state=timeout] .hosted-game__light,.hosted-game[data-hosted-state=resource-error] .hosted-game__light,.hosted-game[data-hosted-state=incompatible] .hosted-game__light{background:#fb7185;box-shadow:0 0 16px #fb71858f}.hosted-game__actions{flex:none;gap:.45rem}.hosted-game__actions :is(button,a){min-height:44px}.hosted-game__viewport{min-height:var(--hosted-stage-height);background:#000;position:relative}.hosted-game__viewport iframe{height:var(--hosted-stage-height);min-height:var(--hosted-stage-height);border:0;width:100%;display:block}.hosted-game__viewport:fullscreen{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.hosted-game__viewport:fullscreen iframe{width:100vw;max-height:100vh;height:100vh!important}.hosted-game__touch-controls{bottom:max(.85rem, env(safe-area-inset-bottom));left:max(.85rem, env(safe-area-inset-left));pointer-events:none;right:max(.85rem, env(safe-area-inset-right));z-index:3;justify-content:space-between;align-items:end;gap:1rem;display:flex;position:absolute}.hosted-game__touch-controls[hidden]{display:none}.hosted-game__touch-controls :is(button,[data-hosted-stick]){-webkit-tap-highlight-color:transparent;pointer-events:auto;touch-action:none;user-select:none}.hosted-game__dpad{flex:none;grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:.22rem;display:grid}.hosted-game__dpad button,.hosted-game__touch-actions button{color:#fff;font:inherit;background:#030712c7;border:1px solid #ffffff80;border-radius:14px;min-width:52px;min-height:52px;font-size:1.1rem;font-weight:800}.hosted-game__dpad button:active,.hosted-game__touch-actions button:active{background:color-mix(in srgb, var(--page-theme-primary,#22d3ee) 48%, #07111f);transform:scale(.96)}.hosted-game__dpad [data-direction=up]{grid-area:1/2}.hosted-game__dpad [data-direction=left]{grid-area:2/1}.hosted-game__dpad [data-direction=right]{grid-area:2/3}.hosted-game__dpad [data-direction=down]{grid-area:3/2}.hosted-game__touch-actions{flex-wrap:wrap;flex:0 220px;justify-content:flex-end;gap:.5rem;display:flex}.hosted-game__touch-actions button{letter-spacing:.04em;text-transform:uppercase;padding:.55rem .8rem;font-size:.72rem}.hosted-game__stick-wrap{color:#ffffffd1;letter-spacing:.08em;pointer-events:none;text-transform:uppercase;place-items:center;gap:.35rem;font-size:.68rem;font-weight:800;display:grid}.hosted-game__stick{background:#030712b3;border:1px solid #ffffff80;border-radius:50%;width:112px;height:112px;position:relative}.hosted-game__stick>span{background:color-mix(in srgb, var(--page-theme-primary,#22d3ee) 68%, #dbeafe);border:2px solid #fffc;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0f172ab8}.hosted-game__touch-controls[data-touch-profile=dual-stick]{justify-content:space-around}.hosted-game__ready{background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--page-theme-primary,#22d3ee) 18%, transparent), transparent 34%), linear-gradient(145deg, #050b19 0%, #081426 54%, #030712 100%);z-index:2;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.85rem,2vh,1.25rem);padding:clamp(1.25rem,3vw,2.25rem);display:grid;position:absolute;inset:0;overflow:hidden}.hosted-game__ready[hidden]{display:none}.hosted-game__ready-header,.hosted-game__ready-main,.hosted-game__ready-footer{width:100%;max-width:980px;margin-left:auto;margin-right:auto}.hosted-game__ready-header{gap:.55rem;display:grid}.hosted-game__ready h3{color:#fff;margin-top:0;margin-bottom:0;font-size:clamp(1.35rem,3vw,2rem)}.hosted-game__objective{color:#cbd5e1;margin:0;line-height:1.65}.hosted-game__eyebrow{color:var(--page-theme-primary,#67e8f9);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.hosted-game__ready-main{touch-action:pan-y;outline:none;grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-height:0;display:grid;overflow:hidden}.hosted-game__ready-main:focus-visible{outline:3px solid color-mix(in srgb, var(--page-theme-primary,#22d3ee) 74%, #fff);outline-offset:5px;border-radius:10px}.hosted-game__ready ul{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.55rem;margin-top:0;margin-bottom:0;padding:0;list-style:none;display:grid}.hosted-game__ready li{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:9px;gap:.2rem;padding:.65rem .75rem;display:grid}.hosted-game__ready li[hidden]{display:none}.hosted-game__ready li strong{color:#f8fafc;font-size:.78rem}.hosted-game__ready li span{color:#94a3b8;font-size:.7rem}.hosted-game__compatibility{border-left:3px solid var(--page-theme-primary,#22d3ee);color:#dbeafe;background:#0f172ae6;margin:0;padding:.7rem .8rem;line-height:1.5}.hosted-game[data-hosted-state=incompatible] .hosted-game__compatibility{border-left-color:#fb7185}.hosted-game__ready-footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.7rem 1rem;display:grid}.hosted-game__ready-actions{flex-wrap:wrap;gap:.65rem;display:flex}.hosted-game__ready-pagination{justify-content:center;align-items:center;gap:.35rem;display:flex}.hosted-game__ready-pagination[hidden]{display:none}.hosted-game__ready-pagination>button{color:#e2e8f0;cursor:pointer;background:#0f172ae0;border:1px solid #94a3b84d;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.hosted-game__ready-pagination>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.hosted-game__ready-pagination>button:disabled{cursor:not-allowed;opacity:.35}.hosted-game__ready-dots{align-items:center;display:flex}.hosted-game__ready-dots button{cursor:pointer;background:0 0;border:0;width:22px;height:32px;padding:0;position:relative}.hosted-game__ready-dots button:after{content:"";background:#94a3b880;border-radius:999px;width:7px;height:7px;transition:background .16s,transform .16s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hosted-game__ready-dots button[aria-current=page]:after{background:var(--page-theme-primary,#22d3ee);box-shadow:0 0 12px color-mix(in srgb, var(--page-theme-primary,#22d3ee) 60%, transparent);transform:translate(-50%,-50%)scale(1.35)}.hosted-game__ready-pagination output{color:#94a3b8;text-align:center;min-width:4.8rem;font-size:.68rem;font-weight:750}.hosted-game__ready :is(button,a){min-height:48px}.hosted-game__ready button:disabled{cursor:not-allowed;opacity:.48}.hosted-game__loading,.hosted-game__fallback{z-index:2;justify-content:center;align-items:center;position:absolute;inset:0}.hosted-game__loading{background:radial-gradient(circle at center, color-mix(in srgb, var(--page-theme-primary,#22d3ee) 16%, #020617), #020617 70%);flex-direction:column;gap:.9rem;display:flex}.hosted-game__loading[hidden],.hosted-game__fallback[hidden]{display:none}.hosted-game__loading span{background:var(--page-theme-primary,#22d3ee);box-shadow:0 0 32px color-mix(in srgb, var(--page-theme-primary,#22d3ee) 72%, transparent);border-radius:50%;width:18px;height:18px;animation:1.1s ease-in-out infinite alternate hosted-pulse}.hosted-game__loading p,.hosted-game__fallback p{color:#cbd5e1;margin:0}.hosted-game__fallback{text-align:center;background:#050b19;flex-direction:column;gap:.75rem;padding:2rem;display:flex}.hosted-game__fallback h3{color:#fff;margin:0;font-size:1.25rem}.hosted-game__fallback>div{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.hosted-game__fallback :is(button,a){min-height:44px}.hosted-game__note{color:#94a3b8;letter-spacing:.03em;text-transform:uppercase;border-top:1px solid #94a3b833;flex-wrap:wrap;justify-content:flex-start;gap:.5rem 1rem;min-height:36px;padding:.5rem .8rem;font-size:.64rem}@keyframes hosted-pulse{0%{opacity:.48;transform:scale(.8)}to{opacity:1;transform:scale(1.08)}}@media (width<=720px){.hosted-game{--hosted-stage-height:clamp(540px, 72svh, 650px)}.hosted-game__bar{flex-direction:column;align-items:stretch}.hosted-game__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hosted-game__actions button{width:100%}.hosted-game__ready{padding:1.15rem}.hosted-game__ready ul{grid-template-columns:1fr}.hosted-game__ready-footer{grid-template-columns:1fr;align-items:stretch}.hosted-game__ready-actions{grid-template-columns:1fr;display:grid}.hosted-game__ready-actions :is(button,a){width:100%}}@media (pointer:coarse){.hosted-game__ready-pagination>button{width:44px;height:44px}.hosted-game__ready-dots button{width:28px;min-height:44px}}@media (prefers-reduced-motion:reduce){.hosted-game__loading span{animation:none}}