:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:#05070c;color:#dfe6f2}.app{display:flex;flex-direction:column;height:100vh}.disclaimer{background:#2a1f10;color:#ffe0b0;font-size:12.5px;line-height:1.5;padding:7px 14px;border-bottom:1px solid #6a5018}.disclaimer b{color:#ffcf87}.hdr{display:flex;align-items:baseline;gap:14px;padding:10px 16px;border-bottom:1px solid #1a2030;flex-wrap:wrap}.hdr h1{font-size:20px;margin:0;color:#ffb454;letter-spacing:.5px}.hdr .sub{font-size:13px;color:#9fb0c8}.hdr .sub b{color:#cfe4ff}.hdr .twin{color:#7fd0ff;font-size:11px;border:1px solid #2f5478;border-radius:10px;padding:1px 7px;margin-left:6px}.viewtabs{display:flex;gap:6px;margin-left:auto}.viewtabs button{padding:6px 12px;font-size:12.5px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.viewtabs button.on{background:#33240f;border-color:#b47a2f;color:#ffdca8}.body{display:flex;flex:1;min-height:0}.panel{width:300px;flex-shrink:0;overflow-y:auto;padding:14px;background:#0a0e16;border-right:1px solid #1a2030}.grp-title{font-size:12px;color:#6f82a0;text-transform:uppercase;letter-spacing:1px;margin:14px 0 7px}.grp-title:first-child{margin-top:0}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{flex:1 1 46%;padding:8px 6px;font-size:12px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.presets button.on{background:#33240f;border-color:#b47a2f;color:#ffdca8}.presets button:hover{border-color:#b47a2f}.seg{display:flex;gap:6px}.seg button{flex:1;padding:8px 6px;font-size:12px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.seg button.on{background:#33240f;border-color:#b47a2f;color:#ffdca8}.sl{display:block;font-size:12.5px;color:#aab8d0;margin:12px 0 4px}.sl b{float:right;color:#cfe4ff;font-weight:600}.sl input{width:100%;margin-top:6px;accent-color:#b47a2f}.metrics{margin-top:14px;border-top:1px solid #1a2030;padding-top:10px}.metrics div{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0}.metrics span{color:#8fa0bc}.metrics b{color:#cfe4ff}.metrics b.bad{color:#ff8a8a}.note{margin-top:14px;font-size:12px;line-height:1.6;color:#9aabc4}.note b{color:#cfe4ff}.stage{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}.mapcanvas{width:min(100%,620px);aspect-ratio:1;background:#070c14;border:1px solid #1a2740;border-radius:8px}.busy{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;background:#131a28cc;color:#cfe4ff;font-size:12px;padding:4px 12px;border-radius:12px;border:1px solid #263248}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#8fa0bc}.legend span{display:flex;align-items:center;gap:4px}.legend i{display:inline-block;width:10px;height:10px}.legend i.st{background:#38d9a9;clip-path:polygon(50% 0,100% 100%,0 100%)}.legend i.tr{background:#7fd0ff;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.legend i.lsq{background:#ffd166;border-radius:50%}.legend i.tri{background:#7fe0b0}.legend i.el{border:1px solid #ffd166;border-radius:50%}.legend i.ci{border:1px dashed #ffa94d;border-radius:50%}.legend i.rec{background:#38d9a9}.legend i.gnd{background:#5a6577}.legend i.pm{background:#7fd0ff}.legend i.sm{background:#ff6b6b}.legend i.fm{background:#ffa94d}.seiswrap{width:100%;height:100%;overflow-y:auto}.seiscanvas{width:100%;background:#070c14;border:1px solid #1a2740;border-radius:8px;display:block}.plots{width:300px;flex-shrink:0;overflow-y:auto;padding:14px;background:#0a0e16;border-left:1px solid #1a2030}.plot-cap{font-size:12px;color:#7f92b4;margin-bottom:6px}.arrcanvas{width:100%;background:#070c14;border:1px solid #1a2740;border-radius:8px}.hint{font-size:11px;color:#7a8aa4;margin-top:6px;line-height:1.5}.ftr{font-size:11px;color:#7386a0;padding:7px 14px;border-top:1px solid #1a2030;line-height:1.5}.ftr b{color:#9fb4d0}.wfwrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.wfctrl{display:flex;align-items:center;gap:10px;width:min(100%,620px)}.wfctrl input[type=range]{flex:1;accent-color:#ffa94d}.wfctrl .playbtn{background:#33240f;color:#ffdca8;border:1px solid #b47a2f;border-radius:6px;width:34px;height:30px;font-size:14px;cursor:pointer}.wfctrl .wft{font-size:12px;color:#cfe4ff;white-space:nowrap}.wfstat{font-size:11.5px;color:#8fa0bc;width:min(100%,620px);line-height:1.5}.wfstat+*{margin-top:0}.mllist{margin-top:8px;display:flex;flex-direction:column;gap:3px}.mlrow{display:flex;align-items:center;gap:6px;font-size:11.5px}.mlrow span{width:42px;color:#8fa0bc}.mlrow em{flex:1;color:#6b7690;font-style:normal}.mlrow b{color:#ffdca8;width:54px;text-align:right}.mlrow i{width:16px;height:16px;border-radius:3px;color:#0a0e16;font-size:10px;font-weight:700;text-align:center;line-height:16px;font-style:normal}.shindo-legend{display:flex;gap:2px}.shindo-legend span{flex:1;text-align:center;font-size:11px;font-weight:700;color:#0a0e16;padding:3px 0;border-radius:3px}.raywrap{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.ray-cap{font-size:11.5px;color:#7f92b4;line-height:1.5}.ray-cap b{color:#cfe4ff}.raycanvas{width:100%;background:#070c14;border:1px solid #1a2740;border-radius:8px;display:block}.realwrap{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.realcanvas{width:100%;background:#070c14;border:1px solid #1a2740;border-radius:8px;display:block;cursor:crosshair}.real-hover{font-size:12px;color:#cfe4ff;min-height:34px;line-height:1.5;background:#0a1120;border:1px solid #1a2740;border-radius:6px;padding:6px 10px}.real-hover em{color:#7f92b4;font-style:normal}.real-hover span{color:#8fa0bc}.real-hover b{color:#ffdca8}.real-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:#8fa0bc}.real-legend i{width:30px;height:14px;border-radius:3px;color:#0a0e16;font-size:9px;font-weight:700;text-align:center;line-height:14px}.real-legend .rl-km{margin-left:2px}.real-stats{display:flex;flex-direction:column;gap:3px}.rs-head{font-size:11.5px;color:#7f92b4;margin-bottom:2px}.rs-row{display:flex;align-items:center;gap:8px;font-size:11.5px}.rs-row b{width:46px}.rs-row em{width:46px;color:#6b7690;font-style:normal;text-align:right}.rs-row span{flex:1;color:#9fb4d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}