:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f2eee6;background:#101d2b;font-size:12px;--gold:#edbf71;--muted:#abb3bb;--glass:rgba(10,22,33,.83)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}#world{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,17,30,.53),transparent 40%,rgba(5,14,26,.10)),linear-gradient(0deg,rgba(5,12,24,.55),transparent 31%);z-index:1}.topbar{height:78px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22;position:absolute;inset:0 0 auto;z-index:3;background:linear-gradient(180deg,rgba(4,13,23,.8),rgba(4,13,23,.12));gap:16px}.brand,.top-actions{display:flex;align-items:center;gap:18px}.brand img{width:35px;height:35px;border:1px solid #eecb8c66;border-radius:9px}.brand-text{display:flex;flex-direction:column;gap:3px;letter-spacing:.17em}.brand-text strong{font-size:10px;color:#fff}.brand-text small{font-size:8px;color:var(--muted)}.vertical{height:31px;width:1px;background:#ffffff35;margin:0 6px}.edition{font-weight:800;letter-spacing:.08em;font-size:19px}.edition i{font-style:normal;color:var(--gold);padding:0 4px}.online{font-size:9px;color:#d6d8cc;letter-spacing:.13em;margin-right:12px;white-space:nowrap}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72deb6;box-shadow:0 0 10px #61e5ad;margin-right:8px}.icon-btn{background:#0c1c2eaa;border:1px solid #ffffff30;color:#eee;border-radius:4px;padding:11px 14px;font-size:11px;letter-spacing:.11em}.icon-btn:hover{border-color:var(--gold)}.headline{position:absolute;top:126px;left:45px;z-index:2;max-width:570px;pointer-events:none}.eyebrow,.section-caption{font-size:10px;color:var(--gold);letter-spacing:.23em;font-weight:700}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:11px}.sep{margin:0 6px;color:#888}.headline h1{font-size:clamp(26px,3.2vw,57px);line-height:1.03;font-weight:800;letter-spacing:-.047em;margin:22px 0 15px;text-shadow:0 3px 24px #0007}.headline h1 em{font-style:normal;color:var(--gold)}.headline p{font-size:9px;color:#e2ddcb;letter-spacing:.17em;font-weight:650}.headline p span{color:var(--gold);margin:0 10px}.sidebar{position:absolute;top:95px;right:22px;bottom:210px;min-height:350px;width:310px;display:flex;flex-direction:column;padding:20px;background:var(--glass);border:1px solid #b7b6a12c;backdrop-filter:blur(22px);z-index:3;box-shadow:0 16px 50px #03101c88}.aside-head,.section-heading,.panel-head,.control-label{display:flex;align-items:center;justify-content:space-between}.aside-head{margin-bottom:14px}.count,.view-all{color:#7e909e;font-size:9px;letter-spacing:.12em}.map-frame{position:relative;border:1px solid #8d9a9740;aspect-ratio:1.55;background:#141f2b;overflow:hidden}.map-frame canvas{width:100%;height:100%;object-fit:fill;cursor:crosshair}.map-north,.map-scale{position:absolute;font-size:9px;font-weight:700;letter-spacing:.16em;pointer-events:none}.map-north{right:12px;top:12px;color:var(--gold)}.map-scale{bottom:8px;left:10px;color:#d5d9d0}.map-caption{display:flex;justify-content:space-between;margin:13px 0 20px;color:#acbac3;font-size:9px;letter-spacing:.08em}.mark{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.gold{background:#e8b463}.teal{background:#6bc8bd}.white{background:#eaeef4}.section-heading{margin-bottom:12px}.places{overflow-y:auto;scrollbar-color:#6b7580 transparent;scrollbar-width:thin;flex:1;min-height:80px}.place{padding:10px 8px;display:flex;gap:12px;border-bottom:1px solid #ffffff14;cursor:pointer;align-items:center;color:#e4e3dc}.place:hover,.place.active{background:#c9a46618}.place-num{font-size:9px;color:#947e5e;width:16px}.place-info{flex:1}.place-name{font-size:11px;font-weight:700;letter-spacing:.035em}.place-type{font-size:9px;color:#a3aab1;margin-top:5px}.place-arrow{color:#c4a66d}.selected-place{margin-top:14px;border-top:1px solid #a0a5a033;padding-top:13px}.selected-title{font-weight:800;letter-spacing:.08em;font-size:12px;color:#edc07f}#placeDescription{font-size:10px;color:#b8c1c6;line-height:1.5;margin:7px 0 12px}.go-btn{width:100%;background:#b98948;border:1px solid #e6b96b;color:#15202b;padding:12px;font-size:10px;letter-spacing:.09em;font-weight:800;text-align:left;display:flex;justify-content:space-between}.go-btn:hover{background:#e9bc74}.settings{position:absolute;left:24px;bottom:104px;width:325px;padding:19px 20px 17px;background:var(--glass);border:1px solid #b7b6a12c;backdrop-filter:blur(18px);z-index:3}.panel-head{margin-bottom:23px}.control-dot{color:#63b6a2;font-size:13px}.control{margin:16px 0}.control-label{font-size:9px;letter-spacing:.14em;color:#a6b3bd;margin-bottom:11px}.control-label strong{color:#e1bb7a;font-weight:700;font-size:10px}input[type=range]{appearance:none;width:100%;height:3px;background:#7e878a66;outline:none;accent-color:#deac63}input[type=range]::-webkit-slider-thumb{appearance:none;background:#e9ba70;width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 4px #edbe6c22}.toggles{display:flex;gap:8px}.toggle{flex:1;background:#1a2b3988;border:1px solid #a5b2ab38;color:#b9c6cc;padding:11px 6px;font-size:10px;letter-spacing:.08em}.toggle.active{color:#f1d7ad;border-color:#cfb07880;background:#bb925e24}.toggle b{font-size:9px;margin-left:4px}.toggle span{font-size:12px;margin-right:5px}select{background:#1e2b35;border:1px solid #84908a55;color:#e2e5e3;padding:9px;width:100%;font-size:10px;letter-spacing:.08em}.panel-footer{display:flex;gap:7px;margin-top:20px}.fly-btn{flex:1;border:1px solid #ac9b7361;background:#1e2f3a8c;color:#eee2d2;padding:10px;letter-spacing:.08em;font-size:10px}.fly-btn.active{background:#af865242;color:#f7d79e}.bottom-ui{position:absolute;bottom:0;left:0;right:0;height:88px;background:linear-gradient(0deg,#06111fd9,transparent);display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:0 30px 26px;z-index:2;pointer-events:none}.stats{display:flex;gap:16px;margin-top:9px}.stats span,.coordinates{color:#aab6bd;font-size:9px;letter-spacing:.09em}.stats strong,.coordinates strong{color:#f6e2bd;font-size:11px;margin-left:5px}.hint{font-size:9px;color:#f1dcb4;letter-spacing:.1em}.hint span{color:#a7b6c2;margin-left:5px}.hint i{height:11px;border-left:1px solid #a4b2b555;display:inline-block;margin:0 13px;vertical-align:middle}.coordinates{text-align:right}.coordinates strong{display:block;margin:7px 0 0}#crosshair{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);opacity:.42;color:#fff;font-size:21px;font-weight:200;pointer-events:none}.loading{position:fixed;inset:0;z-index:9;background:radial-gradient(circle at 50% 40%,#314960,#0b1524 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s,visibility .7s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading img{width:85px;height:85px;margin-bottom:24px}.load-title{letter-spacing:.25em;font-weight:900;font-size:34px}.load-title span{color:var(--gold)}.load-desc{color:#b8c4cc;letter-spacing:.18em;font-size:10px;margin:20px 0}.progress{width:260px;height:2px;background:#566370}.progress>div{background:#e7bb71;height:100%;width:0%;transition:width .25s}.loading small{color:#758c9a;font-size:9px;letter-spacing:.16em;margin-top:16px}.modal{position:fixed;inset:0;z-index:11;display:flex;justify-content:center;align-items:center;background:#000b;backdrop-filter:blur(9px)}.hidden{display:none}.modal-content{width:min(580px,calc(100vw - 40px));padding:34px 38px;background:#0d1d2c;border:1px solid #b59b6360;position:relative}.modal-content h2{font-size:28px;letter-spacing:-.03em;margin:13px 0 24px}.modal-close{position:absolute;top:15px;right:20px;color:#fff;background:transparent;border:0;font-size:27px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.shortcuts>div{border-bottom:1px solid #ffffff1d;padding-bottom:8px}.shortcuts kbd{font-weight:800;letter-spacing:.08em;font-size:10px;color:#f2cd92}.shortcuts p{font-size:11px;color:#abb8c3;margin:5px 0}.help-foot{font-size:11px;line-height:1.6;color:#b9c2c8;margin-top:22px}#toast{position:fixed;bottom:99px;left:50%;transform:translateX(-50%);z-index:13;background:#152d3bee;border:1px solid #d6ae736b;color:#eac895;padding:11px 18px;letter-spacing:.06em;font-size:11px;opacity:0;pointer-events:none;transition:opacity .25s}#toast.show{opacity:1}.ui-hidden .headline,.ui-hidden .sidebar,.ui-hidden .settings,.ui-hidden .topbar,.ui-hidden .bottom-ui{display:none}@media(max-width:1150px){.sidebar{width:267px}.headline{top:105px}.headline h1{font-size:34px}.settings{width:265px}.hint{display:none}}@media(max-width:760px){.topbar{padding:0 12px;height:63px}.brand-text,.online,.desktop-only,.vertical,.headline p{display:none}.edition{font-size:15px}.headline{top:83px;left:14px}.headline h1{font-size:27px;margin-top:11px}.sidebar{top:auto;bottom:85px;right:10px;width:218px;height:38vh;min-height:280px;padding:11px}.sidebar .map-frame{display:none}.sidebar .map-caption{display:none}.settings{left:10px;bottom:86px;width:184px;padding:10px}.panel-head{margin-bottom:12px}.settings .control{margin:10px 0}.settings .control-label{font-size:8px}.toggle{padding:8px 3px;font-size:8px}.settings .panel-footer{margin-top:9px}.bottom-ui{height:72px;padding:0 10px 13px}.stats{gap:6px}.stats span{font-size:8px}.stats strong{font-size:9px}.coordinates{display:none}.selected-place{margin-top:7px}.selected-title{font-size:10px}.place{padding:8px 4px}.place-type{display:none}.section-caption{font-size:8px}}