.pp-mode-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:26px;padding:32px 24px 24px;background:var(--bg0);color:var(--ink);box-shadow:0 24px 100px #0008;font-family:var(--font);text-align:center;margin:auto}
.pp-mode-dialog::backdrop{background:#13051ed9;backdrop-filter:blur(8px)}
.pp-mode-dialog h2{font-size:28px;line-height:1.1;margin:12px 0}
.pp-mode-dialog p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 24px}
.pp-mode-dialog .btn{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:14px;white-space:normal;text-decoration:none}
.pp-mode-dialog .btn span{font-size:12px;font-weight:650;margin-top:6px;letter-spacing:0}
.pp-mode-close{display:grid;place-items:center;margin:-20px -12px -10px auto;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px}
.pp-mode-back{display:block;margin:18px auto 0;min-height:44px;padding:8px 12px;color:var(--muted);background:transparent;border:0;border-radius:12px;font-weight:700;font-size:14px}
.pp-mode-back:hover,.pp-mode-close:hover{background:rgba(255,255,255,.08);color:var(--ink)}
@media(max-height:520px){.pp-mode-dialog{padding:20px}.pp-mode-dialog p{margin-bottom:12px}.pp-mode-dialog .btn{margin-top:10px}.pp-mode-dialog h2{font-size:25px}}
/* Keep the entry chooser comfortable on narrow phones and landscape screens. */
.pp-mode-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));scrollbar-gutter:stable;overscroll-behavior:contain}
.pp-mode-dialog h2,.pp-mode-dialog p{text-wrap:balance;overflow-wrap:anywhere}
.pp-mode-dialog .btn{min-height:76px;justify-content:center;padding:16px 18px;line-height:1.2}
.pp-mode-dialog .btn span{line-height:1.4;font-weight:650}
.pp-mode-close:focus-visible,.pp-mode-back:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media(max-width:360px){.pp-mode-dialog{padding:24px 18px 18px}.pp-mode-dialog h2{font-size:26px}.pp-mode-dialog .btn{padding:14px 12px;font-size:16px}}
@media(max-height:520px){.pp-mode-dialog .btn{min-height:64px;padding:12px 16px}.pp-mode-dialog p{font-size:14px}.pp-mode-back{margin-top:10px}}

/* v041: shared stage styling, aligned choices and deliberate keyboard focus. */
.pp-mode-dialog{background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--pop) 16%,transparent),transparent 70%),linear-gradient(155deg,var(--bg1),var(--bg0));border-color:#ffffff2e;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff16,0 24px 72px #0009;padding:24px}
.pp-mode-dialog h2{font-size:clamp(26px,6.6vw,32px);font-weight:900;letter-spacing:-.025em;margin:8px 0 14px}
.pp-mode-dialog p{font-size:15px;line-height:1.5;margin-bottom:22px}
.pp-mode-dialog .btn{min-height:88px;border-radius:14px;padding:16px;gap:7px;letter-spacing:.04em}
.pp-mode-dialog .btn span{margin:0;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.4;max-width:30ch}
.pp-mode-dialog .btn:focus{outline:none}
.pp-mode-dialog .btn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.pp-mode-close{margin:-12px -12px 0 auto;line-height:1;padding:0}
@media(max-height:520px){.pp-mode-dialog{padding:18px 22px}.pp-mode-dialog h2{margin:2px 0 10px}.pp-mode-dialog p{margin-bottom:12px}.pp-mode-dialog .btn{min-height:70px;padding:12px}.pp-mode-back{margin-top:10px}}

.pp-mode-dialog #pp-mode-title:focus{outline:none}
.pp-mode-dialog .btn span{min-height:2.8em;display:grid;place-items:center}

.pp-mode-options{display:grid;grid-auto-rows:1fr;gap:14px}.pp-mode-options .btn{margin:0;height:100%}.pp-mode-options .btn span{min-height:0}

/* v042: regular-game wordmark, quieter stage lighting and a clearer type hierarchy. */
.pp-mode-dialog{position:relative;padding:30px 24px 26px;scrollbar-gutter:auto;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--pop) 12%,transparent),transparent 62%),linear-gradient(155deg,var(--bg1),var(--bg0) 80%);border-color:#ffffff26;border-radius:24px}
.pp-mode-wordmark{font-size:17px;font-weight:950;line-height:1.2;letter-spacing:-.045em;margin:0 36px 18px;color:var(--ink);text-shadow:0 2px 0 color-mix(in srgb,var(--pop-deep) 40%,transparent)}
.pp-mode-wordmark span{color:var(--accent);text-shadow:0 2px 0 color-mix(in srgb,var(--accent-deep) 65%,transparent)}
.pp-mode-dialog h2{font-size:clamp(27px,7vw,32px);line-height:1.12;max-width:13ch;margin:0 auto 12px;letter-spacing:-.03em}
.pp-mode-dialog p{font-size:14px;line-height:1.5;max-width:28ch;margin:0 auto 24px}
.pp-mode-close{position:absolute;right:10px;top:10px;margin:0;width:44px;height:44px;color:var(--muted)}
.pp-mode-options{gap:16px}
.pp-mode-options .btn{border-radius:14px;padding:18px 14px;gap:8px;font-size:16px;letter-spacing:.06em;line-height:1.25}
.pp-mode-options .btn span{font-size:13px;font-weight:600;line-height:1.4;max-width:29ch}
.pp-mode-back{margin-top:16px;font-size:13px;line-height:1.4}
@media(max-width:360px){.pp-mode-dialog{padding:28px 18px 22px}.pp-mode-wordmark{font-size:16px;margin-bottom:16px}.pp-mode-options .btn{padding:16px 10px;font-size:15px}}
@media(max-height:520px){.pp-mode-dialog{padding:20px 24px}.pp-mode-wordmark{font-size:15px;margin-bottom:10px}.pp-mode-dialog h2{font-size:26px;max-width:none;margin-bottom:8px}.pp-mode-dialog p{margin-bottom:16px}.pp-mode-options{gap:12px}.pp-mode-options .btn{min-height:70px;padding:12px}.pp-mode-back{margin-top:8px}}