.setup-intro{margin:0 0 6px;font-size:13px;line-height:1.6}.shape-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:13px}.shape-card strong{font-size:15px}.shape-card div{color:var(--muted);font-size:12px}.shape-card.empty{border-style:dashed;border-color:#2457d673}.shape-card.empty strong{font-size:14px}.shape-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.map-area{position:absolute;inset:0}.map2d{background:#e8ecef;position:absolute;inset:0}.map-tools{z-index:5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.map-tools .seg{box-shadow:0 4px 14px #1423372e}.draw-bar{z-index:5;background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:10px 12px 10px 16px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1423374d}.draw-bar p{margin:0;font-size:13px;line-height:1.5}.draw-actions{gap:6px;display:flex}.draw-actions button{color:#fff;white-space:nowrap;background:0 0;border:1px solid #ffffff59;border-radius:8px;padding:7px 10px;font-size:13px}.draw-actions button.primary{background:var(--amber);border-color:var(--amber);color:#1b2a3a;font-weight:700}.draw-actions button:disabled{opacity:.4;cursor:not-allowed}.credits{z-index:5;color:#333;white-space:nowrap;text-overflow:ellipsis;background:#fffc;border-radius:6px;max-width:60%;padding:2px 8px;font-size:11px;position:absolute;bottom:6px;right:8px;overflow:hidden}.credits strong{margin-right:6px;font-weight:700}@media (width<=720px){.map-tools{flex-direction:row;top:8px;right:8px}.draw-bar{flex-direction:column;align-items:stretch;gap:8px;top:56px;bottom:auto}.credits{max-width:40%;inset:8px auto auto 8px}}.sim-view{position:absolute;inset:0;overflow:hidden}.map3d{transition:background .6s;position:absolute;inset:0}.mini-back{pointer-events:none;background:#f3f5f1f0;position:absolute}.mini-frame{z-index:7;pointer-events:none;border:1px solid #1b2a3a47;position:absolute;box-shadow:0 6px 18px #14233729}.mini-frame span{color:var(--ink);background:#ffffffe0;border-radius:6px;padding:1px 7px;font-size:11px;position:absolute}.mini-frame .mini-title{font-weight:700;top:6px;left:6px}.mini-frame .mini-north{color:var(--muted);top:6px;right:6px}.mini-frame .mini-heading{color:#8a4b05;background:#fff4e4f0;font-weight:700;bottom:6px;left:6px}.mini-frame .mini-credit{color:#444;padding:0 4px;font-size:9px;bottom:6px;right:4px}.sim-target{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:8px 0 0;font-size:12px;overflow:hidden}.fine-print{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:12px 0 14px;font-size:11px;line-height:1.6}.panel-foot .duo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.floor-block{align-items:center;gap:14px;display:flex}.gauge{cursor:pointer;border:1.5px solid var(--cobalt);background:repeating-linear-gradient(0deg,#2457d638 0 1px,#0000 1px 6px),#2457d61a;border-radius:3px 3px 0 0;flex:none;width:22px;height:84px;position:relative}.gauge:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-2px;left:-8px;right:-8px}.gauge-mark{background:var(--amber);border-radius:2px;height:5px;position:absolute;left:-5px;right:-5px;transform:translateY(50%);box-shadow:0 0 0 1.5px #fff}.floor-readout{flex:1;min-width:0}.floor-num{align-items:baseline;gap:2px;display:flex}.floor-input input{width:2.7em;font:inherit;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);border:0;border-bottom:2px solid var(--line);appearance:textfield;background:0 0;border-radius:0;padding:0 2px;font-size:42px;font-weight:700;line-height:1.05}.floor-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.floor-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.floor-input input:focus{border-bottom-color:var(--cobalt);box-shadow:none;outline:none}.floor-num .unit{font-size:18px;font-weight:700}.floor-sub{color:var(--muted);white-space:pre-line;margin-top:6px;font-size:12px;line-height:1.5}.sim-panel .steppers{flex-direction:column;gap:6px;display:flex}.sim-panel .steppers button{border:1px solid var(--line);background:var(--field);width:40px;height:36px;color:var(--ink);border-radius:10px;font-size:13px}.sim-panel .steppers button:hover{border-color:var(--cobalt)}.sim-panel>.group input[type=range]{width:100%;accent-color:var(--cobalt);margin:12px 0 0}.sim-panel .slider input[type=range]{margin-top:2px}.sim-panel .compass{grid-template-columns:repeat(3,1fr);gap:6px;max-width:228px;margin:0 auto;display:grid}.sim-panel .compass button{border:1px solid var(--line);background:var(--field);height:40px;color:var(--ink);border-radius:20px}.sim-panel .compass button:hover{border-color:var(--cobalt)}.sim-panel .compass button[aria-pressed=true]{background:var(--cobalt);border-color:var(--cobalt);color:#fff;font-weight:700}.sim-panel .compass .center{color:var(--cobalt-deep);justify-content:center;align-items:center;font-size:11px;display:flex}.sim-panel .compass .center span{border:1.5px solid var(--cobalt);background:#2457d629;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.crab{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:14px;display:grid}.crab button{border:1px solid var(--cobalt);background:var(--field);height:40px;color:var(--cobalt-deep);border-radius:10px;font-size:14px;font-weight:700}.crab button:hover{background:#2457d614}.crab button:disabled{border-color:var(--line);color:var(--muted);opacity:.6;cursor:not-allowed;background:var(--field)}.crab output{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5em;font-weight:700}.crab-sub{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:8px;margin-top:6px;font-size:11px;line-height:1.5;display:flex}.seg-label{color:var(--muted);margin:0 0 4px;font-size:12px}.seg+.seg-label{margin-top:10px}.sun-info{border-left:3px solid var(--amber);white-space:pre-line;background:#e8962a1a;border-radius:8px;margin:10px 0 8px;padding:8px 10px;font-size:12px;line-height:1.6}.quality{z-index:10;background:var(--paper);border:1px solid #1b2a3a24;border-radius:14px;width:236px;padding:6px;position:absolute;top:16px;right:16px;box-shadow:0 6px 20px #1423372e}.quality .seg{border-radius:9px}.quality p{color:var(--muted);margin:6px 4px 2px;font-size:11px;line-height:1.5}.hud{z-index:9;background:var(--paper);border:1px solid #1b2a3a24;border-radius:28px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #1423372e}.hud svg{flex:none;width:38px;height:38px}.hud .needle{transform-origin:20px 20px;transform-box:view-box}.hud-text{min-width:0}.hud-main{font-size:15px;font-weight:700;line-height:1.35}.hud-sub{color:var(--muted);font-size:12px;line-height:1.4}.hud-steps{border-left:1px solid var(--line);gap:4px;margin-left:4px;padding-left:12px;display:flex}.hud-steps button{border:1px solid var(--line);background:var(--field);width:34px;height:34px;color:var(--ink);border-radius:50%;font-size:12px}.hud-steps button:hover{border-color:var(--cobalt)}.loading{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;background:#e2e8ee9e;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.loading.show{opacity:1;visibility:visible}.loading-card{background:var(--paper);border:1px solid #1b2a3a1f;border-radius:14px;align-items:center;gap:14px;min-width:290px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #1423372e}.loading-text{flex:1;min-width:0}.loading-title{font-size:14px;font-weight:700}.loading-sub{color:var(--muted);margin-top:2px;font-size:12px}.loading-bar{background:var(--line);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.loading-bar span{background:var(--cobalt);height:100%;transition:width .3s;display:block}.spinner{border:3px solid #2457d633;border-top-color:var(--cobalt);border-radius:50%;flex:none;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sim-credits{z-index:9;color:#333;white-space:nowrap;text-overflow:ellipsis;background:#fffc;border-radius:6px;max-width:60%;padding:2px 8px;font-size:11px;position:absolute;bottom:6px;right:8px;overflow:hidden}.sim-credits strong{margin-right:6px;font-weight:700}@media (width<=720px){.hud{gap:8px;width:auto;max-width:none;padding:8px 10px;inset:8px 8px auto;transform:none}.hud svg{width:30px;height:30px}.hud-main{font-size:13px}.hud-sub{display:none}.hud-steps button{width:30px;height:30px}.quality{width:168px;top:74px;left:8px;right:auto}.quality p{display:none}.sim-credits{max-width:60%;top:214px;bottom:auto;right:8px}}@media (prefers-reduced-motion:reduce){.map3d,.loading{transition:none}.spinner{animation-duration:2.4s}}:root{--bar-h:56px;--ink:#1b2a3a;--muted:#5f6c7b;--line:#d3d9e0;--paper:#f8f9f7f2;--paper-solid:#f7f8f6;--field:#fff;--cobalt:#2457d6;--cobalt-deep:#173c9e;--amber:#e8962a;--danger:#b3261e;color:var(--ink);font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:14px;line-height:1.6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#e9eef3;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[role=tab]:focus-visible{outline-offset:2px;outline:3px solid #2457d673}[hidden]{display:none!important}.stage-wrap{position:fixed;inset:0}.stage{visibility:hidden;pointer-events:none;position:absolute;inset:0}.stage.active{visibility:visible;pointer-events:auto}.control-panel{z-index:20;background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1b2a3a24;border-radius:16px;flex-direction:column;width:344px;max-height:calc(100% - 16px);display:flex;position:fixed;box-shadow:0 12px 34px #14233738}.control-panel.dragging{-webkit-user-select:none;user-select:none;box-shadow:0 20px 46px #14233752}.panel-header{cursor:grab;touch-action:none;border-radius:16px 16px 0 0;align-items:center;gap:10px;padding:10px 12px 8px 10px;display:flex}.control-panel.dragging .panel-header{cursor:grabbing}.panel-header:focus-visible{outline-offset:-3px;outline:3px solid #2457d673}.grip{opacity:.55;background:radial-gradient(circle, var(--muted) 1.4px, transparent 1.6px) 0 0 / 5px 6px;flex:none;width:10px;height:18px}.brand{flex-direction:column;flex:1;min-width:0;display:flex}.brand strong{font-size:15px;line-height:1.3}.brand small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fold{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:8px;flex:none;padding:4px 10px;font-size:12px}.panel-tabs{border-bottom:1px solid var(--line);gap:2px;padding:0 8px;display:flex}.panel-tabs [role=tab]{color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 4px 10px;font-size:13px;position:relative}.panel-tabs [role=tab]:hover{color:var(--ink)}.panel-tabs [role=tab][aria-selected=true]{color:var(--ink);font-weight:700}.panel-tabs [role=tab][aria-selected=true]:after{content:"";background:var(--cobalt);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.panel-tabs [role=tab][aria-disabled=true]{opacity:.45;cursor:not-allowed}.control-panel.collapsed .panel-tabs{border-bottom:0;padding-bottom:4px}.panel-content{flex-direction:column;flex:1;min-height:0;display:flex}.panel-body{flex:1;min-height:0;padding:4px 18px;overflow-y:auto}.panel-foot{border-top:1px solid var(--line);gap:8px;padding:12px 18px 14px;display:grid}.foot-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.group{border-top:1px solid var(--line);padding:14px 0}.group:first-child{border-top:0}.group h2{margin:0 0 8px;font-size:13px;font-weight:700}.note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}.status{color:var(--cobalt-deep);min-height:1.5em;margin:6px 0 0;font-size:12px;line-height:1.5}.grid2{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.row{align-items:flex-end;gap:8px;display:flex}.row .field{flex:1;min-width:0}.field label{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.field+.field{margin-top:10px}.field input,.field select{width:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:7px 9px}.field input::placeholder{color:#9aa6b2}.field input:focus,.field select:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 3px #2457d62e}.btn-main{background:var(--cobalt);color:#fff;width:100%;box-shadow:0 3px 0 var(--cobalt-deep);border:0;border-radius:12px;padding:13px;font-size:15px;font-weight:700}.btn-main:hover{background:#1f4cc0}.btn-main:active{box-shadow:0 1px 0 var(--cobalt-deep);transform:translateY(2px)}.btn-main:disabled{box-shadow:none;cursor:not-allowed;background:#9aa9c9;transform:none}.btn-sub{white-space:nowrap;border:1px solid var(--cobalt);background:var(--field);color:var(--cobalt-deep);border-radius:8px;padding:7px 12px}.btn-sub:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:12px;padding:9px 8px;font-size:13px}.btn-ghost:hover{border-color:var(--cobalt)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;border-color:var(--line)}.link-btn{color:var(--cobalt-deep);white-space:nowrap;background:0 0;border:0;padding:2px 4px;font-size:12px;text-decoration:underline}.link-btn:disabled{color:var(--muted);cursor:default;opacity:.6;text-decoration:none}.seg{border:1px solid var(--line);background:var(--field);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.seg button{border:0;border-left:1px solid var(--line);color:var(--ink);white-space:nowrap;background:0 0;padding:8px 10px;font-size:13px}.seg button:first-child{border-left:0}.seg button[aria-pressed=true]{background:var(--cobalt);color:#fff;font-weight:700}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:18px;height:18px;accent-color:var(--cobalt);margin:0}.slider+.slider{margin-top:10px}.slider-label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.slider-label output{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.slider input[type=range]{width:100%;accent-color:var(--cobalt);margin:2px 0 0}.slider input[type=range]:disabled{opacity:.45}.empty-box{background:#fff;border:1px dashed #2457d673;border-radius:12px;padding:16px}.empty-box strong{font-size:14px;display:block}.empty-box p{color:var(--muted);margin:4px 0 0;font-size:12px}.busy{opacity:.6;pointer-events:none}#toast{z-index:40;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:10px;max-width:min(560px,100% - 32px);padding:10px 16px;font-size:13px;line-height:1.55;transition:opacity .2s,transform .2s;position:fixed;top:12px;left:50%;transform:translate(-50%,-12px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{background:var(--danger)}@media (width<=720px){.control-panel{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-height:56%;top:auto!important;left:8px!important}.panel-header{cursor:default}.grip{display:none}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}