*{box-sizing:border-box;margin:0;padding:0}.app{--ink:#eaf2f7;--ink-dim:#9fb3c2;--chip:#040e1a9e;--line:#b4d2e640;--accent:#6ab8e8;--accent-contrast:#04101e;--body-bg:#04101e;--topbar-bg:#030a14e6;--panel:#040d19f5;--panel-solid:#071626;--panel-ink:#eaf2f7;--panel-dim:#9fb3c2;--wall:#ffd682;--wall-note:#ffe0aabf;--wall-line:#ffd6828c;--intro-ink:#0b2a3d;--glow:#ffffff40;--sea-grad:linear-gradient(to bottom, #b8dce8 0%, #7ab5cf 4%, #3f7fa3 10%, #23577c 20%, #14395c 32%, #0b2440 46%, #061630 60%, #030b1d 74%, #01050f 88%, #000208 100%);--ki-grad:radial-gradient(ellipse at 50% 110%, #0d2b3f 0%, #071a2e 45%, #04101e 100%);--title-font:inherit}.app.theme-b{--ink:#e6f5ef;--ink-dim:#8fb0a5;--chip:#000a06b8;--line:#78dcbe47;--accent:#52e0c4;--accent-contrast:#01110c;--body-bg:#000302;--topbar-bg:#000402eb;--panel:#010805f5;--panel-solid:#030f0a;--panel-ink:#e6f5ef;--panel-dim:#8fb0a5;--wall:#ff9d5c;--wall-note:#ffb482cc;--wall-line:#ff9d5c80;--intro-ink:#bfe8da;--glow:#78ffd266;--sea-grad:linear-gradient(to bottom, #0d1a16 0%, #06100c 6%, #020806 14%, #000302 26%, #000302 100%);--ki-grad:radial-gradient(ellipse at 50% 110%, #061410 0%, #020806 50%, #000302 100%);--title-font:inherit}.app.theme-c{--ink:#f4ecd9;--ink-dim:#c4b494;--chip:#2e2212b8;--line:#8c6f3a66;--accent:#b8542f;--accent-contrast:#f7f1e3;--body-bg:#241a10;--topbar-bg:#261c0ff0;--panel:#2b2012f7;--panel-solid:#2e2312;--panel-ink:#f4ecd9;--panel-dim:#c4b494;--wall:#d9a441;--wall-note:#d9b264d9;--wall-line:#be964699;--intro-ink:#4a3a1e;--glow:#ffe6aa4d;--sea-grad:linear-gradient(to bottom, #f3ecd9 0%, #e6d8b8 6%, #cbb387 14%, #a98f5e 24%, #83683c 36%, #5f4826 50%, #443119 64%, #302112 78%, #241708 90%, #1a0f04 100%);--ki-grad:radial-gradient(ellipse at 50% 110%, #3a2b16 0%, #2b2010 50%, #241a10 100%);--title-font:"Hiragino Mincho ProN", "Yu Mincho", serif}html,body,#root{height:100%}body{color:#eaf2f7;background:#04101e;font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif;overflow:hidden}.app{background:var(--body-bg);height:100%;color:var(--ink);flex-direction:column;display:flex}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--line);z-index:30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{flex-direction:column;display:flex}.brand-name{letter-spacing:.12em;font-size:18px;font-weight:800;font-family:var(--title-font)}.brand-sub{color:var(--ink-dim);font-size:11px}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rooms{gap:4px;display:flex}.room-btn,.about-btn,.zbtn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:12px}.room-btn.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.legend{font-size:12px;position:relative}.legend summary{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:6px 10px;list-style:none}.legend summary::-webkit-details-marker{display:none}.legend-body{background:var(--panel);border:1px solid var(--line);z-index:40;border-radius:10px;flex-direction:column;gap:8px;width:300px;padding:12px;display:flex;position:absolute;top:36px;right:0}.lg-row{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lg-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.lg-wall{letter-spacing:.1em;color:var(--wall)}.sea-scroll{overflow-anchor:none;touch-action:pan-y;flex:1;position:relative;overflow:hidden auto}.sea{background:var(--sea-grad);width:100%;position:relative}.sea-intro{text-align:center;color:var(--intro-ink);padding:0 16px;position:absolute;top:28px;left:0;right:0}.sea-intro h1{letter-spacing:.06em;font-size:22px;font-family:var(--title-font)}.sea-intro p{margin-top:6px;font-size:13px}.tick{border-top:1px solid var(--line);opacity:.45;position:absolute;left:0;right:0}.tick-label{color:var(--ink-dim);background:var(--chip);opacity:1;border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:-9px;left:10px}.stratum{writing-mode:vertical-rl;letter-spacing:.35em;color:var(--ink-dim);opacity:.75;pointer-events:none;font-size:13px;font-family:var(--title-font);position:absolute;right:14px;transform:translateY(-50%)}.wall{border-top:2px dashed var(--wall-line);padding:6px 0 0 90px;position:absolute;left:0;right:0}.wall-name{color:var(--wall);font-size:13px;font-weight:700;font-family:var(--title-font)}.wall-note{color:var(--wall-note);max-width:620px;margin-top:2px;font-size:11px}.node{cursor:pointer;color:var(--ink);z-index:5;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-dot{width:14px;height:14px;box-shadow:0 0 10px 2px var(--glow);border-radius:50%}.node-dot.bottom{width:8px;height:8px;box-shadow:0 0 18px 4px #ffffffb3}.node-img{object-fit:cover;width:64px;height:64px;box-shadow:0 0 14px 2px var(--glow);background:#10181f;border:2px solid;border-radius:50%}.node-label{background:var(--chip);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.node-label em{color:var(--ink-dim);font-size:10px;font-style:normal}.node.selected .node-label{outline:1.5px solid var(--accent)}.node:hover .node-dot{box-shadow:0 0 14px 4px var(--glow)}.node-glyph{width:38px;height:38px;filter:drop-shadow(0 0 6px var(--glow));pointer-events:none}.sea.zoomed-out .node-label{padding:1px 6px;font-size:10px}.sea.zoomed-out .node-label em{display:none}.sea.zoomed-out .node-img{width:40px;height:40px}.sea.zoomed-out .node-glyph{width:24px;height:24px}.sea.zoomed-out .wall-note,.sea.zoomed-out .sea-intro p,.sea.overview .node-label{display:none}.sea.overview .node-glyph{width:9px;height:9px}.sea.overview .node-img{border-width:1px;width:11px;height:11px}.sea.overview .node-dot{width:8px;height:8px}.sea.overview .tick-label{display:none}.sea.overview .stratum{letter-spacing:.12em;font-size:11px}.sea.overview .wall{padding:2px 0 0 16px}.sea.overview .wall-name{font-size:11px}.sea.overview .sea-intro,.sea.overview .sea-bottom{display:none}.sea.overview .node{cursor:zoom-in}.sea-bottom{text-align:center;color:var(--ink);position:absolute;bottom:60px;left:0;right:0}.sea-bottom p{letter-spacing:.15em;font-size:15px;font-family:var(--title-font)}.sea-bottom-sub{color:var(--ink-dim);margin-top:8px;font-size:12px}.hud{z-index:25;background:var(--chip);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;display:flex;position:fixed;bottom:14px;left:14px}.hud-depth{font-size:15px;font-weight:700}.hud-stratum{color:var(--ink-dim);font-size:11px}.rail{z-index:25;border-left:2px solid var(--line);width:14px;height:62vh;position:fixed;top:15%;right:6px}.rail-wall{background:var(--wall);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;position:absolute;left:-6px;transform:translateY(-50%)}.rail-here{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px 2px var(--glow);border-radius:50%;position:absolute;left:-5px;transform:translateY(-50%)}.card{z-index:35;background:var(--panel);border:1px solid var(--line);width:min(340px,100vw - 40px);max-height:calc(100vh - 160px);color:var(--panel-ink);border-radius:14px;padding:16px;position:fixed;top:70px;right:26px;overflow-y:auto}.card-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:10px}.card-kind{letter-spacing:.1em;font-size:11px}.card-title{font-size:19px;font-weight:800;font-family:var(--title-font);margin-top:4px}.card-sci{color:var(--panel-dim);font-size:11px;font-style:italic;font-weight:400;display:block}.card-size{margin-top:6px;font-size:13px}.card-fig{margin-top:10px}.card-fig-glyph{text-align:center;background:#ffffff0b;border-radius:10px;padding:12px 10px 8px}.card-glyph{width:108px;height:108px;filter:drop-shadow(0 0 10px var(--glow));margin:0 auto;display:block}.card-fig img{border-radius:10px;width:100%;display:block}.card-fig figcaption{color:var(--panel-dim);margin-top:4px;font-size:10px}.mono-btn{border:1px solid var(--line);color:var(--panel-ink);cursor:pointer;background:0 0;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:11px}.shot-badge{border-radius:999px;margin-top:10px;padding:3px 10px;font-size:11px;display:inline-block}.shot-photo{color:#9fe0b5;background:#6ec88c2e}.shot-render{color:#a8cdf0;background:#6eaae62e}.shot-imagined{color:#d3b8ec;background:#be96e62e}.app.theme-c .shot-photo{color:#cfe0a8;background:#5a823c40}.app.theme-c .shot-render{color:#b8d0e8;background:#466ea040}.app.theme-c .shot-imagined{color:#dcc0e8;background:#9664aa40}.shot-badge span{color:var(--panel-dim)}.card-note{margin-top:10px;font-size:13px;line-height:1.7}.tenbin-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;margin-top:12px;padding:6px 12px;font-size:12px}.tenbin-bar{z-index:30;background:var(--panel);border:1px solid var(--line);width:min(560px,100vw - 180px);color:var(--panel-ink);border-radius:14px;padding:10px 44px 10px 16px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.tenbin-main{font-size:13px}.tenbin-tatoe{color:var(--panel-dim);margin-top:4px;font-size:12px;line-height:1.6}.tenbin-clear{border:1px solid var(--line);color:var(--panel-dim);cursor:pointer;background:0 0;border-radius:999px;padding:3px 8px;font-size:11px;position:absolute;top:10px;right:10px}.ki-scroll{background:var(--ki-grad);flex:1;overflow:auto}.ki{width:100%;min-width:860px;height:auto;max-height:calc(100vh - 60px);margin:0 auto;display:block}.ki-root{fill:var(--ink);letter-spacing:.1em;font-size:15px;font-weight:700}.ki-root-sub{fill:var(--ink-dim);font-size:11px}.ki-trunk{letter-spacing:.15em;font-size:15px;font-weight:800}.ki-trunk-en{fill:var(--ink-dim);letter-spacing:.1em;font-size:10px}.ki-branch{fill:var(--ink-dim);letter-spacing:.08em;font-size:12px}.ki-leaf{cursor:pointer}.ki-dot{filter:drop-shadow(0 0 5px var(--glow))}.ki-name{fill:var(--ink);font-size:12px}.ki-name.on{font-weight:800}.ki-setsu{fill:var(--wall);font-size:10px}.ki-kyosei{fill:#c0dd5a;opacity:.85;font-size:10px}.ki-you{fill:var(--ink-dim);font-size:11px;font-style:italic}.ki-misaki-name{fill:#f0a8c4;font-size:13px;font-weight:700}.ki-misaki-note{color:#f0bed2bf;margin:0;font-size:10px;line-height:1.5}.hint{z-index:20;background:var(--chip);border:1px solid var(--line);color:var(--ink-dim);pointer-events:none;white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:12px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.about-veil{z-index:50;background:#01040ad1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.about{background:var(--panel-solid);border:1px solid var(--line);width:min(640px,100%);max-height:86vh;color:var(--panel-ink);border-radius:16px;padding:32px;position:relative;overflow-y:auto}.about-head{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.about-big{letter-spacing:.2em;font-size:26px;font-weight:800;font-family:var(--title-font)}.about-sub{color:var(--panel-dim);font-size:12px}.dedication{color:var(--panel-ink);border-left:3px solid var(--accent);margin:18px 0 8px;padding-left:14px;font-size:13px;line-height:2.1}.about h3{letter-spacing:.08em;color:var(--accent);font-size:14px;font-family:var(--title-font);margin-top:26px}.about p,.about li{color:var(--panel-ink);margin-top:10px;font-size:13px;line-height:2}.about .muted{color:var(--panel-dim)}.promises{margin-top:4px;list-style:none}.promises li{gap:10px;display:flex}.promises li span:first-child{color:var(--accent)}.series{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;list-style:none}.series li{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:6px;font-size:12px;display:flex}.series-no{color:var(--panel-dim);font-size:11px}.series a{color:var(--accent)}.series-name{font-weight:700}.series-here{background:var(--accent);color:var(--accent-contrast);border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.series-sub{color:var(--panel-dim);font-size:11px}.about a{color:var(--accent)}.theme-picker{z-index:45;background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:fixed;bottom:14px;right:14px}.theme-picker span{color:var(--panel-dim);font-size:10px}.theme-btn{border:1px solid var(--line);color:var(--panel-ink);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:11px}.theme-btn.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}@media (width<=640px){.brand-sub{display:none}.legend-body{width:auto;max-height:50dvh;position:fixed;inset:auto 26px 46px 10px;overflow-y:auto}:is(.app:has(details.legend[open]) .hud,.app:has(details.legend[open]) .theme-picker,.app:has(details.legend[open]) .hint){display:none}.hint{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;text-align:center;border:0;border-top:1px solid var(--line);border-radius:0;padding:7px 12px;bottom:0;left:0;right:0;overflow-x:auto;transform:none}.hint::-webkit-scrollbar{display:none}.card{width:auto;max-height:60vh;inset:auto 10px 10px}.tenbin-bar{width:calc(100vw - 24px);top:64px;bottom:auto}.stratum{right:22px}.theme-picker{z-index:20;bottom:108px;right:26px}.sea-intro{padding:0 28px}.hud{bottom:46px}}