@font-face{font-family:GameWenSans;src:url('../fonts/noto-sans-sc.woff2') format('woff2');font-display:swap}
.game-mode-dialog{color-scheme:dark;box-sizing:border-box;width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #80949d;border-radius:16px;background:#0e1921;color:#e5edf1;font:16px/1.65 GameWenSans,'Microsoft YaHei',sans-serif;overflow:auto}
.game-mode-dialog::backdrop{background:#020609e8}.game-mode-content{padding:clamp(24px,4vw,42px)}
.game-mode-content h2{margin:0 0 8px;font:600 clamp(26px,4vw,36px)/1.25 GameWenSans,'Microsoft YaHei',sans-serif;letter-spacing:-.02em}
.game-mode-intro{margin:0 0 28px;color:#b9cbd3;font-size:16px}.game-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.game-mode-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px 22px;min-height:230px;border:1px solid #667c88;border-radius:12px;background:#182934;color:#e5edf1;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.game-mode-options svg{width:58px;height:58px;margin-bottom:20px;fill:none;stroke:#b5ddd7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.game-mode-options strong{font-size:23px;line-height:1.4;margin-bottom:6px}.game-mode-options span{color:#d1dfe5}.game-mode-options small{font-size:13px;margin-top:13px;color:#aebfc9}
.game-mode-options button:hover{background:#243e4b;border-color:#c5e4e2}.game-mode-dialog button:focus-visible{outline:3px solid #b5ddd7;outline-offset:4px}.game-mode-note{margin:24px 0 4px;font-size:14px;color:#b9cbd3}.game-mode-cancel{min-height:44px;padding:10px 0;border:0;background:transparent;color:#d1dfe5;font-family:inherit;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.game-mode-dialog ::selection{background:#b5ddd7;color:#0e1921}
@media(max-width:480px){.game-mode-options{gap:10px}.game-mode-options button{padding:18px 14px;min-height:220px}.game-mode-options strong{font-size:20px}.game-mode-options small{font-size:12px}.game-mode-options svg{width:46px;height:46px}.game-mode-intro{margin-bottom:20px}}
@media(max-height:480px) and (orientation:landscape){.game-mode-content{padding:20px 28px}.game-mode-options button{min-height:142px;padding:14px 18px;position:relative;padding-left:86px}.game-mode-options svg{position:absolute;left:18px;top:24px;width:48px;height:48px}.game-mode-content h2{font-size:26px}.game-mode-intro{margin-bottom:16px}.game-mode-options strong{font-size:21px}.game-mode-options small{margin-top:6px}.game-mode-note{margin-top:14px}.game-mode-cancel{padding:4px 0}}
@media(prefers-reduced-motion:reduce){.game-mode-options button{transition:none}}