.studio{display:none!important}body{justify-content:center!important}.access-panel{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:max(64px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));border:0;color:#fff0f7;background:radial-gradient(ellipse at 90% 10%,#702051 0,transparent 55%),#281022;overflow-y:auto;overscroll-behavior:contain;font-family:var(--sans,'DM Sans',sans-serif)}.access-panel::backdrop{background:#281022}.access-content{width:100%;max-width:410px;margin:auto;text-align:center}.access-panel h1{font:500 clamp(44px,11vw,62px)/1 'Cormorant Garamond',Georgia,serif;margin:20px 0}.access-panel p{line-height:1.6;color:#d4b4cc;font-size:15px}.access-panel .eyebrow{font-size:10px;letter-spacing:2px;color:#e95191}.access-close{position:fixed;right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));border:1px solid #fff0f744;border-radius:50%;width:44px;height:44px;color:#fff0f7;background:#421238;font-size:29px;cursor:pointer;z-index:2}.access-moods{display:flex;justify-content:center;gap:24px;margin:28px 0 10px;color:#e95191}.access-moods svg{width:42px;height:42px;fill:currentColor}.access-price{font:500 52px/1 'Cormorant Garamond',Georgia,serif;margin:26px 0}.access-price small{display:block;font:13px/1.5 'DM Sans',sans-serif;margin-top:8px;color:#e7d9fa}.access-panel button.primary,.access-panel button.secondary{width:100%;min-height:52px;margin:10px 0;cursor:pointer}.access-panel .small-note{font-size:12px}.access-panel details{text-align:left;border-top:1px solid #fff0f725;margin-top:16px;padding-top:16px}.access-panel summary{cursor:pointer;padding:6px 0;font-size:14px}.access-panel form{display:grid;gap:10px;margin-top:16px}.access-panel label{font-size:12px;color:#e7d9fa}.access-panel input{box-sizing:border-box;width:100%;min-height:50px;border:1px solid #fff0f750;border-radius:12px;background:#ffffff09;color:#fff0f7;padding:12px;font:16px 'DM Sans',sans-serif}.access-panel [role=status]{min-height:24px;font-size:13px}.access-panel :focus-visible{outline:2px solid #e7d9fa;outline-offset:4px}.recovery-code{display:block;background:#421238;border:1px solid #e95191;border-radius:16px;padding:20px;overflow-wrap:anywhere;user-select:text;font:16px/1.7 monospace;margin:24px 0}.access-setting{margin:18px 0;text-align:center}.lock-mark{font:12px sans-serif;opacity:.65;margin-left:8px}.screen-trialend .centerpiece h1{font-size:48px}@media(min-width:600px){.access-panel{max-width:480px;left:50%;right:auto;transform:translateX(-50%);border-inline:1px solid #ffffff25}}

.access-panel h1:focus{outline:none}

/* Free and full-game comparison, matching the approved heart design. */
.access-panel[data-mode=offer]{padding-top:max(76px,calc(env(safe-area-inset-top) + 16px))}
.access-panel[data-mode=offer] .eyebrow{display:block;margin:5px 0 13px;color:#ef8db6}
.access-panel[data-mode=offer] h1{font-size:52px;line-height:.98;margin:0 0 16px}
.access-panel[data-mode=offer] h1 em{font-weight:500;color:#ed77ab}
.access-panel .access-intro{font-size:14px;margin:0 0 26px;line-height:1.65}
.access-panel .comparison{border:1px solid #e7d9fa2e;border-radius:22px;overflow:hidden;background:#ffffff03;text-align:left}
.access-panel table{border-collapse:collapse;width:100%;table-layout:fixed}
.access-panel thead th{font-size:13px;font-weight:600;text-align:center;padding:18px 4px;color:#cbb2c7}
.access-panel thead th:first-child{width:49%;text-align:left;padding-left:18px;color:#d4b4cc;font-size:11px;font-weight:400}
.access-panel thead th:last-child{color:#fff0f7;background:#e9519120;border-bottom:2px solid #e95191}
.access-panel tbody th,.access-panel tbody td{border-top:1px solid #fff0f713;height:53px;padding:10px 6px}
.access-panel tbody th{padding-left:18px;font-size:13px;font-weight:400;color:#eed9e7;line-height:1.4}
.access-panel td{text-align:center}.access-panel .paid{background:#e9519115}
.access-panel .quantity{font-size:17px;font-weight:600;color:#e7d9fa}.access-panel .quantity.paid{color:#fff0f7}
.access-panel .heart{display:inline-flex;vertical-align:middle;width:23px;height:23px}
.access-panel .heart svg{width:100%;height:100%;fill:currentColor}.access-panel .included{color:#f1d9f6}.access-panel .paid .included{color:#ff8ebf}
.access-panel .unavailable{color:#fff0f71a}.access-panel .unavailable svg{stroke:#fff0f726;stroke-width:1}
.access-panel .legend{font-size:10px;color:#b99bad;line-height:1.5;margin:11px 0 0}
.access-panel .purchase-confirmation{margin:18px 0;text-align:left;font-size:14px}
.access-panel .purchase-confirmation summary{cursor:pointer}
.access-panel .purchase-confirmation pre{font:inherit;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.access-panel[data-mode=offer] .access-price{font-size:46px;margin:24px 0 20px}
.access-panel[data-mode=offer] .access-price small{font-size:12px}
.access-panel[data-mode=offer] #checkout-button{display:block;height:58px;border:0;border-radius:20px;background:linear-gradient(110deg,#e95191,#ef76aa);color:#38112b;font:700 15px var(--sans,'DM Sans',sans-serif);text-align:center;margin:0}
.access-panel .access-tagline{font-size:11px;line-height:1.6;color:#c3a3b9;margin:14px 0 0}
.access-panel[data-mode=offer] .small-note{font-size:11px;margin:12px 0 0}
.access-panel[data-mode=offer] [role=status]:empty{display:none}
@media(max-width:360px){.access-panel[data-mode=offer]{padding-inline:18px}.access-panel[data-mode=offer] h1{font-size:46px}.access-panel tbody th{font-size:12px;padding-left:12px}.access-panel thead th{font-size:12px}}

.account-email{overflow-wrap:anywhere}.account-devices{list-style:none;padding:0;text-align:left}.account-devices li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff24}.account-devices .text-nav{width:auto;flex-shrink:0}.access-panel form{display:grid;gap:12px;text-align:left}.access-panel form .primary{margin-top:8px}.access-panel .login-code{font-size:1.6rem;letter-spacing:.3em;text-align:center}.access-panel [disabled]{opacity:.55;cursor:default}.access-panel a{color:inherit}

.account-entry{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100%;padding:36px 24px;gap:24px}.account-entry>.brand{width:200px;height:auto;max-width:60%;margin:0 auto}.account-entry>.brand svg{width:100%;height:auto;overflow:hidden}.entry-copy{margin:auto 0}.account-entry h1{font:500 clamp(42px,10vw,62px)/1.05 'Cormorant Garamond',Georgia,serif;margin:20px 0}.account-entry p{color:#d4b4cc;font-size:15px;line-height:1.6}.entry-actions{width:100%;max-width:380px;display:grid;gap:12px}.entry-actions button{width:100%;min-height:52px}.entry-actions .small-note{font-size:12px;margin:0}.entry-actions [role=status]:empty{display:none}

/* Keep account entry focused on the form, including on small phones. */
.access-panel:is([data-mode=create],[data-mode=signin],[data-mode=restore]){padding-top:max(96px,calc(env(safe-area-inset-top) + 64px))}
.access-panel:is([data-mode=create],[data-mode=signin],[data-mode=restore]) h1{font-size:clamp(36px,9vw,44px);line-height:1.1;margin:12px 0}
.access-panel:is([data-mode=create],[data-mode=signin],[data-mode=restore]) form{margin-top:28px}
.access-panel:is([data-mode=create],[data-mode=signin],[data-mode=restore]) [role=status]:empty{display:none}
.access-panel #switch-auth{margin-top:14px}

.password-field{position:relative}.password-field input{padding-right:72px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:52px;min-height:40px;border:0;background:transparent;color:#e7d9fa;font:inherit;font-size:13px;cursor:pointer}.access-panel .password-hint{margin:0;text-align:left}.access-panel #forgot-password{display:block;margin:8px auto}.access-panel label[for=account-password]{margin-top:8px}