/* Additions scoped to the playable preview; original studio styling is retained. */
.play-invitation { margin-top:26px; max-width:500px; }
.play-invitation p { color:var(--muted); font-size:14px; line-height:1.5; margin:0 0 12px; }
.play-invitation .play-cta { width:auto; min-height:52px; padding:0 24px; gap:24px; border-radius:3px; }
.play-invitation small { display:block; margin-top:9px; font-size:11px; color:var(--muted); }
.site-footer-links { display:flex; flex-wrap:wrap; gap:12px 20px; }
.site-footer-links a { color:#d5d0c6; text-underline-offset:4px; }
.site-footer-links a:hover { color:var(--yellow); }
#stack-attack-dialog { padding:0; border:1px solid #635a31; border-radius:14px; background:#12120f; color:var(--cream); width:min(1180px,96vw); max-width:none; height:min(900px,94dvh); max-height:94dvh; overflow:hidden; box-shadow:0 24px 100px #000a; }
#stack-attack-dialog[open] { display:flex; flex-direction:column; }
#stack-attack-dialog::backdrop { background:#050505db; backdrop-filter:blur(8px); }
.preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 14px; flex:none; border-bottom:1px solid #ffffff25; }
.preview-heading { margin:0; font-size:12px; letter-spacing:.04em; }
.preview-heading small { display:block; color:#c1bcae; font-size:10px; font-weight:400; margin-top:3px; }
.preview-tools { display:flex; gap:8px; }
.preview-tools button { width:auto; margin:0; min-height:42px; min-width:44px; padding:0 14px; text-transform:none; letter-spacing:0; font-size:12px; background:#292920; color:#fffdf6; border:1px solid #ffffff30; }
.preview-tools button:hover { background:#3a382b; transform:none; }
.preview-tools button[hidden] { display:none; }
.preview-tools #close-preview { background:var(--yellow); color:var(--ink); }
.preview-game-area { position:relative; flex:1; min-height:0; background:#bcecff; }
.preview-game-area iframe { display:block; border:0; width:100%; height:100%; }
.preview-loading { position:absolute; inset:0; display:grid; place-content:center; gap:16px; text-align:center; color:#251338; padding:24px; background:#bcecff; }
.preview-loading[hidden] { display:none; }
.preview-loading a { font-weight:700; }
:fullscreen #stack-attack-dialog { width:100%; height:100dvh; max-height:none; border:0; border-radius:0; }
body.preview-open { overflow:hidden; }
@media(max-width:620px) { #stack-attack-dialog { width:100%; height:100dvh; max-height:100dvh; border:0; border-radius:0; margin:0; } .preview-toolbar { padding:calc(7px + env(safe-area-inset-top)) 10px 7px; gap:6px; } .preview-heading { font-size:11px; } .preview-tools button { padding:0 10px; } .preview-heading small { font-size:9px; } }