:root{color:#171717;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;min-width:0}button{cursor:pointer}.app-shell{display:grid;min-height:100vh;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:18px}.top-bar,.workspace,.welcome-modal,.achievement-modal,.completion-modal,.leaderboard-modal,.settings-modal,.quiz-modal{border:1px solid #dfddd7;background:#ffffffb8;box-shadow:0 20px 70px #17171714}.top-bar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:76px;padding:14px 18px;border-radius:8px}.brand-mark,.eyebrow{margin:0;color:#00a878;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-mark{color:#171717;font-size:1.05rem;text-transform:none}.location-label{display:block;margin-top:4px;color:#6b6b6b;font-size:.88rem}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(72px,auto));gap:10px}.status-strip div,.progress-grid div{min-width:0;padding:8px 10px;border:1px solid #e7e4dc;border-radius:8px;background:#fbfaf7}.status-strip span,.progress-grid dt{display:block;color:#6b6b6b;font-size:.72rem}.status-strip strong,.progress-grid dd{display:block;margin:3px 0 0;overflow:hidden;color:#171717;font-size:.95rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.nav-actions{display:flex;gap:8px;justify-content:flex-end}.nav-actions button,.audio-shell button{min-height:38px;border:1px solid #d9d9d6;border-radius:8px;background:#fff;color:#171717;font-weight:700;overflow-wrap:anywhere}.nav-actions button{padding:0 12px}.app-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(232,72,85,.28);border-radius:8px;padding:10px 12px;background:#e848551a;color:#a12d38}.app-notice p{margin:0;font-size:.9rem;font-weight:760;line-height:1.4}.app-notice button{min-height:34px;border:1px solid rgba(232,72,85,.28);border-radius:8px;background:#fff;color:#a12d38;font-weight:850}.workspace{display:grid;grid-template-columns:minmax(420px,.78fr) minmax(360px,1fr);gap:18px;min-height:0;padding:18px;border-radius:8px}.map-stage{display:grid;min-height:500px;grid-template-rows:auto minmax(0,1fr);gap:16px}.map-toolbar{display:flex;align-items:start;justify-content:space-between;gap:16px}h1,h2,p{letter-spacing:0;overflow-wrap:anywhere}h1,h2{margin:0;color:#171717}h1{margin-top:4px;font-size:clamp(1.75rem,3vw,3.2rem);line-height:.98}h2{margin-top:6px;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}.province-count{flex:0 0 auto;padding:8px 10px;border-radius:8px;background:#171717;color:#fff;font-size:.82rem;font-weight:800}.map-placeholder{position:relative;min-height:0;border:1px solid #e4e1da;border-radius:8px;background:linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(rgba(0,168,120,.08) 1px,transparent 1px),#fbfaf7;background-size:44px 44px;overflow:hidden;padding:18px}.province-region,.coming-soon-region{position:absolute;display:grid;align-content:start;gap:4px;border-radius:8px;padding:12px}.province-region{border:1px solid rgba(0,168,120,.34);background:#eaf8f1c7;color:#0f5138;pointer-events:none}.province-region.guangdong{right:18%;bottom:7%;width:42%;height:36%}.province-region.fujian{right:11%;bottom:33%;width:28%;height:30%}.province-region.zhejiang{right:2%;top:9%;width:34%;height:30%}.coming-soon-region{left:18px;top:18px;width:38%;height:32%;border:1px solid #dedbd4;background:#ededebb8;color:#6b6b6b;text-align:left;transition:background .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,color .18s ease-out}.coming-soon-region:hover,.coming-soon-region:focus-visible,.coming-soon-region.is-open{border-color:#bdbab2;background:#ffffffe0;box-shadow:0 14px 34px #1717171f;color:#3f3f3a}.coming-soon-note{position:absolute;left:calc(30px + min(38%,360px));top:26px;z-index:5;width:min(260px,42%);margin:0;border:1px solid #d9d9d6;border-radius:8px;padding:10px 12px;background:#fff;box-shadow:0 14px 34px #17171724;color:#4b4b4b;font-size:.84rem;font-weight:760;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease-out,transform .18s ease-out}.coming-soon-region:hover+.coming-soon-note,.coming-soon-region:focus-visible+.coming-soon-note,.coming-soon-note.is-open{opacity:1;transform:translateY(0)}.route-layer{position:absolute;inset:18px;z-index:2;width:calc(100% - 36px);height:calc(100% - 36px);overflow:visible;pointer-events:none}.route-layer line{stroke:#2563eb;stroke-width:.72;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 4px 8px rgba(37,99,235,.32));opacity:.78;animation:route-draw .8s ease-in-out}.route-layer.active line{stroke:#00a878;opacity:.92}@keyframes route-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.province-region span,.coming-soon-region span{font-size:.92rem;font-weight:800}.province-region strong,.coming-soon-region strong{font-size:1.25rem}.city-layer{position:absolute;inset:18px;z-index:3}.city-marker{position:absolute;display:grid;width:12px;height:12px;place-items:center;border:2px solid #ffffff;border-radius:50%;background:#b7b7b2;box-shadow:0 6px 18px #1717173d;transform:translate(-50%,-50%);transition:background .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.city-marker span{position:absolute;top:14px;left:50%;max-width:72px;padding:2px 5px;border-radius:6px;background:#ffffffe6;color:#171717;font-size:.68rem;font-weight:800;opacity:0;overflow:hidden;pointer-events:none;text-overflow:ellipsis;transform:translate(-50%);transition:opacity .16s ease-out;white-space:nowrap}.city-marker:hover,.city-marker:focus-visible,.city-marker.selected{z-index:4;box-shadow:0 8px 24px #2563eb57;transform:translate(-50%,-50%) scale(1.55)}.city-marker:hover span,.city-marker:focus-visible span,.city-marker.selected span{opacity:1}.city-marker.capital{width:17px;height:17px}.city-marker.locked_not_current{background:#a8a8a2}.city-marker.unlocked_not_current{background:#00a878}.city-marker.unlocked_current{background:#2563eb}.city-marker.arrived_locked{background:#d6a84f}.city-marker.selected{outline:3px solid rgba(37,99,235,.24)}.current-city-panel{display:grid;align-content:start;gap:18px;padding:18px;border:1px solid #e4e1da;border-radius:8px;background:#fbfaf7}.panel-copy{margin:0;color:#6b6b6b;font-size:1rem;line-height:1.65;overflow-wrap:anywhere}.panel-copy.compact{font-size:.9rem;line-height:1.45}.city-detail-stack{display:grid;gap:16px}.city-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.city-detail-grid.compact{gap:8px}.city-detail-grid div{min-width:0;padding:10px;border:1px solid #e7e4dc;border-radius:8px;background:#fff}.city-detail-grid dt{color:#6b6b6b;font-size:.72rem;font-weight:700}.city-detail-grid dd{margin:4px 0 0;color:#171717;font-size:.9rem;font-weight:850;line-height:1.28}.panel-action{width:100%}.city-popover{position:absolute;z-index:8;display:grid;width:min(320px,calc(100% - 28px));gap:12px;border:1px solid rgba(216,213,206,.78);border-radius:8px;padding:14px;background:#ffffff94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 22px 56px #1717172e;animation:popover-enter .22s ease-out}.city-popover.to-left{transform:translate(calc(-100% - 18px),-50%)}.city-popover.to-right{transform:translate(18px,-50%)}.city-popover:after{position:absolute;top:50%;width:14px;height:14px;background:#ffffff94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content:"";transform:translateY(-50%) rotate(45deg)}.city-popover.to-left:after{right:-8px;border-top:1px solid #d8d5ce;border-right:1px solid #d8d5ce}.city-popover.to-right:after{left:-8px;border-bottom:1px solid #d8d5ce;border-left:1px solid #d8d5ce}.popover-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.popover-heading h2{margin-top:2px;font-size:1.35rem}.popover-heading span{display:block;margin-top:2px;color:#6b6b6b;font-size:.9rem;font-weight:800}.popover-close{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid #d9d9d6;border-radius:8px;background:#fff;color:#171717;font-weight:900}.popover-actions{display:grid;gap:8px}@keyframes popover-enter{0%{opacity:0}to{opacity:1}}.mobile-panel-tabs{display:none}.mobile-panel-section{display:grid;gap:16px}.state-card{display:grid;gap:6px;border:1px solid #e7e4dc;border-radius:8px;padding:14px;background:#fff}.state-card.compact{padding:12px}.state-card strong{color:#171717;font-size:1rem;line-height:1.3}.state-card span{color:#6b6b6b;font-size:.9rem;line-height:1.45}.state-card.empty{background:#fbfaf7}.current-culture-card{display:grid;gap:14px;padding:14px;border:1px solid #e4e1da;border-radius:8px;background:#fff}.current-culture-card h3{margin:4px 0 0;color:#171717;font-size:1.2rem}.current-culture-card p,.current-culture-more p{margin:0;color:#4b4b4b;font-size:.95rem;line-height:1.55}.current-culture-more{display:grid;gap:12px}.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e7e4dc}.quiz-progress span{display:grid;width:52px;height:34px;place-items:center;border-radius:8px;background:#171717;color:#fff;font-weight:900}.quiz-progress .review-pill{width:auto;min-width:92px;padding:0 10px;background:#eef4ff;color:#2563eb;font-size:.78rem}.quiz-progress strong{color:#4b4b4b;font-size:.86rem}.quiz-modal label{display:grid;gap:8px;color:#4b4b4b;font-size:.86rem;font-weight:800}.choice-question{display:grid;gap:10px}.quiz-prompt{color:#171717;font-size:2.35rem;font-weight:900;line-height:1}.quiz-pinyin{color:#2563eb;font-size:.95rem}.quiz-modal input{width:100%;min-height:46px;border:1px solid #d9d9d6;border-radius:8px;padding:0 12px}.quiz-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#17171742;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-modal{position:relative;z-index:81;display:grid;width:min(560px,100%);gap:16px;border-radius:8px;padding:20px;background:#fffffff0}.quiz-modal.answer-correct{animation:answer-correct-pulse .65s ease-out}.quiz-modal.answer-wrong{animation:answer-wrong-shake .52s ease-out}.quiz-modal.answer-correct .quiz-prompt{color:#00a878}.quiz-modal.answer-wrong .quiz-prompt{color:#e84855}@keyframes answer-correct-pulse{0%{border-color:#dfddd7;box-shadow:0 20px 70px #17171714;transform:scale(1)}35%{border-color:#00a878b3;box-shadow:0 24px 80px #00a8783d;transform:scale(1.018)}to{border-color:#dfddd7;box-shadow:0 20px 70px #17171714;transform:scale(1)}}@keyframes answer-wrong-shake{0%,to{border-color:#dfddd7;transform:translate(0)}20%{border-color:#e84855b8;box-shadow:0 24px 80px #e8485533;transform:translate(-8px)}45%{transform:translate(7px)}70%{transform:translate(-3px)}}.quiz-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-modal-actions .secondary-button:only-child{grid-column:1 / -1}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-button{position:relative;min-height:48px;justify-content:flex-start;border:1px solid #d9d9d6;background:#f7f5f0;color:#171717;font-size:.88rem;font-weight:850;line-height:1.25;text-align:left;white-space:normal}.choice-button:hover{border-color:#2563eb;background:#eef4ff}.choice-button.correct-option{border-color:#00a878;background:#00a87824;box-shadow:inset 4px 0 #00a878;color:#0f684d}.choice-button.correct-option:after{position:absolute;right:10px;top:50%;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#00a878;color:#fff;content:"✓";font-size:.9rem;font-weight:950;transform:translateY(-50%)}.choice-button.wrong-option{border-color:#e8485594;background:#e848551a;color:#a12d38}.quiz-feedback{margin:0;min-height:48px;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:750;line-height:1.45}.quiz-feedback.empty{visibility:hidden}.quiz-feedback.checking{position:relative;display:flex;align-items:center;gap:10px;background:#eef4ff;color:#1d4ed8}.quiz-feedback.checking:before{width:14px;height:14px;flex:0 0 auto;border:2px solid rgba(37,99,235,.24);border-top-color:#2563eb;border-radius:50%;content:"";animation:checking-spin .72s linear infinite}.quiz-feedback.correct{background:#00a8781f;color:#0f684d}.quiz-feedback.wrong{background:#e848551f;color:#a12d38}.quiz-feedback.complete{background:#d6a84f2e;color:#73551b}@keyframes checking-spin{to{transform:rotate(360deg)}}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.culture-drawer{display:grid;gap:16px;min-height:112px;padding:18px;border-radius:8px}.culture-drawer.expanded{align-content:start}.culture-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.culture-content{display:grid;gap:14px}.culture-summary,.culture-story{max-width:880px;margin:0;color:#4b4b4b;font-size:.98rem;line-height:1.6}.culture-story{color:#171717}.keyword-panel,.phrase-panel{display:grid;gap:10px}.keyword-panel h3,.phrase-panel h3{margin:0;color:#6b6b6b;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.keyword-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.keyword-item,.culture-phrase{display:grid;gap:4px;min-width:0;border:1px solid #e7e4dc;border-radius:8px;padding:10px;background:#fff}.keyword-item strong,.culture-phrase strong{color:#171717;font-size:1.18rem;font-weight:950}.keyword-item span,.culture-phrase span{color:#2563eb;font-size:.86rem}.keyword-item em,.culture-phrase em{color:#6b6b6b;font-size:.86rem;font-style:normal;line-height:1.35}.audio-shell{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) minmax(160px,.8fr);align-items:center;gap:12px}.audio-shell span,.audio-shell strong{display:block}.audio-shell span{color:#171717;font-size:1.04rem;font-weight:900}.audio-shell strong{color:#6b6b6b;font-size:.84rem;line-height:1.35}.audio-shell button{padding:0 16px}.audio-controls{display:flex;align-items:center;gap:8px}.audio-controls label{display:flex;align-items:center;gap:8px;color:#6b6b6b;font-size:.82rem;font-weight:800}.audio-controls input{width:92px}.waveform{width:100%;height:34px;border-radius:8px;background:repeating-linear-gradient(90deg,#2563eb 0,#2563eb 4px,transparent 4px,transparent 12px);opacity:.35}.waveform.playing{animation:waveform-pulse .7s ease-in-out infinite alternate;opacity:.62}@keyframes waveform-pulse{0%{background-size:12px 34px}to{background-size:18px 34px}}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#17171747;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.welcome-modal,.achievement-modal,.completion-modal,.leaderboard-modal,.settings-modal{position:relative;z-index:101;width:min(440px,100%);padding:24px;border-radius:8px}.leaderboard-modal{display:grid;width:min(840px,100%);max-height:min(760px,calc(100vh - 36px));gap:16px;background:#fffffff0}.settings-modal{display:grid;width:min(680px,100%);gap:16px;background:#fffffff0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-section{display:grid;gap:10px;min-width:0}.settings-list{display:grid;gap:8px;margin:0}.settings-list div{min-width:0;border:1px solid #e7e4dc;border-radius:8px;padding:10px;background:#fbfaf7}.settings-list dt{color:#6b6b6b;font-size:.72rem;font-weight:800}.settings-list dd{margin:4px 0 0;overflow-wrap:anywhere;color:#171717;font-size:.92rem;font-weight:900}.settings-actions{display:grid;grid-template-columns:1fr;gap:10px}.primary-button.danger{background:#e84855}.reset-confirmation{display:grid;gap:12px;border:1px solid rgba(232,72,85,.28);border-radius:8px;padding:14px;background:#e8485514}.reset-confirmation-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.reset-confirmation h3{margin:4px 0 0;color:#171717;font-size:1.06rem}.reset-confirmation p{margin:8px 0 0;color:#6b6b6b;font-size:.92rem;line-height:1.45}.reset-confirmation label{display:grid;gap:7px;color:#4b4b4b;font-size:.9rem;font-weight:850}.reset-confirmation input{width:100%;min-height:44px;border:1px solid rgba(232,72,85,.34);border-radius:8px;background:#fff;color:#171717;padding:0 12px;font-weight:900;letter-spacing:0}.modal-heading-row{display:flex;align-items:start;justify-content:space-between;gap:16px}.leaderboard-meta{display:flex;gap:8px;justify-content:flex-end;color:#6b6b6b;font-size:.82rem;font-weight:800}.leaderboard-meta span{border:1px solid #e7e4dc;border-radius:8px;padding:6px 8px;background:#fbfaf7}.leaderboard-table-wrap{max-height:430px;overflow:auto;border:1px solid #e7e4dc;border-radius:8px}.leaderboard-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:11px 12px;border-bottom:1px solid #efede7;text-align:right;white-space:nowrap}.leaderboard-table th{position:sticky;top:0;z-index:1;background:#f7f5f0;color:#6b6b6b;font-size:.74rem;letter-spacing:0;text-transform:uppercase}.leaderboard-table th:nth-child(2),.leaderboard-table td:nth-child(2){text-align:left}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table .current-user td{background:#00a8781a}.leaderboard-table strong{color:#171717;font-weight:900}.leaderboard-status,.leaderboard-empty p{margin:0;color:#4b4b4b;font-size:.96rem;line-height:1.5}.leaderboard-empty{display:grid;gap:12px;border:1px solid #e7e4dc;border-radius:8px;padding:16px;background:#fbfaf7}.achievement-modal,.completion-modal{display:grid;justify-items:start;gap:16px;background:#ffffffe6}.achievement-modal p,.completion-modal p{margin:0;color:#4b4b4b;font-size:.98rem;line-height:1.55}.achievement-modal .primary-button,.completion-modal .primary-button{width:100%}.completion-modal{justify-items:center;text-align:center;animation:completion-enter .52s ease-out;overflow:hidden}.completion-modal:before{position:absolute;inset:-40%;z-index:-1;background:radial-gradient(circle at 25% 28%,rgba(0,168,120,.22),transparent 18%),radial-gradient(circle at 78% 36%,rgba(37,99,235,.18),transparent 18%),radial-gradient(circle at 50% 82%,rgba(214,168,79,.22),transparent 16%);content:"";animation:completion-glow 1.2s ease-out}.completion-modal.move .eyebrow{color:#2563eb}.completion-modal.unlock .eyebrow{color:#00a878}.completion-modal p strong{color:#171717}.completion-burst{position:relative;display:grid;width:108px;height:108px;place-items:center;border:1px solid rgba(0,168,120,.28);border-radius:50%;background:#fff;box-shadow:0 18px 48px #00a87838}.completion-modal.move .completion-burst{border-color:#2563eb47;box-shadow:0 18px 48px #2563eb38}.completion-burst strong{display:grid;width:66px;height:66px;place-items:center;border-radius:50%;background:#00a878;color:#fff;font-size:1.9rem;font-weight:950;animation:completion-pop .72s ease-out}.completion-modal.move .completion-burst strong{background:#2563eb}.completion-burst span{position:absolute;width:9px;height:9px;border-radius:50%;background:#d6a84f;animation:completion-spark .9s ease-out both}.completion-burst span:nth-child(1){left:10px;top:20px}.completion-burst span:nth-child(2){right:12px;top:18px;animation-delay:80ms}.completion-burst span:nth-child(3){right:18px;bottom:18px;animation-delay:.14s}.completion-burst span:nth-child(4){left:18px;bottom:20px;animation-delay:.22s}@keyframes completion-enter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes completion-pop{0%{transform:scale(.7)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes completion-spark{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.35)}to{opacity:.2;transform:scale(1)}}@keyframes completion-glow{0%{opacity:0;transform:rotate(0) scale(.88)}to{opacity:1;transform:rotate(12deg) scale(1)}}.badge-emblem{display:grid;width:82px;height:82px;place-items:center;border:1px solid rgba(214,168,79,.62);border-radius:50%;background:#d6a84f;color:#171717;font-size:1.18rem;font-weight:950;box-shadow:0 18px 42px #d6a84f47}.welcome-modal form{display:grid;gap:14px;margin-top:22px}.welcome-modal label{display:grid;gap:7px;color:#4b4b4b;font-size:.9rem;font-weight:800}.welcome-modal input,.welcome-modal select{width:100%;min-height:46px;border:1px solid #d9d9d6;border-radius:8px;background:#fff;color:#171717;padding:0 12px}.primary-button{min-height:48px;border:0;border-radius:8px;background:#00a878;color:#fff;font-weight:900;overflow-wrap:anywhere}.secondary-button{min-height:42px;border:1px solid #d9d9d6;border-radius:8px;background:#fff;color:#171717;font-weight:900;overflow-wrap:anywhere}.secondary-button:hover{border-color:#2563eb;background:#eef4ff}.primary-button:disabled{cursor:not-allowed;opacity:.62}.secondary-button:disabled{cursor:not-allowed;opacity:.58}.form-error{margin:0;color:#e84855;font-size:.92rem;line-height:1.45}@media(max-width:980px){.top-bar,.workspace{grid-template-columns:1fr}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-actions{justify-content:start}.map-placeholder{min-height:520px}.workspace{align-content:start}}@media(max-width:680px){.app-shell{gap:12px;padding:12px}.top-bar,.workspace{padding:14px}.status-strip,.progress-grid,.city-detail-grid{grid-template-columns:1fr}.map-stage{min-height:auto}.map-toolbar{align-items:stretch;flex-direction:column}.audio-shell{grid-template-columns:1fr}.audio-controls{align-items:stretch;flex-direction:column}.audio-controls label{justify-content:space-between}.keyword-grid{grid-template-columns:1fr}.map-placeholder{min-height:430px}.current-city-panel{gap:14px}.mobile-panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:1px solid #e7e4dc;border-radius:8px;padding:5px;background:#fff}.mobile-panel-tabs button{min-width:0;min-height:38px;border:0;border-radius:6px;background:transparent;color:#6b6b6b;font-size:.82rem;font-weight:900}.mobile-panel-tabs button.active{background:#171717;color:#fff}.mobile-panel-section{display:none}.mobile-panel-section.active{display:grid;animation:panel-section-enter .18s ease-out}.settings-grid,.settings-actions,.quiz-modal-actions{grid-template-columns:1fr}.leaderboard-modal,.settings-modal{max-height:calc(100vh - 24px);padding:16px}.leaderboard-table th,.leaderboard-table td{padding:9px 10px;font-size:.82rem}.city-popover{left:50%!important;top:16px!important;width:calc(100% - 32px);max-height:calc(100% - 32px);overflow:auto;transform:translate(-50%)!important}.city-popover:after{display:none}.province-region strong,.coming-soon-region strong{font-size:.95rem}.province-region span,.coming-soon-region span{font-size:.74rem}.nav-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-actions button{padding:0 8px;overflow-wrap:anywhere}}@keyframes panel-section-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}