.game-mode-dialog{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;border:1px solid #628693;border-radius:16px;padding:18px 28px;color:#eff8ff;background:radial-gradient(ellipse at 80% 10%,#17494a 0,transparent 55%),#142631;box-shadow:0 24px 90px #0009}
.game-mode-dialog::backdrop{background:#06141de8;backdrop-filter:blur(5px)}
.mode-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.mode-logo{font-family:var(--display);font-style:italic;font-size:32px}.mode-languages{display:flex;gap:6px}.mode-languages button{padding:8px 12px;border:1px solid #567787;border-radius:6px;background:#162e3d;color:#c7e1ee;cursor:pointer}.mode-languages button[aria-pressed=true]{border-color:#34dce4;color:#39f3eb;background:#1d4950}.mode-heading{margin:16px 0 20px}.mode-heading>span{font-size:13px;font-weight:700;letter-spacing:.15em;color:#5ceade}.mode-heading h2{font-family:var(--display);font-style:italic;font-size:clamp(28px,4vw,46px);line-height:1.15;margin:9px 0}.mode-heading p{color:#b9d3df;margin:0;font-size:18px}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #517481;border-radius:12px;padding:20px;background:linear-gradient(145deg,#254552,#172c37)}.mode-card.sandbox{background:linear-gradient(145deg,#254d48,#192e36);border-color:#54867c}.mode-art{height:90px;display:flex;align-items:center;gap:20px;margin-bottom:12px}.mode-art img{width:90px;height:90px;object-fit:contain}.mode-art span{font-size:60px;font-weight:900;font-style:italic;color:#56ecdf;line-height:1}.sandbox .mode-art span{font-size:88px;color:#72e6a7}.mode-card h3{font-family:var(--display);font-style:italic;font-size:29px;line-height:1.15;margin:0 0 10px}.mode-card>p{font-size:17px;line-height:1.45;color:#c3dae4;margin:0;min-height:64px}.mode-card ul{padding:0;margin:16px 0;display:grid;gap:12px;list-style:none;font-size:16px}.mode-card li{display:flex;align-items:center;gap:10px;color:#e7f3f7}.mode-card li svg{width:22px;height:22px;flex:none;color:#52dfda}
.mode-start{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;min-height:52px;padding:10px 16px;border:1px solid #55faf0;border-radius:7px;background:#33d9e0;color:#07262d;font-family:var(--display);font-size:21px;font-weight:900;font-style:italic;cursor:pointer}.sandbox .mode-start{background:#77e4ac;border-color:#a0f7c7}.mode-start svg{width:25px;height:25px;flex:none}.mode-start:hover{filter:brightness(1.12)}.game-mode-dialog button:focus-visible{outline:3px solid white;outline-offset:3px}.mode-save{color:#a9c6d3;font-size:14px;margin:20px 0 0;text-align:center}.mode-error{color:#ffac9b;margin:12px 0 0}.mode-error:empty{display:none}.current-game-mode{display:block;width:100%;background:#233f4b;border:1px solid #557987;border-radius:6px;color:#dcf4fa;text-align:left;padding:10px;margin-top:14px;cursor:pointer}
@media(max-width:620px){.game-mode-dialog{padding:18px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.mode-grid{grid-template-columns:1fr;gap:14px}.mode-heading{margin:16px 0}.mode-heading p{font-size:16px}.mode-card{padding:16px}.mode-art{height:78px;margin-bottom:12px}.mode-art img{width:78px;height:78px}.mode-art span{font-size:44px}.sandbox .mode-art span{font-size:64px}.mode-card>p{min-height:0;font-size:16px}.mode-card h3{font-size:26px}.mode-card ul{font-size:15px;margin:16px 0;gap:9px}.mode-start{font-size:19px}}