:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-bg:#0d14268c;--panel-border:#8caaff2e;--text:#dce6ff;--text-dim:#7f8db0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);-webkit-user-select:none;user-select:none;background:#070b16;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;overflow:hidden}.app{width:100%;height:100%;position:relative}.app canvas{display:block}.overlay{pointer-events:none;position:absolute;inset:0}.panel{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:14px 18px;box-shadow:0 8px 32px #00000059}.title-panel{position:absolute;top:20px;left:20px}.title-panel h1{letter-spacing:.06em;margin:0;font-size:20px}.title-panel .sub{color:var(--text-dim);letter-spacing:.22em;margin-top:4px;font-size:10px}.station-tabs{gap:6px;margin-top:10px;display:flex}.station-tab{border:1px solid var(--panel-border);color:var(--text-dim);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px;transition:color .2s,border-color .2s,background .15s}.station-tab:hover{color:var(--text);background:#ffffff0f}.station-tab.active{color:#fff;background:#6ea8ff24;border-color:#6ea8ff}.legend{flex-direction:column;gap:2px;padding:12px;display:flex;position:absolute;bottom:20px;left:20px}.legend-heading{color:var(--text-dim);letter-spacing:.18em;margin:2px 8px 8px;font-size:10px}.legend-sub{color:var(--text-dim);letter-spacing:.16em;margin:8px 8px 3px;font-size:9px}.legend-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;font-size:13px;transition:background .15s,opacity .25s;display:flex}.legend-item:hover{background:#ffffff12}.legend-item.active{background:#ffffff1a}.legend-item.dimmed{opacity:.35}.chip{border-radius:3px;flex:none;width:22px;height:6px;transition:box-shadow .25s}.pin{border:1px solid var(--panel-border);color:var(--text-dim);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.floors-rail{flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.floor-step{pointer-events:auto;color:var(--text-dim);letter-spacing:.08em;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 6px 6px 0;padding:3px 10px;font-family:inherit;font-size:12px;transition:color .2s,border-color .2s,background .15s,text-shadow .2s}.floor-step:hover{color:var(--text);background:#ffffff12}.floor-step.active{color:#fff;text-shadow:0 0 10px #6ea8ffe6;border-color:#6ea8ff}.floor-step.focused{background:#6ea8ff24}.info-panel{min-width:230px;position:absolute;bottom:20px;right:20px}.info-line{letter-spacing:.04em;font-size:17px;font-weight:700}.info-en{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:10px}.info-floor{border-top:1px solid var(--panel-border);margin-top:10px;padding-top:10px;font-size:13px}.info-floor-line{font-size:12px;line-height:1.7;display:block}.info-directions{color:var(--text);margin-top:8px;font-size:12px}.info-note{color:var(--text-dim);margin-top:6px;font-size:10px;line-height:1.5}.info-hint{color:var(--text-dim);font-size:12px;line-height:1.7}.help{color:var(--text-dim);letter-spacing:.06em;gap:18px;font-size:11px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.floor-label{white-space:nowrap;align-items:baseline;gap:8px;transition:opacity .3s;display:flex;transform:translate(-100%)}.floor-label.dimmed{opacity:.2}.floor-short{color:#9fc4ff;letter-spacing:.08em;text-shadow:0 0 12px #6ea8ff99;font-size:15px;font-weight:700}.floor-name{color:var(--text-dim);font-size:10px}.building-label{color:var(--text-dim);letter-spacing:.1em;white-space:nowrap;text-shadow:0 0 8px #6ea8ff66;font-size:10px;transition:opacity .3s;transform:translate(-50%)}.building-label.dimmed{opacity:.15}.map-road-label,.district-label,.compass-label,.interior-label,.gate-label,.plaza-label{white-space:nowrap;pointer-events:none;transition:opacity .3s;transform:translate(-50%)}.map-road-label{color:#5a6f9e;letter-spacing:.25em;font-size:9px}.district-label{color:#93a7d4;letter-spacing:.3em;text-shadow:0 0 10px #6ea8ff59;font-size:12px;font-weight:700}.compass-label{color:#6ea8ff;text-shadow:0 0 10px #6ea8ffcc;font-size:13px;font-weight:700}.interior-label{color:#8ec6e8;letter-spacing:.14em;text-shadow:0 0 8px #67a8d880;font-size:9px}.gate-label{color:#37e2d5;letter-spacing:.12em;text-shadow:0 0 8px #37e2d580;font-size:9px}.plaza-label{color:#e8c890;letter-spacing:.14em;text-shadow:0 0 8px #ffd9a073;font-size:9px}.station-label{color:#c8dcff;letter-spacing:.4em;white-space:nowrap;text-shadow:0 0 14px #6ea8ffcc;font-size:15px;font-weight:700;transition:opacity .3s;transform:translate(-50%)}.station-label.dimmed{opacity:.15}.map-road-label.dimmed,.district-label.dimmed,.compass-label.dimmed,.interior-label.dimmed,.gate-label.dimmed,.plaza-label.dimmed{opacity:.12}@media (width<=700px){.title-panel h1{font-size:16px}.help,.floors-rail{display:none}.legend{max-width:46vw}.legend-item{font-size:11px}.info-panel{min-width:0;max-width:44vw}}