:root{color-scheme:light;--paper:#e8eee6;--ink:#233b33;--muted:#53695e;--line:#a5b5a9;--red:#a53f31;--pane:rgba(232,238,230,.95);font:16px/1.5 "Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}body.dark{color-scheme:dark;--paper:#0c1c20;--ink:#e3e5d5;--muted:#a2b5a9;--line:#3e5b55;--red:#e39a81;--pane:rgba(12,28,32,.95)}button,input,a{touch-action:manipulation}button{cursor:pointer;font:14px/1.4 system-ui,sans-serif;min-height:42px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:inherit}button:hover{border-color:var(--red);color:var(--red)}button:active{background:var(--line)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:3px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}small{font:12px/1.5 Consolas,monospace;color:var(--muted)}
.masthead{height:78px;flex:none;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:12px 26px;border-bottom:1px solid var(--line);z-index:5;background:var(--paper)}.brand{display:flex;flex-direction:column;gap:2px}.brand span{font-size:22px;letter-spacing:.12em}.brand small{font-size:11px}.masthead nav{display:flex;gap:6px}.masthead nav button{font-size:13px}.mode-tabs{display:flex;gap:20px}.mode-tabs button{border:0;border-bottom:2px solid transparent;padding:3px 17px;display:flex;flex-direction:column}.mode-tabs span{font:22px/1.2 serif;letter-spacing:.18em}.mode-tabs small{font-size:11px}.mode-tabs [aria-selected=true]{border-bottom-color:var(--red);color:var(--red)}
#workspace{position:relative;flex:1;min-height:0;overflow:hidden}#world,#world-labels{position:absolute;inset:0}#world{touch-action:none;cursor:grab}#world:active,#map:active{cursor:grabbing}#world canvas{display:block;width:100%;height:100%}#world-labels{pointer-events:none;overflow:hidden}.world-label{position:absolute;left:0;top:0;padding:5px 9px;min-height:36px;pointer-events:auto;display:flex;flex-direction:column;background:var(--pane);border:1px solid var(--line)}.world-label span{font:15px serif}.world-label small{font-size:11px}.world-label.selected{border-color:var(--red);color:var(--red)}.world-label.lower{border-style:dashed}.world-label[hidden]{display:none}
.left-rail{position:absolute;inset:0 auto 0 0;width:230px;padding:25px 22px 18px;z-index:2;overflow:auto;background:linear-gradient(90deg,var(--paper) 76%,transparent);scrollbar-width:thin}.atlas-heading{margin-bottom:22px}.seal{font:19px/1 serif;padding:5px;border:1px solid var(--red);color:var(--red);margin-right:8px}.atlas-heading h1{font-size:32px;font-weight:400;line-height:1.35;letter-spacing:.1em;margin:18px 0 4px}.atlas-heading p{font:11px/1.6 Consolas,monospace;color:var(--muted);margin:0}.place-heading,.event-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:0 0 5px}.place-heading h2,.event-heading h2{font:14px system-ui,sans-serif;letter-spacing:.1em;font-weight:500;margin:8px 0}#places{display:flex;flex-direction:column}.place-row{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;border:0;padding:8px 0;min-height:42px}.place-row span{font:16px serif}.place-row small{font-size:10px;text-align:right}.place-row.active{color:var(--red)}.place-row.active span:before{content:'·';padding-right:5px}.site-links{display:flex;flex-wrap:wrap;gap:12px;font:13px system-ui,sans-serif;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.layers{border:0;border-top:1px solid var(--line);margin:20px 0 0;padding:10px 0}.layers legend{font:13px system-ui,sans-serif;padding-right:10px}.layers label{display:flex;gap:8px;align-items:center;font:13px/2.3 system-ui,sans-serif;cursor:pointer}.layers input{accent-color:var(--red);width:15px;height:15px}
.field-caption{position:absolute;right:28px;top:28px;width:235px;padding:15px 18px 18px;background:var(--pane);border-top:1px solid var(--line)}#layer-status{font:12px system-ui,sans-serif;color:var(--muted)}.field-caption h2{font-size:32px;line-height:1.2;font-weight:400;margin:12px 0 5px}.field-caption p{font:15px/1.8 system-ui,sans-serif}.field-caption button{font-size:13px;padding:7px 10px;min-height:40px}.map-tools{position:absolute;z-index:3;right:26px;bottom:20px;display:flex;gap:5px}.map-tools button{background:var(--pane);font-size:13px}.map-tools #east{display:none}
#map-wrap{position:absolute;inset:0 310px 0 230px;display:none}#map{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.right-rail{display:none;position:absolute;inset:0 0 0 auto;width:310px;padding:22px 20px;background:var(--pane);border-left:1px solid var(--line);overflow:auto;scrollbar-width:thin}.record-heading{display:flex;flex-direction:column;font-size:23px;border-bottom:1px solid var(--line);padding-bottom:16px}.score{padding:16px 0 6px}.score>div{display:flex;gap:34px;margin:5px 0}.score>div span{display:flex;align-items:baseline;gap:12px}.score i{font-style:normal;font-size:14px}.score b{font:32px Consolas,monospace;font-weight:400}.score p{font:13px system-ui,sans-serif;color:var(--muted)}.score strong{font-weight:500}.hint{font:12px/1.5 system-ui,sans-serif;color:var(--muted);margin:8px 0}#circuit-state{font:13px/1.7 system-ui,sans-serif;color:var(--red);padding:7px 0;border-bottom:1px solid var(--line)}.event-row{width:100%;display:grid;grid-template-columns:42px 1fr 28px;gap:9px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:12px 0;font:13px/1.65 system-ui,sans-serif}.event-row time{font:12px/1.7 Consolas,monospace;color:var(--muted)}.event-row b{font:12px/1.7 Consolas,monospace;text-align:right}.event-row.future{color:var(--muted);border-bottom-style:dashed}.event-row.future time:before{content:"·"}.event-row.active{color:var(--red)}
[data-mode=strategy] #world,[data-mode=strategy] #world-labels,[data-mode=strategy] .field-caption{display:none}[data-mode=strategy] #map-wrap,[data-mode=strategy] .right-rail{display:block}[data-mode=strategy] .left-rail{background:var(--pane);border-right:1px solid var(--line)}[data-mode=strategy] .map-tools{right:330px}[data-mode=strategy] #east{display:block}#layer-toggle{display:none}
footer{flex:none;background:var(--paper);border-top:1px solid var(--line);padding:12px 28px 9px;z-index:4}.transport{display:flex;align-items:center;gap:28px;min-height:43px}.transport #play{border-color:var(--red);min-width:145px}.clock{display:flex;align-items:baseline;gap:10px}.clock strong{font:24px Consolas,monospace}.clock span{font:11px Consolas,monospace;color:var(--muted)}.duration{display:flex;gap:12px;font:12px Consolas,monospace;color:var(--muted)}#gesture{margin-left:auto;font:12px system-ui,sans-serif;color:var(--muted)}.timeline{display:block;margin:4px 0}.timeline input{width:100%;height:22px;display:block;margin:0;accent-color:var(--red)}#chapters{display:grid;grid-template-columns:repeat(5,1fr)}#chapters button{border:0;border-left:1px solid var(--line);display:flex;gap:18px;align-items:center;text-align:left;padding:3px 18px;min-height:38px}#chapters button:first-child{border:0;padding-left:0}#chapters span{font:20px serif}#chapters [aria-current=step]{color:var(--red)}#scene-note{font:11px/1.5 system-ui,sans-serif;color:var(--muted);margin:7px 0 0}
dialog{width:min(650px,calc(100vw - 32px));max-height:86dvh;overflow:auto;padding:38px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}dialog::backdrop{background:#07110caa}dialog .close{float:right;margin:-18px -18px 8px 16px}dialog h2{font-size:30px;line-height:1.45;font-weight:400;margin:25px 0 18px}dialog p{font:16px/1.95 system-ui,sans-serif}dialog a{border-bottom:1px solid var(--line)}#loading{position:absolute;inset:40% 20% auto;padding:25px;background:var(--pane);z-index:10;text-align:center}#loading[hidden]{display:none}#notice{position:absolute;bottom:12px;left:250px;max-width:50%;background:var(--pane);font:14px system-ui,sans-serif}#notice:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.immersive .left-rail,.immersive .right-rail,.immersive .field-caption,.immersive footer{display:none}.immersive #map-wrap{inset:0}.immersive .map-tools{right:25px}
@media(max-width:1100px){.masthead{gap:12px;padding:10px 16px}.brand small{display:none}.masthead nav button{font-size:12px;padding:7px 9px}.mode-tabs{gap:3px}.mode-tabs button{padding:3px 12px}.left-rail{width:200px;padding:18px 15px}.right-rail{width:270px;padding:18px 15px}#map-wrap{inset:0 270px 0 200px}[data-mode=strategy] .map-tools{right:283px;gap:2px}.atlas-heading h1{font-size:28px}.place-row small{display:none}#gesture{display:none}.transport{gap:20px}#chapters button{gap:9px;padding-left:13px}#chapters small{font-size:11px}.field-caption{right:18px;width:210px}}
@media(max-width:820px){.masthead{height:106px;flex-wrap:wrap;gap:4px 15px}.masthead .brand{flex:1}.brand span{font-size:19px}.masthead nav{width:100%;justify-content:flex-end}.mode-tabs span{font-size:18px}.mode-tabs small{display:none}.mode-tabs button{min-height:36px}.left-rail{width:155px;padding:16px 12px}.atlas-heading{margin-bottom:10px}.atlas-heading h1{font-size:23px;margin:13px 0 5px}.atlas-heading p,.atlas-heading>small{display:none}.place-row{min-height:37px}.place-row span{font-size:14px}.right-rail{width:226px;padding:13px 12px}.event-row{grid-template-columns:38px 1fr 23px;gap:5px;font-size:14px}#map-wrap{inset:0 226px 0 155px}[data-mode=strategy] .map-tools{right:239px;bottom:10px;flex-wrap:wrap;max-width:180px}.map-tools button{min-height:37px;padding:6px 8px;font-size:12px}.field-caption{width:185px;padding:13px;top:20px}.field-caption h2{font-size:26px}.field-caption p{font-size:14px}.field-caption button{font-size:12px}footer{padding:10px 16px}.transport{gap:14px}.clock small{display:none}.clock strong{font-size:21px}.duration{font-size:11px}.duration small{display:none}#chapters button{display:block;padding:3px 10px;min-height:45px}#chapters small{display:block;font-size:10px}#chapters span{font-size:18px}#scene-note{font-size:10px}}
@media(max-width:700px){#layer-toggle{display:block}#layer-dialog .layers{display:block}#layer-dialog label{font-size:16px;min-height:44px}.masthead{height:104px;padding:8px 13px}.masthead nav button{min-height:34px;padding:6px 9px}.left-rail{top:auto;bottom:0;left:0;right:0;width:auto;height:57px;padding:8px 12px;background:var(--pane)!important;border-top:1px solid var(--line);overflow:auto}.atlas-heading,.place-heading,.left-rail .layers,.site-links{display:none}#places{flex-direction:row;gap:14px;min-width:max-content}.place-row{padding:4px;min-height:38px}.field-caption{top:12px;left:14px;right:auto;width:170px;padding:10px 12px}.field-caption h2{font-size:25px;margin:7px 0 4px}.field-caption p{font-size:13px;margin:9px 0}.field-caption button{font-size:13px;min-height:38px}.world-label{padding:3px 6px;min-height:29px}.world-label small{display:none}.world-label span{font-size:14px}.map-tools{right:12px;bottom:72px;max-width:175px;flex-wrap:wrap;justify-content:flex-end}.map-tools button{font-size:11px;min-height:36px}.right-rail{width:100%;height:155px;top:auto;bottom:57px;padding:9px 13px;border-top:1px solid var(--line)}.record-heading{font-size:16px;padding-bottom:5px;flex-direction:row;justify-content:space-between}.record-heading small{font-size:10px}.score{padding:5px 0;display:flex;align-items:center;gap:15px}.score>div{margin:0;gap:16px}.score b{font-size:20px}.score p{font-size:10px;margin:0}.score>small{display:none}.score i{font-size:12px}#circuit-state,.event-heading,.hint{display:none}.event-row{grid-template-columns:40px 1fr 25px;font-size:14px;padding:7px 0;min-height:34px}#map-wrap{inset:0 0 212px!important}[data-mode=strategy] .map-tools{right:12px;bottom:225px;max-width:180px}.immersive #map-wrap{inset:0!important}.immersive .map-tools{bottom:12px}footer{padding:9px 12px}.transport{gap:12px;justify-content:space-between}.transport #play{min-width:114px;font-size:12px;padding:7px}.clock{gap:4px}.clock strong{font-size:20px}.clock span{font-size:9px}.duration{font-size:10px}#chapters button{padding:3px 7px}#chapters small{font-size:9px}#chapters span{font-size:16px}#scene-note{font-size:10px;line-height:1.4}dialog{padding:30px 22px}dialog h2{font-size:24px}}
@media(max-height:760px) and (min-width:541px){.masthead{height:60px}.left-rail{padding-top:13px}.atlas-heading{margin-bottom:8px}.atlas-heading h1{font-size:25px;margin:9px 0 2px}.place-row{min-height:32px;padding:4px 0}.layers{margin-top:10px}.layers label{line-height:1.9}.site-links{margin-top:10px;padding-top:8px}footer{padding-top:7px}.transport{min-height:36px}#scene-note{margin-top:3px}}