body:has(.play-page) .site-ambient{display:none}.play-page{--demo-tone:var(--accent);z-index:2;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));flex-direction:column;min-height:440px;display:flex;position:relative}.play-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#02090deb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 24px;padding:10px 28px;display:grid}.play-back{min-height:40px;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:color .14s;display:inline-flex}.play-back:hover{color:var(--text)}.play-title{border-left:1px solid var(--line);align-items:baseline;gap:14px;min-width:0;padding-left:24px;display:flex}.play-title h1{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:720;line-height:1.3;display:inline-flex}.play-title h1:before{content:"";background:var(--demo-tone);width:8px;height:8px;box-shadow:0 0 12px var(--demo-tone);border-radius:50%}.play-title p{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.play-action{background:var(--accent);color:#061319;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:15px;font-weight:700;transition:background-color .14s;display:inline-flex}.play-action:hover{background:#9af1ea}.play-frame{background:var(--bg);border:0;flex:1;width:100%;min-height:0;display:block}@media (max-width:720px){.play-bar{grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:8px 16px 10px}.play-back{grid-column:1/-1;min-height:32px;font-size:13px}.play-title{border-left:0;flex-direction:column;align-items:flex-start;gap:0;padding-left:0}.play-title h1{font-size:18px}.play-title p{max-width:100%;font-size:13px}}@media (prefers-reduced-motion:reduce){.play-back,.play-action{transition:none}}