:root{--ink:#f2eadc;--muted:#a6a9ba;--teal:#dfed85;--soft:#30352a;--line:#3b4050;--shadow:0 16px 45px #0003}body.city-demo{background:#10131d;color:var(--ink)}.app-header{background:#171b27;border-bottom:1px solid #34394a;height:82px}.brand{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.4px;font-size:22px}.brand b{color:#f2b87b}.brand small{color:#a4a5b4}.brand img{border:2px solid #d3e586}.nav{color:#aaadbc;border-radius:3px}.nav.active{color:#e5eea2;background:#2b302a}.quiet{background:#222735;border-color:#414658;color:#e4e1d9;border-radius:4px}.demo-label{color:#a5abbd}.primary{background:#deeb8c;color:#1a211b;box-shadow:none;border-radius:4px}.overline{color:#dce99a}.welcome{padding:24px 0 20px}.welcome h1{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(35px,4.5vw,66px);letter-spacing:.2px;line-height:1}.welcome p{color:#acb1c1}.compare-demo{margin-left:auto;color:#e5c1a3;font-size:11px;border-bottom:1px solid #665243;padding-bottom:5px}.learner small{color:#a6aabc}.campus-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.campus-map{border:1px solid #54566c;border-radius:4px;aspect-ratio:1.48;background:#14182e}.city-hud{position:absolute;top:65px;left:22px;color:#fff5de;pointer-events:none;text-shadow:0 2px 3px #0008}.city-hud>span{font:10px monospace;letter-spacing:4px;color:#f1c29e}.city-hud b{display:block;font:clamp(28px,4.5vw,66px)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:1px;margin-top:9px;-webkit-text-stroke:1px #151526}.city-hud b span{display:block;font:8px monospace;letter-spacing:2px;margin-top:11px;-webkit-text-stroke:0;color:#e5eb99}.city-hud>small{display:block;font:8px monospace;margin-top:10px;letter-spacing:1px}.map-status{background:#151b2de8;color:#e9e7d6;border:1px solid #5a5c72;border-radius:3px;box-shadow:none}.live-dot{background:#e3ec91;box-shadow:0 0 8px #e3ec91}.scene-tools{background:#111728ed!important;border:1px solid #55596c!important;border-radius:3px!important}.scene-tools button{background:#252b3c!important;color:#eeeddf!important;border-color:#53576a!important}.room-dock{background:#171d2bef!important;color:#eee6dc!important;border:1px solid #7b7589!important;border-radius:4px!important}.room-dock p{color:#b8bbca}.city-minimap{position:absolute;bottom:22px;left:20px;width:140px;background:#131925e8;padding:10px;border:2px solid #d3d9b0;transform:rotate(-2deg);box-shadow:0 5px 18px #0007}.city-minimap>span{font:8px monospace;letter-spacing:1.5px;color:#dfe88f}.city-minimap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0;background:repeating-linear-gradient(90deg,transparent 0 20px,#69716766 20px 23px);padding:5px 0}.city-minimap button{border:1px solid #b2c5a6;background:#344637;color:#f7f4df;height:24px;font:bold 10px monospace;border-radius:2px}.city-minimap button:hover{background:#8f914a}.city-minimap small{font:7px monospace;color:#b4b8b5}.map-note{background:#111829d9}.journey,.guide-strip,.room-card,.play-building,.access-strip,.progress-overview,.badge-grid>div,.lesson-card{background:#1b202d;border-color:#3b4050;border-radius:4px;color:#f3ecdf}.journey{border-top:3px solid #dee99a;padding:22px}.journey h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.4px;font-weight:400;font-size:28px}.journey p,.guide-strip p,.room-card small,.play-building span,.no-wallet,.mission-row{color:#adb2c1}.meter{background:#353b49}.mission-check{border-color:#63697b}.guide-strip{margin-top:10px}.room-card:hover,.play-building:hover{background:#282d3d}.room-card .arrow{color:#e1e99c}.play-passport{background:#242b2d;color:#e8eea1;border-color:#626b48;border-radius:4px}.play-building strong{color:#f3ebdc}.play-campus-head h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;font-size:34px;letter-spacing:.3px}.play-campus-head p{color:#a6adbe}.info-dialog,.lesson-dialog,.tour-dialog{background:#1d2331;color:#f1eadc;border:1px solid #686579}.info-dialog p,.lesson-dialog p{color:#c1c5d0}.close{color:#efe4d7;background:#31394a}.lesson-guide,.play-theatre,.play-question,.play-memory,.play-exhibit{background:#272e40;color:#f2eadc}.play-choice,.play-tab{background:#343c4e;color:#f3ebda;border-color:#62697d}.access-strip p{color:#adb1c0}.filter-row button{background:#242b3a;color:#d9dfd0}.toast{background:#e3eba7;color:#141b15}.scene-loading{background:#161a2d;color:#e6eba3}.campus-map:fullscreen .city-hud b{font-size:80px}@media(min-width:1400px){.campus-map{aspect-ratio:1.65}.city-hud{top:70px}}@media(max-width:900px){.campus-layout{grid-template-columns:1fr}.journey{margin-top:0}.city-hud b{font-size:46px}.compare-demo{font-size:10px}.welcome{flex-wrap:wrap}.learner{display:none}}@media(max-width:600px){.app-header{padding:12px;height:auto;flex-wrap:wrap}.header-actions .demo-label{display:none}.brand{font-size:18px}.app-header nav{order:3;width:100%;justify-content:center}.city-hud{left:14px;top:60px}.city-hud b{font-size:32px}.city-hud>small,.city-hud b span{display:none}.city-minimap{width:110px;bottom:15px;left:12px;padding:7px}.city-minimap>div{gap:4px;margin:6px 0}.city-minimap button{height:19px}.campus-map{aspect-ratio:.95}.map-status{font-size:7px;left:10px;top:12px}.compare-demo{margin:0}.welcome h1{font-size:42px}.scene-tools{right:8px!important}.map-note{font-size:7px;max-width:150px}.welcome p{font-size:12px}}
