:root{--bg:#0b0a09;--bg-glow:#1c1813;--panel:#110f0de6;--panel-solid:#14120f;--border:#3b342a;--border-strong:#5a4f3f;--text:#ebe3d2;--muted:#9d927f;--accent:#e6c37a;--accent-soft:#e6c37a24;--ember:#ff9a3c;--zone:#e2c27e;--radius:8px;--gutter:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-ui:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-title:"Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select{font:inherit;color:inherit}#app{background:radial-gradient(ellipse at 50% 40%, var(--bg-glow) 0%, var(--bg) 70%);position:fixed;inset:0;overflow:hidden}.viewport{z-index:0;touch-action:none;position:absolute;inset:0}.viewport canvas{display:block}.label-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.info-panel,.layer-panel,.nav-row,.level-picker,.hint,.overlay{z-index:2}.topbar{z-index:3}.label{font-family:var(--font-title);white-space:nowrap;text-shadow:0 0 3px #000,0 0 8px #000;-webkit-user-select:none;user-select:none}.label-region{pointer-events:auto;cursor:pointer;color:#e9d8b0;flex-direction:column;align-items:center;transition:opacity .2s;display:flex}.label-region .primary{letter-spacing:.06em;font-size:14px}.label-region .secondary{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.label-region:hover .primary,.label-region.selected .primary{color:#fff6e0}.label-region.dimmed{opacity:.3}.label-poi{font-family:var(--font-ui);color:color-mix(in srgb, var(--kind-color,var(--text)) 70%, var(--text));text-shadow:none;background:#080809b3;border-radius:3px;padding:1px 6px;font-size:11.5px}.label-zone{pointer-events:auto;cursor:pointer;border-left:2px solid var(--zone);color:var(--zone);letter-spacing:.04em;flex-direction:column;padding:1px 6px;font-size:12px;display:flex}.label-zone .secondary{color:var(--muted);font-size:10px}.label-feature{font-family:var(--font-ui);letter-spacing:.03em;color:var(--feature-color,var(--muted));text-shadow:none;background:#080809cc;border-radius:2px;padding:0 4px;font-size:10.5px;transition:opacity .15s}.label-poi.dimmed,.label-feature.dimmed{opacity:.35}.label-feature.occluded{opacity:0}.label-zone.selected{color:#fff6e0;border-left-color:#fff6e0}.label-zone.west{border-left:none;border-right:2px solid var(--zone);align-items:flex-end}.label-zone.west.selected{border-right-color:#fff6e0}.label-poi.clipped,.label-region.clipped{visibility:hidden}.label-poi.selected{outline:1px solid var(--accent);color:#fff}.topbar{top:calc(var(--gutter) + var(--safe-top));left:var(--gutter);right:var(--gutter);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.brand{font-family:var(--font-title);letter-spacing:.18em;text-shadow:0 0 6px #000;align-items:baseline;gap:4px;padding:0 6px;display:flex}.brand-mark{color:var(--ember);font-size:18px;font-weight:700}.brand-name{color:var(--text);font-size:13px}.game-select,.chip{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:38px;padding:0 12px}.chip{min-width:38px;font-weight:600}.locale-select{font-weight:500}.game-select:hover,.chip:hover{border-color:var(--border-strong)}.topbar-actions{gap:6px;margin-left:auto;display:flex}.search{flex:1;max-width:480px;position:relative}.search-icon{z-index:1;width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-input{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none;width:100%;height:38px;padding:0 34px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input::-webkit-search-cancel-button{display:none}.search-kbd{border:1px solid var(--border);color:var(--muted);font-size:11px;font-family:var(--font-ui);z-index:1;pointer-events:none;border-radius:4px;padding:1px 6px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.search-input:focus~.search-kbd{display:none}.search-results{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);max-height:min(60vh,520px);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0000008c}.search-result{cursor:pointer;border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.search-result[aria-selected=true]{background:var(--accent-soft)}.result-text{flex-direction:column;min-width:0;display:flex}.result-name,.result-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-sub{color:var(--muted);font-size:12px}.result-meta{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.search-empty{color:var(--muted);text-align:center;padding:12px}.kind-icon{flex:none;width:18px;height:18px;display:inline-block}.kind-region{border:1.5px solid;width:12px;height:12px;margin:3px;transform:rotate(45deg)}.kind-zone{width:14px;height:0;box-shadow:0 4px 0 -1px var(--zone);border-top:2px solid;margin:6px 2px}.kind-route{border-top-width:3px;height:0;margin:8px 0}.kind-feature{background:repeating-linear-gradient(90deg,currentColor 0 1.5px,#0000 1.5px 4px);border-block:1.5px solid;height:8px;margin:5px 0}.info-panel{top:calc(66px + var(--safe-top));right:var(--gutter);width:340px;max-height:calc(100% - 116px - var(--safe-top) - var(--safe-bottom));background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 16px 16px;position:absolute;overflow-y:auto;box-shadow:0 12px 32px #00000073}.panel-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-kind{color:var(--muted);letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;display:flex}.panel-actions{gap:4px;display:flex}.icon-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px}.icon-button:hover{border-color:var(--border);color:var(--text)}.panel-title{font-family:var(--font-title);color:#f4e9cf;margin:8px 0 2px;font-size:21px;font-weight:600;line-height:1.25}.panel-subtitle{color:var(--muted);margin:0;font-size:13px}.badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.badge{border:1px solid var(--border-strong);color:var(--accent);border-radius:999px;padding:1px 8px;font-size:11.5px}.panel-desc{color:#d7cdb8;margin:12px 0 0;line-height:1.6}.panel-section{margin-top:14px}.panel-section h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11.5px;font-weight:600}.link-list{flex-direction:column;gap:2px;display:flex}.entity-link{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 6px;display:flex}.entity-link:hover,.entity-link:focus-visible{background:var(--accent-soft);outline:none}.facts{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.media-list{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.media-card{flex-direction:column;gap:6px;display:flex}.media-player{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:0;display:block;overflow:hidden}.media-thumb{aspect-ratio:16/9;background:#1a1714;place-items:center;max-width:100%;display:grid;position:relative}.media-thumb img{object-fit:cover;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.media-play{width:44px;height:44px;color:var(--accent);background:#080809bf;border-radius:50%;place-items:center;font-size:16px;display:grid;position:relative}.media-player:hover .media-play,.media-player:focus-visible .media-play{color:#fff6e0}.media-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:6px;width:100%}.media-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.media-title{min-width:0}.media-open,.chip-link,.contribute-link{color:var(--accent);white-space:nowrap;font-size:12.5px;text-decoration:none}.media-open:hover,.chip-link:hover,.contribute-link:hover{text-underline-offset:3px;text-decoration:underline}.chip-row{flex-wrap:wrap;gap:6px 14px;display:flex}.wiki-lang{letter-spacing:.04em;opacity:.7;vertical-align:1px;border:1px solid;border-radius:3px;margin-left:4px;padding:0 3px;font-size:9.5px}.contribute-link{color:var(--muted)}.link-meta{color:var(--muted);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:12px}.layer-panel{left:var(--gutter);bottom:calc(40px + var(--safe-bottom));min-width:200px;max-height:max(96px, calc(100% - 320px - var(--safe-top) - var(--safe-bottom)));background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;overflow-y:auto}.layers summary{cursor:pointer;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:9px 12px;font-size:12px;font-weight:600}.layer-group{border-top:1px solid var(--border);padding:4px 8px}.layer-group:last-child{padding-bottom:8px}.layer-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:8px;padding:4px;display:flex}.layer-row:hover{background:var(--accent-soft)}.layer-row input{accent-color:var(--accent);margin:0}.nav-row{top:calc(66px + var(--safe-top));left:var(--gutter);right:calc(var(--gutter) + 360px);pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.nav-row>*{pointer-events:auto}.compass{border:1px solid var(--border);background:var(--panel);border-radius:50%;flex:none;width:40px;height:40px;position:relative}.breadcrumbs{scrollbar-width:none;white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:nowrap;align-items:center;gap:2px 6px;min-width:0;padding:6px 10px;font-size:13px;display:flex;overflow-x:auto}.crumb{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0}.crumb:hover,.crumb:focus-visible{color:var(--text);text-underline-offset:3px;text-decoration:underline}.crumb.current{color:var(--text);cursor:default}.crumb-sep{color:var(--border-strong)}.level-picker{top:calc(118px + var(--safe-top));left:var(--gutter);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute}.level-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px 4px;font-size:11px;font-weight:600}.level{border:1px solid #0000;border-left:2px solid var(--border-strong);text-align:left;cursor:pointer;background:0 0;border-radius:4px;padding:5px 10px}.level:hover{background:var(--accent-soft)}.level[aria-pressed=true]{border-left-color:var(--zone);background:var(--accent-soft);color:#fff6e0}.compass-needle{position:absolute;inset:0}.compass-needle:before{content:"";border:4px solid #0000;border-bottom:12px solid var(--ember);border-top:0;width:0;height:0;margin-left:-4px;position:absolute;top:7px;left:50%}.compass-n{text-align:center;color:var(--muted);font-size:9px;position:absolute;top:19px;left:0;right:0}.hint{left:50%;bottom:calc(10px + var(--safe-bottom));color:var(--muted);white-space:nowrap;pointer-events:none;text-shadow:0 0 4px #000;gap:14px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.hint-note{opacity:.7}.toast{left:50%;bottom:calc(40px + var(--safe-bottom));z-index:3;background:var(--panel-solid);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:4px 10px;width:max-content;max-width:max(320px,100% - 720px);padding:8px 12px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.toast-label{color:var(--muted);pointer-events:none}.toast code{color:var(--accent);-webkit-user-select:all;user-select:all;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.toast code span{white-space:nowrap}.tooltip{background:var(--panel-solid);border:1px solid var(--border);pointer-events:none;z-index:10;border-radius:6px;flex-direction:column;padding:5px 9px;font-size:13px;display:flex;position:fixed;top:0;left:0}.tooltip-kind{color:var(--muted);font-size:11px}.overlay{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-width:min(420px,100% - 32px);color:var(--muted);text-align:center;padding:16px 20px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[hidden]{display:none!important}#app.area-mode .viewport,#app.area-mode .level-picker,#app.area-mode .layer-panel,#app.area-mode .hint,#app.area-mode .compass{display:none}.area-view{top:calc(112px + var(--safe-top));left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + var(--safe-bottom));z-index:1;grid-template-columns:minmax(260px,36%) minmax(0,1fr);gap:12px;display:grid;position:absolute}@media (min-width:721px){#app.panel-open .area-view{right:calc(var(--gutter) + 352px)}}.area-pane{border:1px solid var(--border);border-radius:var(--radius);background:#110f0d8c;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.area-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.area-body{flex:1;min-height:0;position:relative}.area-body>svg,.stack-host{width:100%;height:100%;position:absolute;inset:0}.stack-host canvas{display:block}.stack-labels{pointer-events:none;position:absolute;inset:0}.area-hint{border-top:1px solid var(--border);color:var(--muted);margin:0;padding:6px 10px;font-size:12px}.area-head .chip{height:32px;padding:0 10px;font-weight:500}.area-fit{margin-left:auto}.seg-group{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 12px}.seg+.seg{border-left:1px solid var(--border)}.seg[aria-pressed=true]{color:#fff6e0;background:var(--accent-soft)}.area-gap{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.area-gap input{width:110px;accent-color:var(--accent)}.level-tabs{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.level-tab{color:var(--text);border:1px solid #0000;border-bottom:2px solid var(--border-strong);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex:none;padding:6px 10px}.level-tab:hover{background:var(--accent-soft)}.level-tab[aria-pressed=true]{color:#fff6e0;background:var(--accent-soft);border-bottom-color:var(--zone)}.level-tab.only{cursor:default;border-bottom-color:var(--zone);font-family:var(--font-title)}.area-toggle{color:var(--accent);background:var(--accent-soft);border:1px solid var(--border-strong);cursor:pointer;border-radius:6px;margin-top:10px;padding:6px 10px}.area-toggle:hover{border-color:var(--accent)}.plan{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.plan:active{cursor:grabbing}.plan-geo *{vector-effect:non-scaling-stroke;fill:none;stroke-linejoin:round;stroke-linecap:round}.plan-geo .plan-outline{fill:#e2c27e0d;stroke:var(--zone);stroke-width:1.6px}.plan-geo .plan-below{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:5 4}.plan-geo .plan-structure{stroke:#5a4f3f;stroke-width:1px}.plan-geo .plan-line{stroke-width:1.4px}.plan-geo .plan-path{stroke-width:2px}.plan-geo .plan-tick{stroke-width:1px;opacity:.75}.plan-geo .plan-room{fill-opacity:.08;stroke-width:1.4px}.plan-geo .plan-wall{stroke-width:2.6px}.plan-geo .plan-edge{stroke-width:1.6px}.plan-geo .plan-liquid{fill-opacity:.2;stroke-width:1.2px}.plan-geo .plan-route.dashed{stroke-dasharray:6 4}.plan-geo .plan-route.faint{opacity:.35}.plan-poi,.plan-label,.plan-exit{cursor:pointer}.plan-selected-ring{fill:none;stroke:#fff1cf;stroke-width:2px}.plan-label-bg{fill:#080809bf}.plan-label-text{font-family:var(--font-ui);font-size:11.5px}.plan-label.selected .plan-label-bg{stroke:var(--accent)}.plan-feature-bg{fill:#08080999}.plan-feature-label text{font-family:var(--font-ui);font-size:10.5px;font-style:italic}.plan-exit-bg{fill:var(--panel-solid);stroke-width:1.2px}.plan-exit:hover .plan-exit-bg{fill:#221d17}.plan-exit-text{fill:var(--text);font-family:var(--font-ui);font-size:11.5px}.plan-exit-dot{stroke:var(--bg);stroke-width:1.5px}.section-level{cursor:pointer}.section-band{fill:#0000}.section-level:hover .section-band{fill:#e6c37a0f}.section-level.active .section-band{fill:var(--accent-soft)}.section-floor{stroke-width:1.4px}.section-level.active .section-floor{stroke-width:2.4px}.section-level-name{fill:var(--zone);font-family:var(--font-ui);font-size:12px}.section-level.active .section-level-name{fill:#fff6e0}.section-feature,.section-room,.section-route{fill:none;stroke-width:1.3px;stroke-linejoin:round;pointer-events:none}.section-feature.stairs{stroke-width:2px}.section-route{stroke-width:1.6px}.section-route.between{stroke-width:2.4px}.section-route.dashed{stroke-dasharray:5 3}.section-route.faint,.section-feature.dim,.section-room.dim{opacity:.35}.section-poi{cursor:pointer}.section-poi.dim{opacity:.4}.section-poi-name{fill:#fff6e0;font-family:var(--font-ui);text-anchor:middle;font-size:11.5px}.section-axis{fill:var(--muted);font-family:var(--font-ui);font-size:11px}.section-axis.end{text-anchor:end}.stack-level-label{pointer-events:auto;cursor:pointer;border-right:2px solid var(--zone);color:var(--zone);padding:1px 6px;font-size:12px}.stack-level-label.active{color:#fff6e0;border-right-color:#fff6e0}@media (max-width:720px){.topbar{flex-wrap:wrap}.brand-name{display:none}.game-select{flex:1;min-width:0}.search{flex-basis:100%;order:3;max-width:none}.search-kbd,.hint{display:none}.nav-row{top:calc(112px + var(--safe-top));right:var(--gutter)}.locale-select{max-width:76px;padding:0 6px}.game-select{min-width:72px}.level-picker{top:calc(168px + var(--safe-top));right:var(--gutter);scrollbar-width:none;flex-direction:row;align-items:center;overflow-x:auto}.level-title{display:none}.toast{top:calc(112px + var(--safe-top));max-width:calc(100% - 2 * var(--gutter));bottom:auto}.level{border-left-width:1px;border-bottom:2px solid var(--border-strong);flex:none}.level[aria-pressed=true]{border-bottom-color:var(--zone)}.breadcrumbs{font-size:12px}.info-panel{top:auto;left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + var(--safe-bottom));width:auto;max-height:46%}.layer-panel{bottom:calc(var(--gutter) + var(--safe-bottom));min-width:0;max-height:max(160px, calc(100% - 240px - var(--safe-top) - var(--safe-bottom)))}.info-panel:not([hidden])~.layer-panel{display:none}.area-view{top:calc(152px + var(--safe-top));grid-template-rows:minmax(120px,26%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}#app.area-mode .info-panel{max-height:32%}.area-head{flex-wrap:nowrap;gap:6px;padding:6px 8px}.level-tabs{flex:1}.area-hint,.area-gap span,.area-back-text{display:none}}@media (max-width:380px){.brand{display:none}}html:not(.js) #app{display:none}.seo{max-width:760px;padding:24px var(--gutter) 48px;margin:0 auto;line-height:1.6}.seo a{color:var(--accent)}html.js .seo{right:var(--gutter);z-index:20;width:min(480px, calc(100% - 2 * var(--gutter)));border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:0;font-size:13px;position:fixed;bottom:56px}.seo summary{cursor:pointer;padding:10px 14px}.seo-content{max-height:60dvh;padding:0 14px 16px;overflow:auto}html.js .seo-note{display:none}