#play-mode-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:32px;border:2px solid #141815;border-radius:20px;background:#f4f0e6;color:#171c18;box-shadow:8px 8px 0 #131814;font-family:inherit}#play-mode-dialog::backdrop{background:#101811a8;backdrop-filter:blur(5px)}#play-mode-dialog h2{font-size:36px;margin:18px 36px 16px 0}#play-mode-dialog p{line-height:1.6;color:#485347}#play-mode-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:2px solid #151b15;border-radius:12px;background:#eea38d;font-size:28px}.play-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.play-mode-options button{display:flex;flex-direction:column;gap:12px;text-align:left;padding:22px;border:2px solid #171c18;border-radius:14px;background:#fffdf7;color:inherit;font:inherit;cursor:pointer;transition:transform .15s,background .15s}.play-mode-options button[aria-pressed=true]{background:#d3e99f;box-shadow:3px 3px 0 #171c18}.play-mode-options button:hover:not(:disabled){transform:translateY(-3px)}.play-mode-options span{font-size:36px}.play-mode-options strong{font-size:24px}.play-mode-options small{line-height:1.5}.play-mode-options button:disabled{opacity:.55;cursor:default}#play-mode-login{padding:14px;border:2px solid;border-radius:10px;background:#d3e99f;font:inherit;font-weight:700}#play-mode-open{white-space:normal}#play-mode-note{font-size:13px}#play-mode-dialog button:focus-visible{outline:3px solid #577dde;outline-offset:4px}@media(max-width:450px){#play-mode-dialog{padding:24px}.play-mode-options{gap:10px}.play-mode-options button{padding:15px}.play-mode-options strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.play-mode-options button{transition:none}}