:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e8edf0;background:#010205;font-synthesis:none}*{box-sizing:border-box}html,body,#root,.app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}.app canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.app canvas:active{cursor:grabbing}button,input{font:inherit;color:inherit}.hud{position:absolute;inset:0;pointer-events:none;padding:max(22px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));display:flex;flex-direction:column}button,input,.search-panel,.settings,.inspector,.time-panel{pointer-events:auto}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:15px;letter-spacing:.35em}.brand small{display:block;color:#7f8b91;font-size:8px;letter-spacing:.18em;margin-top:4px}.orbital-mark{width:24px;height:24px;border:1px solid #8ea0a8;border-radius:50%;position:relative}.orbital-mark:after{content:"";position:absolute;width:5px;height:5px;border:1px solid #b6e8fb;border-radius:50%;right:-3px;top:2px;box-shadow:0 0 8px #8ddfff}.search-trigger{width:300px;text-align:left;background:#070b0eb8;border:1px solid #293239;padding:11px 14px;font-size:10px;letter-spacing:.16em}.search-trigger kbd{float:right;color:#647178}.header-actions{text-align:right}.header-actions button,.time-controls button{background:#080c0f;border:1px solid #283238;min-width:38px;height:38px;margin-left:6px}.eyebrow{font-size:8px;letter-spacing:.27em;color:#7f9199;margin:0 0 10px}.time-panel{position:absolute;left:max(26px,env(safe-area-inset-left));top:48%;transform:translateY(-50%)}time{font-weight:300;letter-spacing:.12em;font-size:14px}time b{font-size:24px;margin-left:8px;font-weight:300}.time-controls{margin-top:14px}.time-controls button{font-size:9px}.time-controls .active,.segments .active{border-color:#92c6d5;color:#d9f7ff;background:#13232a}.inspector,.settings,.search-panel{background:#05090ce0;border:1px solid #29343a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 70px #0009}.inspector{position:absolute;right:28px;top:50%;width:278px;padding:20px;transform:translateY(-50%)}.inspector h2,.settings h2{font-size:18px;font-weight:400;margin:0 0 8px}.coordinate{font-family:SFMono-Regular,Consolas,monospace;color:#b4dbe6;font-size:12px}.readout{border-top:1px solid #253039;margin:18px 0}.readout span{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #1a242a;font-size:8px;letter-spacing:.14em;color:#718087}.readout b{color:#dce8ea;font-weight:500}.inspector>button:not(.close){width:100%;background:transparent;border:1px solid #344249;padding:10px;font-size:8px;letter-spacing:.18em}.close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:20px;color:#75838a}.search-panel{position:absolute;top:72px;left:50%;width:400px;transform:translate(-50%);padding:16px}.search-panel input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #3c4a50;padding:12px 0;outline:0}.search-panel ul{list-style:none;padding:6px 0 0;margin:0}.search-panel li button{width:100%;display:flex;justify-content:space-between;text-align:left;background:transparent;border:0;border-bottom:1px solid #182127;padding:12px 5px}.search-panel small{color:#708087}.settings{position:absolute;right:28px;top:72px;width:310px;padding:20px}.segments{display:flex}.segments button{flex:1;background:#090d10;border:1px solid #283138;padding:8px 2px;text-transform:uppercase;font-size:8px}.switch{display:flex;justify-content:space-between;border-bottom:1px solid #202a30;padding:15px 0;font-size:11px}.note{font-size:9px;color:#718087;line-height:1.5}footer{margin-top:auto;display:flex;justify-content:space-between;color:#53636a;font-size:8px;letter-spacing:.14em}.status{color:#92b8a5}.loading{position:absolute;inset:0;background:#030507;display:grid;place-content:center;text-align:center;z-index:20;transition:opacity 1s}.loading.done{opacity:0;pointer-events:none}.loader-orbit{width:58px;height:58px;border:1px solid #31434b;border-radius:50%;position:relative;margin:auto}.loader-orbit:after{content:"";position:absolute;width:7px;height:7px;background:#b4e9f4;border-radius:50%;animation:orbit 1.5s linear infinite;left:25px;top:-4px}.loading p{font-size:8px;letter-spacing:.28em;color:#768991;margin-top:22px}@keyframes orbit{to{transform:rotate(360deg);transform-origin:4px 33px}}.fatal{height:100dvh;background:#040608;display:grid;place-content:center;text-align:center;padding:30px}.fatal h1{font-weight:300}.fatal p{color:#8d9ba1}.fatal button{margin:auto;background:transparent;border:1px solid #415059;padding:12px 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,input:focus-visible{outline:2px solid #a6e3f3;outline-offset:2px}@media(max-width:700px){.hud{padding:16px}.brand small,footer span:last-child,.search-trigger span,.search-trigger kbd{display:none}header{grid-template-columns:1fr auto auto}.search-trigger{width:42px}.time-panel{left:16px;top:auto;bottom:42px;transform:none}.time-panel time{display:block}.inspector{inset:auto 8px 8px;width:auto;transform:none}.search-panel{top:64px;width:calc(100% - 24px)}.settings{right:12px;top:64px;width:calc(100% - 24px)}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mode-readout{margin:0;padding:10px 0 4px;color:#9fb8c0;font-size:9px;line-height:1.5}.vignette-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.18) 76%,rgba(0,0,0,.58) 120%)}.fps-counter{position:absolute;z-index:4;left:50%;bottom:max(17px,env(safe-area-inset-bottom));min-width:64px;transform:translate(-50%);color:#a4c9b4;font-size:8px;letter-spacing:.14em;font-variant-numeric:tabular-nums;pointer-events:none}.detail-segments{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.detail-segments button{min-height:34px}.city-mode-bar{position:absolute;z-index:8;top:76px;left:50%;display:flex;align-items:center;gap:28px;min-width:430px;padding:12px 12px 12px 18px;transform:translate(-50%);pointer-events:auto;color:#d8eef3;background:linear-gradient(100deg,#030d13f5,#0a1f28f0);border:1px solid rgba(93,188,207,.52);box-shadow:0 18px 60px #0000008f,inset 0 1px #b8eef517,0 0 30px #2089a514;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.city-mode-bar span{display:grid;flex:1;gap:3px}.city-mode-bar small{color:#6fa0ab;font-size:7px;letter-spacing:.27em}.city-mode-bar b{font-size:14px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.city-mode-bar button{height:36px;padding:0 14px;color:#d9f7ff;background:linear-gradient(180deg,#153642,#0d252e);border:1px solid #4e8794;font-size:8px;letter-spacing:.16em}.city-mode-bar kbd{margin-left:8px;color:#79949b}.city-hover-label{padding:5px 8px;color:#e9fbff;background:#050d10e6;border:1px solid rgba(145,220,226,.55);box-shadow:0 4px 18px #00000073;font-size:9px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.npc-nameplate{display:grid;gap:2px;min-width:126px;padding:7px 10px 8px;border:1px solid rgba(255,217,150,.42);border-radius:7px;background:linear-gradient(135deg,#0e161ceb,#1e2a2dd1);box-shadow:0 7px 20px #00000042,inset 0 1px #ffffff14;color:#f6ead0;font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.npc-nameplate strong{color:#ffd58c;font-size:10px;font-weight:700}.npc-nameplate span{color:#dae8dfb3;font-size:7px;letter-spacing:.12em}.city-screen-overlay{position:absolute;z-index:3;inset:62px 0 27px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),radial-gradient(ellipse at center,transparent 54%,rgba(4,10,12,.16) 84%,rgba(3,7,9,.36) 120%)}.city-dossier{position:absolute;z-index:7;top:148px;right:22px;width:212px;padding:16px;pointer-events:none;color:#b9d8de;background:linear-gradient(145deg,#030f16e8,#081d25d6);border:1px solid rgba(81,162,178,.38);box-shadow:0 18px 50px #0000006b,inset 0 1px #b1eef50f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.city-dossier:before{content:"";position:absolute;top:-1px;left:-1px;width:46px;height:1px;background:#75d4e4;box-shadow:0 0 12px #5ad2e685}.city-dossier h3{margin:7px 0 4px;color:#e4f7fa;font-size:15px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.city-village-title{margin:0 0 5px;color:#d6b873;font-family:Georgia,serif;font-size:9px;font-style:italic;letter-spacing:.05em}.city-dossier-location{margin:0 0 14px;color:#628691;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.city-dossier-grid{display:grid;gap:0;border-top:1px solid rgba(101,166,178,.2)}.city-dossier-grid span{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#62828b;border-bottom:1px solid rgba(101,166,178,.14);font-size:7px;letter-spacing:.12em}.city-dossier-grid b{color:#b7dce3;font-weight:500;text-align:right;text-transform:uppercase}.city-dossier-status{margin:13px 0 0;color:#83bfaa;font-size:7px;letter-spacing:.15em}.city-dossier-status i{display:inline-block;width:5px;height:5px;margin-right:7px;background:#79d6b7;border-radius:50%;box-shadow:0 0 9px #79d6b7}.city-legend{position:absolute;z-index:7;bottom:47px;left:24px;display:flex;gap:17px;padding:9px 12px;pointer-events:none;color:#9bacb0;background:#071012b8;border:1px solid rgba(112,143,147,.3);font-size:6px;letter-spacing:.15em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.city-legend span{display:flex;align-items:center;gap:6px}.city-legend i{width:12px;height:7px;border:1px solid #9a9b94;background:#555b59}.city-legend i.civic{border-color:#d7c8aa;background:#a79c88}.city-legend i.green{border-color:#6e9f70;background:#3d7546}.city-legend i.water{border-color:#5c91a1;background:#2f7185}.inspector .city-action{margin-bottom:7px;color:#e9fbff;background:linear-gradient(100deg,#173139,#10252b);border-color:#65909a;box-shadow:inset 0 1px #bef0f714}.switch input:disabled{opacity:.35}@media(max-width:700px){.city-mode-bar{top:64px;min-width:0;width:calc(100% - 24px)}.city-mode-bar b{font-size:11px}.city-mode-bar small{letter-spacing:.16em}.city-mode-bar button{padding:0 8px}.city-mode-bar kbd{display:none}.city-dossier{top:auto;right:12px;bottom:74px;width:180px;padding:11px}.city-dossier-grid span:nth-child(-n+4){display:none}.city-legend{display:none}}