/* Public information and installation pages share the selected site's chrome. */
.public-information .s44111166746a { min-height:100vh; }
.public-info { max-width:1040px;margin:0 auto;padding:52px 32px 64px;box-sizing:border-box; }
.public-info h1 { margin:12px 0 22px;font:600 clamp(40px,5vw,64px)/1.08 Fraunces,serif;letter-spacing:-.02em;color:#f6edff; }
.public-info h2 { margin:0 0 16px;font:600 clamp(25px,3vw,32px)/1.2 Fraunces,serif;color:#f6edff; }
.public-info h3 { color:#f6edff; }
.public-info p,.public-info li { color:#d3c0ee;font-size:16px;line-height:1.75;overflow-wrap:anywhere; }
.public-info p { margin:12px 0; }
.public-info strong { color:#f6edff; }
.public-info a:not(.public-button):not(.btn) { color:#f7c8e5;text-decoration:underline;text-underline-offset:4px; }
.public-info .docs-kicker { margin:0 0 12px;font:800 12px Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#f2afd7; }
.public-info .public-info-lead { max-width:740px;font-size:19px;line-height:1.65;margin-bottom:24px; }
.public-info > section,.public-info > form {
  margin-top:24px;padding:28px;border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  scroll-margin-top:150px;
}
.public-info ul,.public-info ol { margin:12px 0;padding-left:24px; }
.public-info li { margin:9px 0; }
.public-info-notice { margin:22px 0;padding:22px 24px;border:1px solid #c4a3da40;border-radius:18px;background:#2b1b3b; }
.public-info-notice p:first-child { margin-top:0; }
.public-info-notice p:last-child { margin-bottom:0; }
.public-info-error { border-color:#ef8dad;color:#fff; }
.public-info-label { display:block;margin:0 0 10px;font-weight:800;color:#f6edff; }
.public-info-input {
  display:block;box-sizing:border-box;width:min(100%,480px);min-height:52px;padding:13px 16px;
  border:1px solid #a88cc36e;border-radius:12px;background:#120a20;color:#fff;font:600 17px Manrope,sans-serif;
}
.public-info-input:focus-visible { outline:2px solid #f9a8d4;outline-offset:3px; }
.public-info .public-info-hint { max-width:680px;font-size:14px;color:#bfaedb; }
.public-install-help p,.public-install-help li { font-size:14px;color:#bfaedb; }
.public-install-help p { margin:14px 0 4px; }
.public-install-help ul { margin:4px 0 14px;padding-left:22px; }
.public-install-help li { margin:5px 0;padding-left:3px; }
.public-install-help code { padding:2px 5px;border-radius:4px;background:#ffffff0b;color:#e5d6f7; }
.public-info details { margin:20px 0;padding:15px 18px;border:1px solid #c4a3da40;border-radius:12px;background:#120a2066; }
.public-info summary { cursor:pointer;color:#e5d6f7;font-weight:700; }
.public-info summary:focus-visible { outline:2px solid #f9a8d4;outline-offset:5px; }
.public-permissions-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0 6px; }
.public-permission-category { min-width:0; }
.public-permission-category h3 { margin:0 0 14px;font:800 14px/1.5 Manrope,sans-serif;color:#f6edff; }
.public-permission-category ul { list-style:none;margin:0;padding:0; }
.public-permission-category li { display:flex;align-items:flex-start;gap:9px;margin:10px 0;font-size:14px;line-height:1.55; }
.public-permission-check { flex:none;color:#a8d8bd;font-size:15px;font-weight:800; }
.public-button {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:8px 0;padding:15px 24px;
  border:0;border-radius:999px;font:800 16px Manrope,sans-serif;color:#fff;
  background:linear-gradient(100deg,#7c3aed,#db2777);box-shadow:0 10px 32px #db27774d;
  text-decoration:none;cursor:pointer;transition:transform .2s;
}
.public-button:hover { transform:translateY(-2px); }
.public-button:focus-visible { outline:2px solid #f9a8d4;outline-offset:5px; }
.public-button svg { width:20px;height:20px;fill:currentColor;flex:none; }
.public-info .public-button-small { font-size:14px;padding:12px 20px; }
/* Premium examples reuse the homepage's cards, message styles and player. */
.premium-page { max-width:1264px; }
.premium-intro { max-width:820px;margin:10px 0 40px; }
.premium-page h1 { font-size:clamp(42px,6vw,76px); }
.premium-availability { display:flex;align-items:center;gap:16px;max-width:720px; }
.premium-availability > span { flex:none;padding:6px 13px;border:1px solid #d3a3df55;border-radius:999px;background:#ba6ad712;color:#f4c8e8;font-size:12px;font-weight:800; }
.premium-availability > p { font-size:14px;line-height:1.6; }
.premium-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:26px; }
.premium-jumps { display:flex;flex-wrap:wrap;gap:10px;margin:24px 0; }
.public-info .premium-jumps a { padding:9px 14px;border:1px solid #b79ad23d;border-radius:9px;background:#25133380;font-size:13px;font-weight:800;text-decoration:none; }
.public-info .premium-jumps a:hover { border-color:#eb9cce;background:#321b44; }
.premium-jumps a:focus-visible { outline:2px solid #f9a8d4;outline-offset:4px; }
.premium-core { display:grid;gap:32px; }
.premium-card { min-width:0;padding:16px;border-radius:22px;background:linear-gradient(160deg,#ffffff17,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff1f;display:flex;flex-direction:column; }
.premium-core .premium-primary-card { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start;gap:34px;padding:28px;scroll-margin-top:150px; }
.premium-example { min-width:0; }
.premium-primary-card .premium-card-copy { padding:4px 0; }
.premium-primary-card .premium-card-copy h2 { font:600 clamp(27px,2.6vw,35px)/1.18 Fraunces,serif; }
.premium-primary-card .premium-card-copy > p { margin:15px 0; }
.premium-primary-card .premium-card-copy > .docs-kicker { font-size:11px;margin:0 0 12px; }
.premium-primary-card .premium-card-copy > a { margin-top:10px; }
.premium-benefits { list-style:none;padding:0!important;margin:0 0 10px!important; }
.premium-benefits li { font-size:13px;line-height:1.7;margin:12px 0;padding-left:14px;border-left:2px solid #ba72d266; }
.premium-benefits strong { display:block; }
.premium-more { margin:50px 0 24px; }
.premium-more h2 { font-size:32px; }
.premium-story { height:auto;padding:0;box-sizing:border-box;display:flex;flex-direction:column;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff1f;background:#120a20 radial-gradient(220px 120px at 85% 0,#db277726,transparent 70%); }
.premium-story .story-head { padding:14px;font-size:11px; }
.premium-story .story-head small { font-size:9px; }
.premium-story .story-stage { display:grid; }
/* Stack full-height scenes in one grid cell so every message fits, without
   resizing the page as replies arrive or requiring a second scrollbar. */
.premium-story .story-frame { position:relative;inset:auto;grid-area:1 / 1;align-self:start;min-width:0;padding:16px;max-height:none;overflow:visible; }
.premium-story .premium-reveal { animation:premium-message .55s cubic-bezier(.22,.61,.36,1) calc(var(--enter) + var(--beat)) both;animation-play-state:paused; }
.premium-beat-1 { --beat:.35s; }.premium-beat-2 { --beat:2.8s; }.premium-beat-3 { --beat:5.2s; }.premium-beat-4 { --beat:7.6s; }
@keyframes premium-message { from { opacity:0;transform:translateY(4px);visibility:hidden; } to { opacity:1;transform:none;visibility:visible; } }
.premium-story[data-story-static] .premium-reveal,.premium-story:not([data-story-motion]) .premium-reveal { animation:none!important;opacity:1!important;transform:none!important;visibility:visible!important; }
/* Typing occupies the upcoming reply's space, then gives way to the message. */
.premium-chat-reply { display:grid;margin-top:10px; }
.premium-story .premium-chat-reply > .mr { grid-area:1 / 1;align-self:start;margin-top:0;min-width:0; }
.premium-story .premium-typing { pointer-events:none;opacity:0;animation:tyd 1.8s ease calc(var(--enter) + var(--beat) - 1.8s) both;animation-play-state:paused; }
.premium-typing .dots i:nth-child(2) { animation-delay:.2s; }
.premium-typing .dots i:nth-child(3) { animation-delay:.4s; }
.premium-story[data-story-static] .premium-typing,.premium-story:not([data-story-motion]) .premium-typing { display:none; }
.premium-story .mr { gap:10px; }
.premium-story .av { width:30px;height:30px; }
.premium-story .nm { font-size:13px; }
.premium-story .tx { font-size:13px;line-height:1.5; }
.premium-story .story-frame .em > strong { font-size:13px; }
.premium-story .em { padding:10px; }
#premium-automod .em { border-left-color:#5d1411; }
.premium-story .flow-note { font-size:11px!important;line-height:1.55!important; }
.premium-story .flow-audit-fields b { font-size:11px; }
.premium-story .flow-audit-fields > span { font-size:10px; }
.premium-story .bn { font-size:10px;padding:6px 8px; }
.premium-story .premium-step-1 { --enter:.3s;--exit:4.5s; }
.premium-story .premium-step-2 { --enter:4.5s;--exit:9s; }
.premium-story .premium-step-3 { --enter:9s; }
.premium-story .premium-primary-step-1 { --enter:.3s;--exit:5s; }
.premium-story .premium-primary-step-2 { --enter:5s;--exit:10.5s; }
.premium-story .premium-primary-step-3 { --enter:10.5s;--exit:16s; }
.premium-story .premium-primary-step-4 { --enter:16s; }
.premium-story .premium-detail-step-1 { --enter:.3s;--exit:9s; }
.premium-story .premium-detail-step-2 { --enter:9s;--exit:18s; }
.premium-story .premium-detail-step-3 { --enter:18s;--exit:27s; }
.premium-story .premium-detail-step-4 { --enter:27s;--exit:36s; }
.premium-story .premium-detail-step-5 { --enter:36s;--exit:45s; }
.premium-story .premium-detail-step-6 { --enter:45s; }
.premium-story .premium-scene-label { margin:0 0 15px;font:800 12px/1.5 Manrope,sans-serif;color:#efbee5; }
.premium-page .premium-example-caption { margin:4px 6px 0;text-align:center;font-size:10px;line-height:1.6;color:#bfa6d0; }
.premium-page .premium-media-credit { grid-column:1/-1;margin:-16px 0 0;text-align:right;font-size:10px;line-height:1.5;color:#bfa6d0; }
.premium-hidden-media { display:grid;gap:6px;justify-items:center;margin:10px 0;padding:18px 12px;border:1px dashed #b995b54d;border-radius:9px;background:repeating-linear-gradient(135deg,#2c2035,#2c2035 12px,#302338 12px,#302338 24px);text-align:center; }
.premium-hidden-media > span { color:#c9a1c5;font-size:24px;line-height:1; }
.premium-hidden-media strong { font-size:12px; }
.premium-hidden-media small { font-size:10px;color:#c2adcf;line-height:1.5; }
.premium-outcome { display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:9px 11px;border:1px solid #82c9ad33;border-radius:7px;background:#4e896b14;color:#b7dfcd;font-size:11px;line-height:1.6; }
.premium-outcome > span { color:#a4e0bf;font-weight:800; }
.premium-game-preview { position:relative;isolation:isolate;display:grid;justify-items:center;gap:8px;overflow:hidden;margin:10px 0 12px;padding:22px 16px;border:1px solid #ad86c44a;border-radius:9px;background:radial-gradient(ellipse at 50% 110%,#70428f 0,transparent 65%),linear-gradient(135deg,#10192f,#282039);text-align:center; }
.premium-game-preview::before { content:"✦";position:absolute;z-index:-1;right:15px;top:-35px;font-size:185px;color:#d6b8e50b; }
.premium-game-preview > span { font-size:9px;letter-spacing:.16em;color:#c0a7d0; }
.premium-game-preview > strong { font:600 30px/1.2 Fraunces,serif;letter-spacing:.07em;color:#e2c2de; }
.premium-game-preview > small { font-size:10px;color:#c0b0d0; }
.premium-game-victory { border-color:#d7bc8355;background:radial-gradient(ellipse at 50% 0,#8a674c55 0,transparent 70%),linear-gradient(135deg,#182b31,#1d1631); }
.premium-game-victory > strong { color:#ffe1a4; }
.premium-hp { position:relative;display:flex;justify-content:space-between;gap:30px;width:min(100%,220px);padding:7px 0 9px;border-bottom:3px solid #e34c5c44;font-size:11px;color:#efd9d9; }
.premium-hp::after { content:"";position:absolute;left:0;bottom:-3px;width:3px;height:3px;background:#ff6877; }
.premium-gif { display:block;width:min(100%,240px);height:auto;aspect-ratio:300/266;object-fit:contain;margin:10px 0 12px;border-radius:9px;border:1px solid #d8bce42e; }
.premium-gif-fallback { display:none;max-width:240px;padding:18px;margin:10px 0 12px;border:1px solid #d8bce42e;border-radius:9px;background:#21172e;color:#d8c4e9;font-size:12px;line-height:1.6; }
.premium-card-copy { flex:1;display:flex;flex-direction:column;padding:16px 8px 8px; }
.premium-card-copy h2 { margin:0;font:800 22px/1.3 Manrope,sans-serif; }
.premium-card-copy > p { font-size:15px;line-height:1.65;margin:12px 0 20px; }
.premium-card-copy > a { margin-top:auto;align-self:flex-start; }
.public-info .premium-guide { font-size:13px;font-weight:800;text-decoration:none; }
.public-info .premium-guide:hover { text-decoration:underline; }
.premium-reaction { display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:3px 7px;border:1px solid #7577cf;border-radius:7px;background:#38377a50;font-size:11px; }
.premium-reaction img { width:19px;height:19px;object-fit:contain; }
.premium-dm { margin-top:9px;font-size:10px;line-height:1.5; }
.premium-dm b { display:block; }
.premium-sample-image { display:grid;justify-items:center;gap:5px;max-width:290px;margin-top:12px;padding:22px 14px;border-radius:10px;background:linear-gradient(145deg,#23335a,#46366c);border:1px solid #9bb3e34a;text-align:center; }
.premium-sample-image > span { color:#a8e9f7;font-size:40px;line-height:1; }
.premium-sample-image strong { font-size:18px;letter-spacing:.02em; }
.premium-sample-image small { font-size:12px;color:#e7d8ef; }
.premium-spoiler { display:inline-block;padding:3px 9px;border-radius:4px;background:#40344f;color:#d8c4e9;font-size:11px; }
.premium-example-link { color:#aabfff;font-size:11px; }
.premium-alert-media { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border:1px solid #9bb3e34a;border-radius:5px;background:linear-gradient(145deg,#23335a,#46366c);font-size:11px;color:#e7d8ef; }
.premium-result { padding:28px 12px;text-align:center; }
.premium-result-mark { display:grid;place-items:center;width:44px;height:44px;margin:0 auto 18px;border:1px solid #78c59b60;border-radius:50%;background:#4e896b24;color:#afe8c7;font-size:24px; }
.premium-result > strong { font-size:17px; }
.premium-result > p { font-size:13px;line-height:1.7; }
.premium-reply-context { margin:0 0 16px;padding:8px 12px;border-left:2px solid #a991ca;color:#bda8cf;font-size:11px;line-height:1.5; }
.premium-review-status { display:flex;align-items:center;gap:9px;margin-bottom:16px;font-size:12px;color:#e9c7ef; }
.premium-wordle { margin:10px 0;display:grid;gap:4px;width:max-content; }
.premium-wordle > div { display:flex;gap:4px; }
.premium-wordle span { width:25px;height:25px;display:grid;place-items:center;border-radius:3px;color:#fff;font-size:12px;font-weight:800; }
.premium-wordle .miss { background:#44444b; }.premium-wordle .hit { background:#447d52; }
.premium-page > .premium-controls { display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;padding:32px; }
.premium-controls h3 { font:800 17px/1.5 Manrope,sans-serif;margin:0 0 12px; }
.premium-controls p { font-size:14px;line-height:1.75; }
.premium-page > .premium-release { display:flex;align-items:center;gap:32px;justify-content:space-between;background:none;box-shadow:none;padding:32px 0 0; }
.premium-release > div { max-width:680px; }.premium-release > a { flex:none; }
.premium-release p { font-size:15px; }
@media(max-width:980px) {
  .premium-core .premium-primary-card { gap:22px;padding:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .premium-primary-card .premium-card-copy h2 { font-size:28px; }
}
@media(max-width:760px) {
  .public-info { padding:36px 20px 44px; }
  .public-info > section,.public-info > form { padding:22px; }
  .public-info .public-info-lead { font-size:17px; }
  .public-permissions-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
  .premium-grid { grid-template-columns:minmax(0,1fr);gap:22px; }
  .premium-core .premium-primary-card { grid-template-columns:minmax(0,1fr);gap:18px;padding:18px; }
  .premium-primary-card .premium-card-copy h2 { font-size:28px!important; }
  .premium-primary-card .premium-card-copy > .docs-kicker { font-size:10px; }
  .premium-more h2 { font-size:28px!important; }
  .premium-card { padding:12px; }
  .premium-availability { align-items:flex-start;flex-direction:column;gap:4px; }
  .premium-page > .premium-controls { grid-template-columns:minmax(0,1fr);gap:20px;padding:24px; }
  .premium-page > .premium-release { align-items:flex-start;flex-direction:column;gap:4px; }
  .premium-card-copy h2 { font-size:20px!important; }
}
@media(max-width:520px) {
  .public-permissions-grid { grid-template-columns:minmax(0,1fr);gap:18px; }
  .premium-core .premium-primary-card { padding:14px; }
  .premium-story .story-frame { padding:12px; }
  .premium-story .mr { gap:7px; }
  .premium-story .av { width:24px;height:24px; }
  .premium-story .em { padding:8px; }
}
@media(prefers-reduced-motion:reduce) { .public-button { transition:none; }.public-button:hover { transform:none; } }
@media(prefers-reduced-motion:reduce) { .premium-gif { display:none; }.premium-gif-fallback { display:block; } }
@media(prefers-reduced-motion:reduce) { .premium-story .premium-reveal { animation:none!important;opacity:1!important;transform:none!important;visibility:visible!important; } }
@media(prefers-reduced-motion:reduce) { .premium-story .premium-typing { display:none; } }