/* Scope commercial surfaces to the approved mastering canvas. */
.master-cinematic .account-button{color:#d2c9dc;border:1px solid #ffffff18;border-radius:999px;padding:9px 13px;font:500 12px 'DM Sans',sans-serif;min-height:40px;white-space:nowrap;background:#ffffff05}
.master-cinematic .header-right{display:flex;align-items:center;gap:18px}
.master-cinematic .download-cost,.master-cinematic .account-save-status,.master-cinematic .access-note{color:#aaa0b7;font-size:12px;line-height:1.6;margin:12px 0 0}
.master-cinematic .account-save-status:empty{display:none}
.master-cinematic #download-again{display:inline-flex;margin-top:12px;text-decoration:none;min-height:40px;align-items:center}
.master-cinematic #retry-account-save{min-height:44px}
.master-cinematic :is(#account-menu,#session-auth,.credits-dialog){box-sizing:border-box;width:min(500px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:30px;border:1px solid #c6b8dc35;border-radius:24px;background:#15131b;color:#f4f1f7;box-shadow:0 30px 100px #0009;font-family:'DM Sans',sans-serif;text-align:left}
.master-cinematic :is(#account-menu,#session-auth,.credits-dialog)::backdrop{background:#06060bbd;backdrop-filter:blur(12px)}
.master-cinematic :is(#account-menu,#session-auth) h2{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:12px 32px 18px 0}
.master-cinematic :is(#account-menu,#session-auth) p{color:#beb3cb;font-size:14px;line-height:1.6}
.master-cinematic .sheet-close{position:absolute;right:14px;top:14px;min-width:44px;min-height:44px;border:0;background:transparent;color:#d9d0e3;font-size:24px}
.master-cinematic .account-links{display:grid;gap:6px}
.master-cinematic .account-links :is(a,button){padding:14px 0;text-align:left;text-decoration:none;color:#eee5f6;border:0;border-bottom:1px solid #ffffff12;background:transparent;font:500 15px 'DM Sans',sans-serif;min-height:48px}
.master-cinematic #session-auth .primary,.master-cinematic #session-auth .secondary{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;min-height:50px;box-sizing:border-box;margin-top:12px;text-align:center}
.master-cinematic #session-auth .primary{background:linear-gradient(115deg,#c4a7ff,#e9a9e0 48%,#ffad8e);color:#231b2b;border-radius:999px;font-weight:650}
.master-cinematic .sheet-fine{font-size:12px!important}
.master-cinematic .credits-dialog{--credits-accent:#c7b6ed}
.master-cinematic .credits-dialog h2{letter-spacing:-.035em}
.master-cinematic .credits-dialog .credits-cta{background:linear-gradient(115deg,#c4a7ff,#e9a9e0 48%,#ffad8e);color:#241d2e;border:0}
.master-cinematic .credits-dialog :is(.credits-pack,.hp-method){border-color:#c8b6e532;border-radius:15px;background:#201b29;color:#f4eef9}
.master-cinematic .credits-dialog :is(.credits-pack,.hp-method):hover{border-color:#cbb1f3;background:#292134}
.master-cinematic .credits-dialog .credits-pack[aria-pressed=true]{background:#c4a7ff1a;border-color:#c4a7ff}
.master-cinematic .credits-dialog :is(.credits-close,.hp-method,.credits-pack){min-height:44px}
.master-cinematic .no-script{position:relative;z-index:8;padding:30px;background:#15131b}
@media(max-width:700px){.master-cinematic .header-right{gap:10px}.master-cinematic .account-button{font-size:11px;padding:8px 10px}.master-cinematic header.shell{grid-template-columns:auto 1fr}.master-cinematic .header-right{justify-self:end}.master-cinematic :is(#account-menu,#session-auth,.credits-dialog){padding:24px 20px}.master-cinematic #session-auth h2{font-size:26px}}
@media(max-width:360px){.master-cinematic .account-button{font-size:0;min-width:36px;padding:8px}.master-cinematic .account-button span{font-size:16px}.master-cinematic .header-right{gap:8px}}

@media(max-width:360px){.master-cinematic .account-button .account-label{display:none}}
