.language-pair{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;background:#fff;border:1px solid #dce4d9;border-radius:16px}.language-pair select{width:auto;min-width:130px}.language-pair small{color:#64776c}.place-label small,.city-list b small{display:block;font-size:10px;font-weight:500;line-height:1.5}.place-label{min-width:90px}.city-game{border:1px solid #cddfcf;border-radius:24px;background:#f3f7ed;overflow:hidden;max-width:960px;margin:auto;color:#244f43}.game-top{background:#244f43;color:#fff6dc;display:flex;justify-content:space-between;align-items:center;padding:17px 26px;gap:15px}.game-top small{display:inline;margin:0 8px}.game-road{display:flex;justify-content:center;gap:48px;padding:25px 15px}.game-road>div{text-align:center;color:#869b88}.game-road b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e2e9d9;border:3px solid white;margin:auto auto 5px;box-shadow:0 2px 0 #bac9b1}.game-road small{display:block}.game-road .current b{background:#e7bd67;color:#2c4c3f;box-shadow:0 0 0 5px #e7bd6725}.game-road .done b{background:#36745b;color:white}.game-setting{display:flex;gap:20px;align-items:center;padding:5px 32px 20px}.game-setting svg{width:145px;flex-shrink:0}.game-setting h2{font-size:24px;margin:10px 0}.game-setting p{font-size:13px;color:#6a7e6e}.game-choices{display:grid;gap:12px;padding:0 32px}.game-choices button{display:flex;align-items:center;gap:15px;background:white;border:2px solid #d8e2d3;border-radius:16px;padding:18px;text-align:start;font:inherit;font-size:20px;color:#244f43;box-shadow:0 4px 0 #d8e2d3;cursor:pointer}.game-choices button:hover:not(:disabled){border-color:#bb9448;transform:translateY(-2px)}.game-choices button span{display:grid;place-items:center;border-radius:9px;background:#eef2e8;font-size:14px;width:30px;height:30px;flex-shrink:0}.game-feedback{margin:22px 32px 16px;padding:14px;border-radius:12px;color:#677a6b;font-size:14px}.game-feedback.correct{background:#dcefdc;color:#21543e}.game-feedback.wrong{background:#fff0d4;color:#815717}.game-next{margin:0 32px 20px}.city-game footer{padding:16px 28px;background:#e9f0e2;font-size:11px;color:#667b68}.word-tray{display:flex;flex-wrap:wrap;gap:8px;min-height:85px;border:2px dashed #b9cdb3;border-radius:16px;margin:0 32px;padding:16px;background:#fff}.word-tray>span{color:#8a9b87}.word-bank{display:flex;flex-wrap:wrap;gap:10px;margin:20px 32px}.word-bank button,.word-tray button{font:inherit;font-size:21px;background:#fff;border:1px solid #b6c9ae;border-bottom:4px solid #b6c9ae;color:#244f43;border-radius:12px;padding:12px 17px;cursor:pointer}.word-tray button{background:#fff1d1;border-color:#dfc58c}.word-bank button:disabled{opacity:.3;cursor:default}.city-game>.btn.secondary{margin:0 32px}.game-win{text-align:center;padding:10px 30px 35px}.game-trophy{display:inline-grid;place-items:center;font-size:56px;color:#ae8130;background:#f8e9bd;width:100px;height:100px;border-radius:50%;animation:win-in .4s ease-out}.game-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0}.game-badges span{padding:12px;background:white;border-radius:12px}.game-win .btn{margin:5px}.game-choices button:focus-visible,.word-bank button:focus-visible,.word-tray button:focus-visible{outline:3px solid #ad7d27;outline-offset:3px}@keyframes win-in{from{transform:scale(.8)}to{transform:scale(1)}}@media(max-width:600px){.game-road{gap:24px}.game-setting{padding:5px 16px 15px;gap:8px}.game-setting svg{width:85px}.game-setting h2{font-size:19px}.game-choices{padding:0 16px}.game-choices button{font-size:18px;padding:14px}.game-feedback,.word-tray,.word-bank{margin-left:16px;margin-right:16px}.game-top{padding:15px}.word-bank button,.word-tray button{font-size:18px;padding:9px}.language-pair small{width:100%}}@media(prefers-reduced-motion:reduce){.game-trophy{animation:none}.game-choices button{transform:none!important}}
