:root{--bg:#06111f;--glass:#091424b8;--glass-strong:#08111feb;--glass-hover:#162840d9;--line:#96c8ff29;--line-strong:#96c8ff4d;--text:#eaf2ff;--text-dim:#a7b8cc;--text-faint:#71859c;--cyan:#4fe3f0;--cyan-deep:#11a4b8;--magenta:#ff5fa2;--gold:#ffd15c;--ok:#5ee6a0;--warn:#ffb547;--danger:#ff6b7d;--radius:14px;--radius-sm:9px;--shadow:0 10px 34px #00061073;--blur:blur(16px) saturate(140%);--gutter:24px;--font:"Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:var(--cyan)}.game button:not([class]){background:var(--glass-hover);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);padding:9px 14px;font-size:13px;transition:background .15s,border-color .15s}.game button:not([class]):hover{border-color:var(--cyan);background:#284668e6}.game button:not([class]):disabled{opacity:.5;cursor:default}.game input:not([class]):not([type=file]):not([type=checkbox]):not([type=range]),.game textarea:not([class]),.game select:not([class]){border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#040c18b3;padding:8px 10px;font-size:13px}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);box-shadow:var(--shadow)}.eyebrow,.small-label{letter-spacing:.16em;color:var(--cyan);text-transform:uppercase;font-size:10.5px;font-weight:700}kbd{border:1px solid var(--line-strong);min-width:20px;height:20px;color:var(--text-dim);background:#ffffff0f;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-family:inherit;font-size:10.5px;font-weight:600;display:inline-flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);min-height:38px;color:var(--text);background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--cyan);background:#ffffff1f}.btn:active{transform:translateY(1px)}.btn.primary{color:#03131c;background:linear-gradient(#5ff0fb,#19b8cc);border-color:#0000}.btn.primary:hover{background:linear-gradient(#7ff5fd,#2cc8db)}.btn.primary kbd{color:#03131c;background:#0000001f;border-color:#00000040}.btn.ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:#ffffff0f}.btn.small{min-height:32px;padding:0 11px;font-size:12px}.icon-button{width:34px;height:34px;color:var(--text-dim);background:#ffffff0f;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;line-height:1;display:grid}.icon-button:hover{color:var(--text);background:#ffffff24}.link-button{all:unset;cursor:pointer;color:var(--cyan);pointer-events:auto;font-size:12.5px;font-weight:600}.link-button:hover{text-decoration:underline}.link-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}.hud-button{background:var(--glass);height:40px;-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow);pointer-events:auto;border-radius:11px;align-items:center;gap:9px;padding:0 13px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.hud-button:hover{background:var(--glass-hover);border-color:var(--line-strong)}.hud-button.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset, var(--shadow)}.hud-button.icon-only,.hud-button.round{justify-content:center;width:40px;padding:0}.hud-button.walking{color:#03131c;background:linear-gradient(#5ff0fb,#19b8cc);border-color:#0000}.hud-button .icon{flex-shrink:0}.game{background:var(--bg);height:100svh;min-height:420px;position:relative;overflow:hidden}.viewport{touch-action:none;position:absolute;inset:0}.portal-fade{z-index:1;opacity:0;pointer-events:none;background:#000;transition:opacity .38s ease-out;position:absolute;inset:0}.portal-fade.out{opacity:1;transition:opacity .22s ease-in}.portal-fade.black{opacity:1;transition:none}.topbar{z-index:4;padding:18px var(--gutter);pointer-events:none;background:linear-gradient(#030912b8,#03091200);align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.04em;color:var(--text);pointer-events:auto;text-shadow:0 0 22px #4fe3f059;align-items:center;gap:10px;font-size:26px;font-weight:800;text-decoration:none;display:flex}.brand-mark{grid-template-columns:1fr 1fr;gap:3px;width:24px;height:24px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--cyan);border-radius:2px}.brand-mark i:nth-child(2){background:var(--magenta)}.brand-mark i:nth-child(3){background:var(--gold)}.brand-mark i:nth-child(4){background:#7d8cff}.brand-dot{color:var(--magenta)}.place-chip{pointer-events:auto;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:7px 14px 7px 12px;display:flex}.place-chip>span:last-child{min-width:0;line-height:1.2;display:grid}.place-chip small{letter-spacing:.14em;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:700;overflow:hidden}.place-chip strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.place-dot{background:var(--ok);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 10px}.top-actions{pointer-events:auto;gap:8px;margin-left:auto;display:flex}.top-actions kbd{margin-left:2px}.district-caption{top:92px;left:var(--gutter);z-index:2;pointer-events:none;text-shadow:0 2px 18px #000000b3;gap:6px;max-width:min(460px,70vw);animation:6.5s forwards caption;display:grid;position:absolute}.district-caption h1{letter-spacing:-.035em;color:#fff;margin:0;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.05}.caption-sub{color:var(--text-dim);font-size:13px}@keyframes caption{0%{opacity:0;transform:translateY(-6px)}10%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.crosshair{pointer-events:none;background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #00000073}.notice{z-index:6;border-radius:var(--radius-sm);border:1px solid var(--warn);color:#ffe7bd;background:#3c2608eb;max-width:85%;padding:11px 16px;font-size:13px;position:absolute;top:150px;left:50%;transform:translate(-50%)}.fatal-error{z-index:9999;border-radius:var(--radius-sm);border:1px solid var(--danger);color:#ffe1e6;background:#460c18f2;align-items:center;gap:12px;max-width:calc(100% - 28px);padding:10px 12px 10px 16px;font-size:13px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.fatal-error span{color:#ffc2cc;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-message{text-align:center;color:var(--text-dim);background:radial-gradient(circle at 50% 40%, #0f2540, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:25px;font-size:15px;display:flex;position:absolute;inset:0}.canvas-message button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--glass-hover);color:var(--text);padding:10px 16px}.bottom-bar{left:var(--gutter);right:var(--gutter);z-index:3;pointer-events:none;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:20px}.nav-cluster{align-items:flex-end;gap:14px;min-width:0;display:flex}.minimap-button{box-shadow:0 0 0 4px #06111f8c, var(--shadow);pointer-events:auto;background:#081a2c;border:2px solid #96c8ff59;border-radius:50%;padding:0;line-height:0;transition:border-color .15s,transform .15s;overflow:hidden}.minimap-button:hover{border-color:var(--cyan);transform:scale(1.02)}.minimap{border-radius:50%;width:168px;height:168px;position:relative}.minimap canvas{border-radius:50%;display:block}.minimap-north{color:var(--text);background:#06111fcc;border-radius:6px;padding:1px 5px;font-size:10px;font-weight:800;line-height:1.3;position:absolute;top:5px;left:50%;transform:translate(-50%)}.location-info{text-shadow:0 1px 10px #000c;gap:4px;min-width:0;padding-bottom:6px;display:grid}.location-info strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:700;overflow:hidden}.location-info>span:not(.eyebrow){color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.controls-hint{color:var(--text-dim);border-radius:12px;align-items:center;gap:14px;margin:0 auto 4px;padding:9px 14px;font-size:12px;animation:.4s fade-in;display:flex}.controls-hint span{white-space:nowrap;align-items:center;gap:4px;display:flex}.walk-controls{pointer-events:auto;gap:8px;margin-left:auto;display:flex}.walk-controls .hud-button{height:44px}.walk-controls .hud-button.round{width:44px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.route-card{z-index:5;width:min(560px, calc(100% - 2 * var(--gutter)));background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line-strong);box-shadow:0 0 0 1px #4fe3f01f, var(--shadow);border-radius:16px;align-items:center;gap:13px;padding:11px 12px 11px 11px;animation:.25s route-in;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}@keyframes route-in{0%{opacity:0;transform:translate(-50%,-6px)}}.route-card.arrived{border-color:var(--ok);width:min(420px, calc(100% - 2 * var(--gutter)))}.route-card.arrived .route-icon{color:var(--ok);background:#5ee6a029}.route-card.arrived .eyebrow{color:var(--ok)}.route-icon{width:46px;height:46px;color:var(--cyan);background:#4fe3f024;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.maneuver{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.route-text{flex:1;gap:3px;min-width:0;display:grid}.route-text strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.route-meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.route-compass{border:1px solid var(--line);background:#ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:transform .25s ease-out;display:grid}.route-compass svg{width:18px;height:18px;fill:var(--magenta)}.route-buttons{flex-shrink:0;gap:4px;display:flex}.guide{z-index:8;top:74px;right:var(--gutter);width:min(1040px, calc(100% - 2 * var(--gutter)));background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line-strong);border-radius:20px;grid-template-columns:minmax(300px,360px) 1fr;animation:.2s fade-in;display:grid;position:absolute;bottom:20px;overflow:hidden;box-shadow:0 24px 80px #00040c99}.guide-side{border-right:1px solid var(--line);flex-direction:column;gap:12px;min-height:0;padding:18px 16px 0 18px;display:flex}.guide-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.guide-header h2{letter-spacing:-.03em;margin:4px 0 0;font-size:24px;font-weight:800}.search-field{border:1px solid var(--line-strong);background:#0000004d;border-radius:12px;flex-shrink:0;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #4fe3f026}.search-field svg{fill:none;width:17px;height:17px;stroke:var(--text-faint);stroke-width:2px;stroke-linecap:round;flex-shrink:0}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-field input::placeholder{color:var(--text-faint)}.search-field input:focus-visible{outline:none}.help-settings{width:100%;margin-top:14px;display:none}.walk-controls .hud-button span{white-space:nowrap}.chips{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.chip{border:1px solid var(--line);height:30px;color:var(--text-dim);background:0 0;border-radius:999px;padding:0 12px;font-size:12.5px;font-weight:600}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip.active{background:var(--text);color:#06111f;border-color:var(--text)}.place-list{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;align-content:start;gap:2px;min-height:80px;margin:0 -6px;padding:0 0 14px;list-style:none;display:grid;overflow-y:auto}.place{all:unset;box-sizing:border-box;cursor:pointer;border-radius:11px;align-items:center;gap:11px;width:100%;padding:9px 10px;display:flex}.place:hover{background:#ffffff0f}.place:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.place.selected{background:#4fe3f01f;box-shadow:inset 0 0 0 1px #4fe3f073}.place-text{flex:1;gap:2px;min-width:0;display:grid}.place-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.place-text small{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.place-distance{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.place-icon{border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.place-icon-venue{background:#ffd15c29}.place-icon-venue:after{content:"";border:2px solid var(--gold);border-radius:4px 4px 1px 1px;width:9px;height:13px}.place-icon-landmark{background:#ff5fa229}.place-icon-landmark:after{content:"";background:#ff8fc0;border-radius:2px;width:10px;height:10px;transform:rotate(45deg)}.place-icon-district:after{content:"";border:2px solid #ffffffbf;border-radius:3px;width:10px;height:10px}.empty{color:var(--text-dim);padding:14px 10px;font-size:13px;line-height:1.5}.guide-notice{border-radius:var(--radius-sm);color:#ffe2b5;background:#ffb5471f;border:1px solid #ffb54766;margin:0;padding:9px 12px;font-size:12.5px}.route-summary{background:#4fe3f012;border:1px solid #4fe3f04d;border-radius:14px;flex-shrink:0;gap:10px;padding:12px;display:grid}.route-summary-head{gap:3px;display:grid}.route-summary-head strong{font-size:17px;font-weight:700}.route-steps{scrollbar-width:thin;gap:2px;max-height:150px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.route-steps li{color:var(--text-dim);border-radius:7px;align-items:center;gap:9px;padding:5px 4px;font-size:13px;display:flex}.route-steps li span{flex:1;min-width:0}.route-steps li small{color:var(--text-faint);font-variant-numeric:tabular-nums}.route-steps li .maneuver{width:18px;height:18px;color:var(--cyan);flex-shrink:0}.route-steps li.current{color:var(--text);background:#4fe3f01a}.route-steps li.done{opacity:.45}.route-actions{flex-wrap:wrap;gap:6px;display:flex}.guide-map{background:#081a2c;min-width:0;min-height:0;position:relative}.island-map-full{position:absolute;inset:0}.island-map-full canvas{touch-action:none;display:block}.map-zoom{border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:11px;gap:1px;display:grid;position:absolute;top:14px;right:14px;overflow:hidden}.map-zoom button{background:var(--glass-strong);width:38px;height:36px;color:var(--text);border:0;font-size:17px;font-weight:600}.map-zoom button:hover{background:var(--glass-hover)}.map-legend{background:var(--glass-strong);border:1px solid var(--line);color:var(--text-dim);border-radius:10px;gap:14px;padding:8px 12px;font-size:11.5px;display:flex;position:absolute;bottom:14px;left:14px}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend i{display:inline-block}.legend-door{background:var(--gold);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #0b1726}.legend-landmark{background:#ff8fc0;width:9px;height:9px;transform:rotate(45deg)}.legend-route{background:var(--cyan);width:18px;height:4px;box-shadow:0 0 6px var(--cyan);border-radius:2px}.map-tip{color:var(--text-dim);background:var(--glass-strong);border:1px solid var(--line);white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:7px 12px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sheet{z-index:7;top:74px;right:var(--gutter);width:min(360px, calc(100% - 2 * var(--gutter)));background:var(--glass-strong);border-radius:18px;max-height:calc(100svh - 160px);padding:16px 18px 18px;animation:.2s fade-in;position:absolute;overflow-y:auto}.sheet header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sheet h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.sheet p{color:var(--text-dim);margin:14px 0 0;font-size:12.5px;line-height:1.6}.shortcut-list{gap:2px;margin:0;display:grid}.shortcut-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.shortcut-list dt{color:var(--text-dim);flex-shrink:0;align-items:center;gap:4px;font-size:12.5px;display:flex}.shortcut-list dd{text-align:right;margin:0;font-size:13px}.settings-sheet label{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.settings-sheet select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#0000004d;width:100%;height:38px;padding:0 10px;font-size:13px}.diagnostics{border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:12px}.diagnostics summary{cursor:pointer;color:var(--text-dim);padding:4px 0;font-weight:600}.diagnostics dl{margin:6px 0 0}.diagnostics dl>div{justify-content:space-between;gap:8px;padding:5px 0;display:flex}.diagnostics dt{color:var(--text-faint)}.diagnostics dd{font-variant-numeric:tabular-nums;margin:0}.discovery-prompt{right:var(--gutter);z-index:5;border-radius:var(--radius);border-color:#ffd15c80;gap:8px;min-width:200px;padding:14px;display:grid;position:absolute;top:150px}.discovery-prompt .eyebrow{color:var(--gold)}.modal-backdrop{z-index:9;-webkit-backdrop-filter:blur(6px);background:#030810c7;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.mobile-joystick{z-index:3;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);touch-action:none;background:radial-gradient(circle,#4fe3f014,#0914248c);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:none;position:absolute;bottom:22px;left:20px}.joystick-knob{pointer-events:none;background:#eaf2ffd9;border:1px solid #fff;border-radius:50%;width:46px;height:46px;box-shadow:0 2px 14px #0006}.active .joystick-knob{background:var(--cyan)}.ad-benchmark{z-index:4;background:var(--glass-strong);border:1px solid var(--line-strong);border-radius:var(--radius-sm);gap:5px;min-width:330px;padding:10px 14px;font-size:11px;display:grid;position:absolute;top:76px;left:50%;transform:translate(-50%)}.ad-benchmark label{justify-content:space-between;align-items:center;gap:16px;display:flex}.ad-benchmark select{background:#183546;border:0;border-radius:4px;padding:4px;font-size:11px}.ad-benchmark span{font-variant-numeric:tabular-nums;color:var(--text-dim)}@media (max-width:980px){.top-actions .label{display:none}.top-actions .hud-button{justify-content:center;width:40px;padding:0}.top-actions kbd,.controls-hint{display:none}.guide{left:var(--gutter);grid-template-rows:minmax(220px,42%) 1fr;grid-template-columns:1fr;width:auto}.guide-map{border-bottom:1px solid var(--line);order:-1}.guide-side{border-right:0;padding-top:14px}.map-tip{display:none}}@media (max-width:600px){:root{--gutter:14px}.topbar{padding:12px var(--gutter);gap:10px}.brand{gap:8px;font-size:21px}.brand-mark{gap:2px;width:19px;height:19px}.place-chip{max-width:46vw;padding:6px 11px 6px 10px}.place-chip small{display:none}.place-chip strong{font-size:12.5px}.top-actions{gap:6px}.top-actions .hud-button{width:38px;height:38px}.district-caption{top:64px}.district-caption h1{font-size:24px}.caption-sub{font-size:12px}.route-card{gap:10px;padding:9px;top:62px}.route-icon{width:40px;height:40px}.route-text strong{font-size:13.5px}.route-compass{display:none}.route-card:not(.arrived){grid-template-columns:40px minmax(0,1fr);display:grid}.route-text strong{white-space:normal;line-height:1.25;overflow:visible}.route-text .route-meta{white-space:normal;line-height:1.4;overflow:visible}.route-buttons,.route-card>.btn{grid-column:2;justify-self:end}.route-buttons kbd{display:none}.settings-button{display:none!important}.location-info{display:none}.minimap{width:112px;height:112px}.bottom-bar{gap:10px;bottom:14px}.walk-controls{gap:6px}.walk-controls .hud-button{height:42px;padding:0 11px;font-size:12px}.walk-controls .hud-button.round{width:42px;padding:0}.guide{border:0;border-radius:0;grid-template-rows:minmax(200px,40%) 1fr;width:auto;inset:0}.guide-side{padding:12px 14px 0}.guide-header h2{font-size:20px}.map-legend{display:none}.sheet{max-height:calc(100svh - 140px);top:62px}.help-settings{display:inline-flex}.discovery-prompt{top:120px}}@media (hover:none) and (pointer:coarse){.mobile-joystick{display:flex}.nav-cluster{top:64px;right:var(--gutter);pointer-events:auto;position:fixed}.nav-cluster .location-info{display:none}.minimap{width:96px;height:96px}.bottom-bar{left:160px}.route-card~.bottom-bar .nav-cluster{top:214px}.district-caption{max-width:calc(100% - 140px)}}@media (max-height:560px){.topbar{padding-top:10px;padding-bottom:10px}.district-caption{top:60px}.district-caption h1{font-size:22px}.route-card{top:58px}.minimap{width:104px;height:104px}.guide{top:10px;bottom:10px}.mobile-joystick{width:104px;height:104px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}