.play-page{background:radial-gradient(circle at 78% 7%,#7c3aed29,transparent 30rem),radial-gradient(circle at 8% 48%,#14b8a614,transparent 28rem),var(--body-background-color);width:100%;min-height:100%;color:var(--shell-text-strong)}.play-shell{width:min(80rem,100% - clamp(2rem,7vw,6rem));margin-inline:auto;padding-block:clamp(3rem,7vw,6rem)}.play-heading{max-width:50rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.play-heading>p,.game-detail-copy>p,.hosted-preview p{color:var(--shell-accent-light);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:760}.play-heading h1,.game-detail-copy h1{margin-top:var(--space-3);letter-spacing:-.06em;font-size:clamp(2.7rem,7vw,5.8rem);font-weight:780;line-height:.96}.play-heading>span{max-width:44rem;margin-top:var(--space-5);color:var(--shell-text-muted);font-size:1.05rem;line-height:1.65;display:block}.play-state{align-items:flex-start;gap:var(--space-3);border:1px solid var(--shell-border);border-radius:var(--radius-xl);background:var(--shell-surface-subtle);padding:var(--space-5);color:var(--shell-text-muted);display:flex}.play-state svg{color:#fbbf24;flex:none}.play-state p{margin-top:var(--space-1);line-height:1.55}.play-plain-choice{margin-top:var(--space-5)}.play-plain-choice .catalogue-card-plain{display:grid}.play-back-link{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--shell-text-muted);text-decoration:none;display:inline-flex}.play-back-link svg{width:1rem;height:1rem;transition:transform .16s}.play-back-link:hover{color:var(--shell-text-strong)}.play-back-link:hover svg{transform:translate(-.15rem)}.game-detail-hero{margin:var(--space-5)0 clamp(2.5rem,6vw,5rem);grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.game-detail-copy strong{margin-top:var(--space-5);color:var(--shell-text-strong);font-size:1.05rem;line-height:1.6;display:block}.game-detail-copy span{margin-top:var(--space-3);color:var(--shell-text-muted);line-height:1.65;display:block}.game-detail-hero .game-artwork{border:1px solid var(--shell-border);border-radius:1.5rem;box-shadow:0 2rem 6rem #00000059}.hosted-preview{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-5);border:1px solid var(--shell-border);border-radius:var(--radius-xl);background:var(--shell-surface-subtle);padding:clamp(1.25rem,3vw,2rem);display:flex}.hosted-preview h2{margin-top:var(--space-1);font-size:1.35rem;font-weight:730}.hosted-preview span{margin-top:var(--space-2);color:var(--shell-text-muted);line-height:1.55;display:block}.game-detail-local{margin-top:var(--space-5)}.relay-game-portal{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}@supports (color:color-mix(in lab,red,red)){.relay-game-portal{background:color-mix(in srgb,var(--card)92%,transparent)}}.relay-game-portal h2{margin-top:.2rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.relay-game-portal>div>p,.relay-game-list span,.relay-game-action p,.relay-game-state{color:var(--muted-foreground)}.relay-game-list{gap:.75rem;display:grid}.relay-game-list li,.relay-game-state{border:1px solid var(--border);border-radius:1rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.relay-game-list li>svg,.relay-game-state>svg{flex:none;width:1.25rem}.relay-game-list li>div{display:grid}.relay-game-list em{color:var(--warning-foreground,var(--foreground));font-size:.8rem}.relay-game-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.relay-login-list,.relay-login-form{border:1px solid var(--border);border-radius:1rem;gap:.8rem;padding:1rem;display:grid}.relay-login-card{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:1rem;padding-block:.65rem;display:grid}.relay-login-card:last-child{border-bottom:0}.relay-login-card>.launch-progress{grid-column:1/-1}.relay-login-card>div{align-items:center;gap:.5rem;display:flex}.relay-login-card>div:first-child{flex-direction:column;align-items:flex-start}.relay-login-card span{color:var(--muted-foreground);font-size:.9rem}.relay-login-form label{gap:.35rem;font-weight:600;display:grid}.relay-login-form select,.relay-login-dialog select{border:1px solid var(--input);background:var(--background);border-radius:.5rem;min-height:2.4rem;padding:.45rem .7rem}.relay-password{gap:.5rem;display:flex}.relay-risk{color:var(--destructive);font-size:.9rem}.relay-risk-browser{color:var(--muted-foreground)}.relay-login-other{border-top:1px solid var(--border);gap:.75rem;padding-top:.75rem;display:grid}.relay-login-other summary{cursor:pointer;font-weight:600}.relay-login-other>p{color:var(--muted-foreground);font-size:.9rem}.relay-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.relay-open-arrow{transform:rotate(180deg)}@media(max-width:780px){.game-detail-hero{grid-template-columns:1fr}.hosted-preview{flex-direction:column;align-items:stretch}.relay-login-card{grid-template-columns:1fr;align-items:stretch}}