.world-shell{--controls-w:260px;--inspector-w:288px;width:100%;height:calc(100vh - var(--site-header-height));height:calc(100dvh - var(--site-header-height));min-width:0;min-height:620px;display:grid;grid-template-rows:34px minmax(0,1fr) 160px;background:#050b14;position:relative;overflow:hidden}
.world-boundary{min-width:0;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line);background:#091321;color:#aab4c2;font:700 9px/1.1 "SFMono-Regular",Consolas,monospace;white-space:nowrap;overflow:hidden}.world-boundary span{flex:0 0 auto}.world-boundary .warning{color:#e2a5a0}.world-boundary b{margin-left:auto;color:var(--amber);font-weight:800}
.world-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:var(--controls-w) minmax(0,1fr) var(--inspector-w);overflow:hidden}
.world-panel{min-width:0;min-height:0;padding:14px 14px 18px;background:#0a1422;overflow:auto;scrollbar-width:thin}.controls-panel{grid-column:1;border-right:1px solid var(--line)}.inspector-panel{grid-column:3;border-left:1px solid var(--line)}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-heading h1,.panel-heading h2{margin:2px 0 0;font-size:15px;line-height:1.2}.kicker{display:block;color:var(--amber);font:800 9px/1.2 "SFMono-Regular",Consolas,monospace}.icon-button{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:3px;background:#0d1928;color:var(--muted);cursor:pointer}.icon-button:hover{color:var(--text);border-color:var(--teal)}.panel-close{display:block}
.display-authority{position:relative;display:grid;gap:8px;margin:12px 0 0;padding:10px 34px 10px 10px;border:1px solid var(--line);border-left:3px solid var(--teal);background:#0c1927}.display-authority div{display:grid;grid-template-columns:70px 1fr;gap:8px}.display-authority span{color:var(--muted);font-size:9px}.display-authority b{font:800 9px/1.3 "SFMono-Regular",Consolas,monospace}.info-button{position:absolute;right:7px;top:7px;width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:#0d1928;color:var(--teal);font:800 11px/1 sans-serif;cursor:help}
.control-section{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid rgba(38,56,78,.72)}.control-section label,.control-details summary,.timeline-control label{color:var(--muted);font:800 9px/1.2 "SFMono-Regular",Consolas,monospace}.control-section input,.control-section select,.detail-grid select{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:3px;background:#0d1928;color:var(--text);font-size:11px}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.segmented button{height:32px;padding:0 4px;border:1px solid var(--line);background:#0d1928;color:var(--muted);font-size:9px;font-weight:800;cursor:pointer}.segmented button.on{border-color:var(--amber);background:rgba(232,163,61,.12);color:var(--amber)}
.control-details{padding:11px 0;border-bottom:1px solid var(--line)}.control-details summary{cursor:pointer;list-style:none}.control-details summary::-webkit-details-marker{display:none}.control-details summary::after{content:"+";float:right;color:var(--teal)}.control-details[open] summary::after{content:"−"}.detail-grid{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:8px;margin-top:11px}.detail-grid label{color:var(--muted);font-size:9px}.detail-grid input{width:100%;accent-color:var(--teal)}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.toggle-grid label{color:#c6ced8;font-size:9px;font-weight:700}.toggle-grid input{accent-color:var(--teal)}
.lineage-block{display:grid;gap:4px;margin-top:13px;padding:10px;border-left:2px solid var(--teal);background:#0c1927;color:var(--muted);font:700 8px/1.45 "SFMono-Regular",Consolas,monospace}.lineage-block b{color:var(--teal)}
.map-stage{grid-column:2;min-width:0;min-height:0;position:relative;overflow:hidden;background:#050b14}.map{position:absolute;inset:0}.maplibregl-canvas{outline:none}.maplibregl-ctrl-group{border-radius:3px!important;background:#0a1422!important}.maplibregl-ctrl button{width:30px!important;height:30px!important}.maplibregl-ctrl-icon{filter:invert(1);opacity:.78}.maplibregl-ctrl-scale{border-color:#9eabb9!important;color:#c5ccd5!important;background:rgba(5,11,20,.72)!important;font-size:9px!important}
.map-toolbar{position:absolute;z-index:5;top:10px;left:10px;display:flex;gap:4px}.map-toolbar button,.panel-reopen{height:30px;padding:0 9px;border:1px solid #33465c;border-radius:3px;background:rgba(7,16,28,.9);color:#d8dee6;font:800 9px/1 "SFMono-Regular",Consolas,monospace;cursor:pointer}.map-toolbar button:hover,.panel-reopen:hover{border-color:var(--teal)}.map-toolbar button[aria-pressed="true"]{border-color:var(--amber);color:var(--amber)}
.panel-reopen{display:none;position:absolute;z-index:6;top:48px}.controls-reopen{left:10px}.inspector-reopen{right:10px}.world-shell.controls-hidden{--controls-w:0}.world-shell.inspector-hidden{--inspector-w:0}.world-shell.controls-hidden .controls-panel,.world-shell.inspector-hidden .inspector-panel{display:none}.world-shell.controls-hidden .controls-reopen,.world-shell.inspector-hidden .inspector-reopen{display:block}
.map-loading{position:absolute;z-index:5;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #33465c;border-radius:3px;background:rgba(7,16,28,.92);color:#d6dce5;font:800 9px/1 "SFMono-Regular",Consolas,monospace;pointer-events:none}.map-loading.ready{opacity:0;transition:opacity .2s}.map-loading i{width:7px;height:7px;background:var(--amber);animation:pulse 1s steps(2,end) infinite}.map-loading.ready i{background:var(--success);animation:none}@keyframes pulse{50%{opacity:.25}}
.map-message{position:absolute;z-index:7;left:50%;bottom:72px;max-width:420px;transform:translate(-50%,12px);padding:9px 12px;border:1px solid var(--error);border-radius:3px;background:#1a1016;color:#f1c3c3;font-size:11px;opacity:0;pointer-events:none;transition:.16s}.map-message.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.legend{position:absolute;z-index:4;right:10px;bottom:28px;width:210px;padding:9px;border:1px solid #304257;border-radius:3px;background:rgba(6,14,24,.9);font:800 8px/1.2 "SFMono-Regular",Consolas,monospace}.legend>div{display:flex;justify-content:space-between;gap:8px}.legend-ramp{height:7px!important;margin:7px 0;background:linear-gradient(90deg,#102b3b,#3fb8af,#e8a33d)}.legend span{color:var(--muted)}
.cell-identity{padding:12px 0;color:var(--teal);font:800 9px/1.4 "SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere}.fact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.fact-grid p{grid-column:1/-1;margin:0;padding:22px 10px;color:var(--muted);font-size:10px}.fact{min-width:0;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fact span{display:block;color:var(--muted);font-size:8px}.fact b{display:block;margin-top:3px;font:800 12px/1.2 "SFMono-Regular",Consolas,monospace;overflow-wrap:anywhere}.cell-chart{display:block;width:100%;height:88px;margin-top:12px}.provenance{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.provenance h3{margin:0 0 8px;color:var(--amber);font-size:9px}.provenance dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px;margin:0;font:700 8px/1.45 "SFMono-Regular",Consolas,monospace}.provenance dt{color:var(--muted)}.provenance dd{margin:0;overflow-wrap:anywhere}
.fact-grid .aggregate-note{padding:12px 10px;color:var(--text);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.inspector-action{grid-column:1/-1;min-height:38px;margin:10px;padding:8px 10px;border:1px solid var(--amber);border-radius:3px;background:rgba(232,163,61,.08);color:var(--amber);font-size:10px;font-weight:800;cursor:pointer}.inspector-action:hover,.inspector-action:focus-visible{background:rgba(232,163,61,.16);outline:2px solid rgba(232,163,61,.3);outline-offset:2px}
.world-timeline{min-width:0;display:grid;grid-template-columns:260px minmax(0,1fr) 288px;border-top:1px solid var(--line);background:#081220}.timeline-control{display:grid;grid-template-columns:1fr auto;align-content:start;gap:7px;padding:12px 14px;border-right:1px solid var(--line)}.timeline-control strong{font:800 17px/1 "SFMono-Regular",Consolas,monospace}.timeline-control>span{color:var(--teal);font:800 10px/1 "SFMono-Regular",Consolas,monospace}.playback-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.playback-buttons button{height:30px;border:1px solid var(--line);border-radius:3px;background:#0e1a2a;color:var(--text);cursor:pointer}.playback-buttons button[data-active="true"]{border-color:var(--amber);color:var(--amber)}.timeline-control select{height:28px;border:1px solid var(--line);border-radius:3px;background:#0d1928;color:var(--text);font-size:9px}.timeline-chart-wrap{min-width:0;min-height:0;position:relative;padding:10px 12px}.timeline-chart-wrap canvas{width:100%;height:112px;display:block}.timeline-chart-wrap>i{position:absolute;top:10px;bottom:26px;width:1px;background:#e7e8f6;pointer-events:none}.chart-key{position:absolute;left:16px;bottom:4px;display:flex;gap:12px;color:var(--muted);font:700 8px/1 "SFMono-Regular",Consolas,monospace}.chart-key span::before{content:"";display:inline-block;width:10px;height:2px;margin-right:4px;background:var(--teal);vertical-align:middle}.chart-key span:nth-child(2)::before{background:var(--amber)}.chart-key span:nth-child(3)::before{background:var(--error)}.timeline-status{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:5px 8px;margin:0;padding:12px 14px;border-left:1px solid var(--line);font:700 8px/1.35 "SFMono-Regular",Consolas,monospace}.timeline-status dt{color:var(--muted)}.timeline-status dd{margin:0;text-align:right;overflow-wrap:anywhere}
.world-focus .site-header{display:none}.world-focus .world-shell{height:100vh}.world-shell.is-focus{--controls-w:0;--inspector-w:0}.world-shell.is-focus .world-panel{display:none}.world-shell.is-focus .world-timeline{grid-template-columns:220px minmax(0,1fr) 220px}.world-shell.is-focus .panel-reopen{display:block}.world-shell.controls-open{--controls-w:260px}.world-shell.controls-open .controls-panel{display:block;padding:14px;border-right:1px solid var(--line);position:relative;z-index:8}.world-shell.inspector-open{--inspector-w:288px}.world-shell.inspector-open .inspector-panel{display:block;padding:14px;border-left:1px solid var(--line);position:relative;z-index:8}
.world-shell:fullscreen{height:100vh;grid-template-rows:28px minmax(0,1fr) 150px}.world-shell:fullscreen{--controls-w:0;--inspector-w:0}.world-shell:fullscreen.controls-open{--controls-w:260px}.world-shell:fullscreen.inspector-open{--inspector-w:288px}.world-shell:fullscreen .world-panel{display:none}.world-shell:fullscreen.controls-open .controls-panel{display:block;padding:14px}.world-shell:fullscreen.inspector-open .inspector-panel{display:block;padding:14px}.world-shell:fullscreen .world-timeline{grid-template-columns:220px minmax(0,1fr) 220px}.world-shell:fullscreen .panel-reopen{display:block}.world-shell:fullscreen .world-boundary{background:rgba(5,11,20,.9)}
@media(max-width:1180px){.world-shell{--controls-w:232px;--inspector-w:250px}.world-shell.controls-open{--controls-w:232px}.world-shell.inspector-open{--inspector-w:250px}.world-timeline{grid-template-columns:232px minmax(0,1fr) 250px}.legend{width:180px}}
@media(max-width:767px){.world-panel,.map-stage{grid-column:auto}.world-shell{min-height:540px;grid-template-rows:32px minmax(0,1fr) 146px}.world-boundary{gap:6px;padding-inline:10px}.world-boundary span:nth-of-type(n+2){display:none}.world-boundary b{overflow:hidden;text-overflow:ellipsis}.world-workspace{grid-template-columns:minmax(0,1fr)}.world-panel{display:none}.world-shell.controls-open .world-workspace,.world-shell.inspector-open .world-workspace{grid-template-columns:minmax(0,1fr)}.world-shell.controls-open .controls-panel,.world-shell.inspector-open .inspector-panel{display:block;position:absolute;top:32px;bottom:146px;z-index:12;width:min(300px,88vw);padding:14px;background:#0a1422;box-shadow:16px 0 36px rgba(0,0,0,.42)}.world-shell.controls-open .controls-panel{left:0;border-right:1px solid var(--line)}.world-shell.inspector-open .inspector-panel{right:0;border-left:1px solid var(--line);box-shadow:-16px 0 36px rgba(0,0,0,.42)}.world-shell.controls-open .panel-close,.world-shell.inspector-open .panel-close{display:block}.panel-reopen{display:block}.map-toolbar{top:8px}.controls-reopen{top:46px}.inspector-reopen{top:46px}.legend{right:8px;bottom:24px;width:150px}.map-message{bottom:86px;width:calc(100% - 32px)}.world-timeline{grid-template-columns:145px minmax(0,1fr)}.timeline-control{padding:10px;border-right:1px solid var(--line)}.timeline-control strong{font-size:13px}.timeline-control>span{font-size:8px}.playback-buttons button{height:26px;font-size:10px}.timeline-chart-wrap{padding:8px}.timeline-chart-wrap canvas{height:102px}.timeline-status{display:none}.chart-key{left:10px;gap:7px;font-size:7px}.world-focus .world-shell{height:100dvh}}
@media(max-height:740px){.world-shell{min-height:0;grid-template-rows:30px minmax(0,1fr) 132px}.world-timeline{grid-template-columns:240px minmax(0,1fr) 260px}.timeline-chart-wrap canvas{height:86px}.lineage-block{display:none}}
@media(max-width:767px) and (max-height:740px){.world-shell{grid-template-rows:30px minmax(0,1fr) 126px}.world-shell.controls-open .controls-panel,.world-shell.inspector-open .inspector-panel{top:30px;bottom:126px}.world-timeline{grid-template-columns:136px minmax(0,1fr)}.timeline-chart-wrap canvas{height:82px}}
@media(prefers-reduced-motion:reduce){.map-loading,.map-message{transition:none}}
.world-research-link{margin-top:4px;color:var(--teal);font:800 8px/1.4 "SFMono-Regular",Consolas,monospace;text-decoration:none}

/* WORLD utility dock — 旧人口timelineではなく、表示状態と活用の案内。 */
.world-utility-dock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);
  gap:0;border-top:1px solid var(--line);background:#0a1422;min-width:0;overflow:hidden}
.world-utility-dock .dock-block{min-width:0;padding:12px 16px;border-right:1px solid var(--line);overflow:auto}
.world-utility-dock .dock-block:last-child{border-right:0}
.world-utility-dock .eyebrow{margin:0 0 8px;color:var(--teal);font:800 9px/1.2 Inter,sans-serif;letter-spacing:.12em}
.world-utility-dock dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:12px}
.world-utility-dock dl div{display:contents}
.world-utility-dock dt{color:var(--muted);white-space:nowrap}
.world-utility-dock dd{margin:0;overflow-wrap:anywhere}
.world-utility-dock ol{margin:0;padding:0;list-style:none;display:grid;gap:5px;font-size:12px}
.world-utility-dock ol li{display:flex;justify-content:space-between;gap:10px;min-width:0;
  padding-bottom:5px;border-bottom:1px dashed var(--line)}
.world-utility-dock ol li:last-child{border-bottom:0}
.world-utility-dock ol li b{overflow-wrap:anywhere}
.world-utility-dock ol li span{color:var(--muted);white-space:nowrap}
.world-utility-dock #worldSpatialStatus span{color:var(--amber)}
.world-utility-dock .dock-use p{margin:0 0 8px;font-size:12px;color:var(--muted)}
.world-utility-dock .dock-links{display:flex;flex-wrap:wrap;gap:8px}
.world-utility-dock .dock-links a{padding:5px 10px;border:1px solid var(--line);border-radius:4px;
  text-decoration:none;font-size:12px;background:var(--panel)}
.world-utility-dock .dock-links a:hover{border-color:var(--teal)}
@media(max-width:767px){
  .world-shell{height:auto;min-height:0;grid-template-rows:32px minmax(420px,60vh) auto}
  .world-utility-dock{grid-template-columns:minmax(0,1fr)}
  .world-utility-dock .dock-block{border-right:0;border-bottom:1px solid var(--line);overflow:visible}
  .world-utility-dock .dock-block:last-child{border-bottom:0}
}