html,body{color:#e8eef4;background:#0b1016;height:100%;margin:0;font-family:system-ui,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app>canvas{touch-action:none;width:100%;height:100%;display:block}.ui{pointer-events:none;font-size:12px;transition:opacity .25s;position:fixed;inset:0}.ui.hidden{opacity:0}.ui.hidden *{pointer-events:none!important}.ui-views{pointer-events:auto;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ui-view,.ui-segbtn,.ui-play{font:inherit;color:#e8eef4;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c121a8c;border:1px solid #ffffff2e;border-radius:6px;padding:5px 10px}.ui-view.on,.ui-segbtn.on{background:#468cc8bf;border-color:#a0d2ffb3}.ui-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0a10188c;border:1px solid #ffffff1f;border-radius:8px;width:300px;padding:8px 10px;position:absolute;bottom:12px;left:12px}.ui-title{opacity:.6;margin-bottom:4px;font-size:11px}.ui-row{align-items:center;gap:6px;margin:4px 0;display:flex}.ui-label{opacity:.85;flex:none;width:78px}.ui-inline{flex:1;align-items:center;gap:4px;display:flex}.ui-slider{accent-color:#6fb3e8;flex:1;min-width:0}.ui-val{text-align:right;font-variant-numeric:tabular-nums;width:40px}.ui-play{padding:2px 8px}.ui-seg{gap:3px;display:flex}.ui-segbtn{padding:2px 12px}.ui-toggles{flex-wrap:wrap;gap:2px 10px;margin-top:4px;display:flex}.ui-toggle{opacity:.85;align-items:center;gap:3px;display:flex}.ui-hint{opacity:.5;margin-top:5px;font-size:10px}.hud{color:#cfe3f2;pointer-events:none;background:#00000059;border-radius:4px;padding:3px 7px;font:11px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:10px;right:10px}.hud.off{display:none}.fade{opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}.corner{z-index:7;pointer-events:none;align-items:flex-end;gap:14px;display:flex;position:fixed;bottom:6px;right:10px}.note{opacity:.8;text-shadow:0 0 3px #000000d9,0 1px 2px #000000b3;pointer-events:none;text-align:right;margin-bottom:2px;font-size:11px}@media (max-width:640px){.ui-box{box-sizing:border-box;width:calc(100% - 24px)}.ui-views{flex-wrap:wrap;justify-content:center;width:calc(100% - 24px)}}.loading{z-index:50;color:#cfe3f2;background:radial-gradient(at 50% 40%,#142130 0%,#0b1016 70%);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading.gone{opacity:0;pointer-events:none}.loading-box{text-align:center;width:min(520px,100vw - 32px)}.loading-title{letter-spacing:.12em;color:#e8f2fa;margin-bottom:28px;font-size:22px}.loading-bar{background:#cfe3f224;border-radius:3px;height:6px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,#4f9fd1,#9fd4f2);width:0%;height:100%;transition:width .25s ease-out}.loading-stage{letter-spacing:.06em;color:#9fb7c9;min-height:1.4em;margin-top:12px;font-size:13px}.loading-note{color:#6f8798;margin-top:40px;font-size:12px;line-height:1.6}.ui-display-inner{margin-top:6px}.sim{pointer-events:none;font-size:12px;transition:opacity .25s;position:fixed;inset:0}.sim.hidden{opacity:0}.sim.hidden *{pointer-events:none!important}.sim-col{flex-direction:column;gap:8px;display:flex;position:absolute;top:12px}.sim-left{width:290px;top:46px;left:12px}.sim-right{width:330px;top:36px;right:12px}.sim-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0a101899;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;position:relative}.sim-title{opacity:.6;margin-bottom:4px;font-size:11px}.sim-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:4px;font-size:20px}.sim-btns{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sim-btn,.sim-segbtn,.sim-reset{font:inherit;color:#e8eef4;cursor:pointer;background:#0c121a8c;border:1px solid #ffffff2e;border-radius:6px;padding:3px 9px}.sim-segbtn{padding:3px 6px}.sim-segbtn.on{background:#468cc8bf;border-color:#a0d2ffb3}.sim-seg{gap:2px;display:flex}.sim-small{opacity:.7;margin-left:4px}.sim-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:8px;position:relative;overflow:hidden}.sim-bar-rain{background:#5a96e673;position:absolute;top:0;bottom:0}.sim-bar-fill{background:#e6f0fa8c;position:absolute;top:0;bottom:0;left:0}.sim-bar-labels{opacity:.55;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.sim-end{background:#468cc859;border-radius:6px;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 8px;display:flex}.sim-end.hidden,.sim-notice.hidden{display:none}.sim-end-title{font-size:14px}.sim-param{margin:6px 0}.sim-param-head{align-items:center;gap:6px;display:flex}.sim-name{opacity:.85;flex:1}.sim-val{font-variant-numeric:tabular-nums}.sim-reset{padding:0 6px;font-size:10px}.sim-slider{accent-color:#6fb3e8;width:100%}.sim-notice{background:#f0c86433;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:11px}.sim-meter{justify-content:space-between;margin:2px 0;display:flex}.sim-meter-name{opacity:.8}.sim-meter-val{font-variant-numeric:tabular-nums;font-weight:600}.sim-scale{background:linear-gradient(90deg,#7fd8ff26,#7fd8ff59);border-radius:3px;height:10px;margin:2px 0 6px;position:relative}.sim-scale-mark,.sim-scale-open,.sim-scale-now{width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.sim-scale-mark{background:#c8dcebb3}.sim-scale-open{background:#a0c878e6}.sim-scale-now{background:#7fd8ff;border-radius:2px;width:4px;transform:translate(-2px)}.sim-canvas{border-radius:4px;width:100%;height:auto;display:block}.sim-legend{opacity:.85;flex-wrap:wrap;gap:2px 10px;margin-top:4px;font-size:12px;display:flex}.lg-rain{color:#7fb0f0}.lg-in{color:#f0c060}.lg-out{color:#ff7a6a}.lg-level{color:#7fd8ff}.sim-graph-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sim-graph-head .sim-title{margin-bottom:0}.sim-big{padding:1px 8px}.sim-graph .sim-canvas{height:230px}.sim-graph.big{z-index:5;background:#0a1018db;flex-direction:column;height:48vh;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.sim-graph.big .sim-canvas{flex:1;height:auto;min-height:0}.sim-graph.big .sim-legend{font-size:13px}.sim-clock-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.sim-stage{opacity:.8;background:#ffffff14;border-radius:10px;padding:1px 7px;font-size:12px}.sim-stage.active{opacity:1;background:#ffaa4647}.sim-bar-wrap{position:relative}.sim-marks{pointer-events:none;position:absolute;inset:0}.sim-mark{pointer-events:auto;border-top:8px solid #ffb84d;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:4px;transform:translate(-5px)}.sim-mark.hidden{display:none}.sim-mark-open{border-top-color:#9fd6ff}.sim-mark-peakOut{border-top-color:#ff7a6a}.sim-mark-close{border-top-color:#9fc07a}.sim-check{cursor:pointer;align-items:center;gap:6px;margin-top:6px;display:flex}.sim-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:0;pointer-events:none;background:#0e1620d1;border:1px solid #ffbe6e80;border-radius:10px;min-width:360px;max-width:min(720px,100vw - 680px);padding:10px 16px;font-size:15px;transition:opacity .6s,transform .6s;position:fixed;top:84px;left:50%;transform:translate(-50%,-6px)}.sim-banner.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.sim-banner-btns{justify-content:center;gap:8px;margin-top:8px;display:flex}.sim-board.hidden{display:none}.sim-board-row{justify-content:space-between;gap:8px;margin:2px 0;display:flex}.sim-board-name{opacity:.8}.sim-board-val{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.sim-board-row.line{color:#ffd9a0;margin-top:6px;font-size:12px;display:block}.sim-board-row[data-row=etaOpen],.sim-board-row[data-row=etaMax]{padding-left:1em}.sim-stage{margin-bottom:2px;display:inline-block}.sim-op-mode{margin:2px 0 4px}.sim-op-mode .sim-segbtn{padding:3px 16px}.sim-op-hint,.sim-param-hint{opacity:.7;font-size:11px}.sim-param-hint.hidden,.sim-op-manual.hidden,.sim-op-takeover.hidden{display:none}.sim-param.off{opacity:.45}.sim-op-manual{border-top:1px solid #ffffff1f;margin-top:6px;padding-top:6px}.sim-op-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.sim-op-notice:disabled,.sim-slider:disabled{opacity:.45;cursor:not-allowed}.sim-op-state,.sim-op-now{opacity:.8;font-size:11px}.sim-op-lock{color:#ffd9a0;margin-top:2px;font-size:11px}.sim-op-manual.off>:not(.sim-op-lock){opacity:.4;filter:grayscale()}.sim-op-lock.hint-end{color:#cfe3f2;font-size:12px}.sim-op-takeover{background:#f0c86433;border-radius:4px;margin-top:6px;padding:4px 6px;font-size:11px}.sim-result{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:6;background:#0a1018e6;border:1px solid #ffffff2e;border-radius:10px;width:min(980px,100vw - 32px);padding:14px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sim-result.hidden{display:none}.sim-result-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.sim-result-title{font-size:16px}.sim-result.folded{width:auto;padding:8px 12px}.sim-result.folded .sim-result-head{margin-bottom:0}.sim-result.folded .sim-result-body,.sim-result.folded .sim-result-btns,.sim-result.folded .sim-result-note{display:none}.sim-result-table{border-collapse:collapse;width:100%;font-size:13px}.sim-result-table th{opacity:.7;text-align:right;padding:2px 8px;font-size:11px;font-weight:400}.sim-result-table td{text-align:right;font-variant-numeric:tabular-nums;border-top:1px solid #ffffff14;padding:4px 8px}.sim-result-table td.sim-result-name{text-align:left;opacity:.85}.sim-result-val{font-weight:600}.sim-result-sub{opacity:.7;font-size:11px;font-weight:400}.sim-result-small{opacity:.75;margin-top:6px;font-size:11px}.sim-result-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sim-result-note{opacity:.65;margin-top:8px;font-size:11px}.auto-caption{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2f6fa;text-shadow:0 1px 3px #0009;letter-spacing:.06em;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#080c128c;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 22px;font-size:clamp(16px,2.1vw,28px);transition:opacity .6s,transform .6s;position:fixed;bottom:7%;left:50%;transform:translate(-50%,8px)}.auto-caption.show{opacity:1;transform:translate(-50%)}.autoplay .sim-banner,.autoplay .sim-result{display:none}.sim-auto{margin-left:6px}.mark-plate{padding:var(--mark-pad,3px);border-radius:calc(var(--mark,20px) * .22);background:#fff;flex:none;line-height:0;display:inline-flex}.mark-img{width:var(--mark,20px);height:var(--mark,20px);object-fit:contain;display:block}.loading-maker{letter-spacing:.04em;color:#e8f2fa;opacity:.92;justify-content:center;align-items:center;gap:10px;height:40px;margin-bottom:18px;font-size:13px;display:flex}h1.loading-title{margin-top:0;font-weight:400}.loading.is-unsupported .loading-stage{color:#cfe3f2}.maker-badge{z-index:25;color:#f4f7fa;pointer-events:auto;align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:fixed;top:12px;left:12px}.maker-name{letter-spacing:.03em;text-shadow:0 1px 4px #0009;background:#04080e6b;border-radius:4px;padding:1px 6px 2px;font-size:12px}.maker-badge:hover .maker-name,.maker-badge:focus-visible .maker-name{text-decoration:underline}.feedback{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(340px,100vw - 28px);display:flex;position:relative}.feedback.off{display:none}.feedback-line{box-sizing:border-box;background:#060c14e6;border-radius:8px;width:min(340px,100vw - 28px);margin:0;padding:8px 10px;font-size:12px;line-height:1.6;display:none;position:absolute;bottom:calc(100% + 6px);right:0}.feedback.is-open .feedback-line{display:block}.feedback-link{color:#cfe8ff;white-space:nowrap;background:#060c1499;border:1px solid #8cc8fa8c;border-radius:999px;padding:4px 12px;font-size:12px;text-decoration:none}.feedback-link:hover,.feedback-link:focus-visible{background:#4696dc73}.autoplay .feedback{display:none}.sim-result-extra{align-items:center;gap:14px;margin-top:10px;display:flex}.result-contact{border-top:1px solid #ffffff24;margin-top:10px;padding-top:8px}.result-contact-line{opacity:.85;margin:0 0 4px;font-size:12px;line-height:1.6}.result-contact-link{color:#9fd6ff;font-size:13px}.sim-result.folded .sim-result-extra,.sim-result.folded .result-contact{display:none}.autoplay.card-on .sim-right,.autoplay.card-on .hud{opacity:0;transition:opacity .4s}.demo-maker{z-index:22;box-sizing:border-box;color:#f2f6fa;pointer-events:none;background:#060a109e;border-radius:14px;align-items:center;gap:16px;padding:12px 18px;animation:.6s ease-out demo-maker-in;display:flex;position:fixed;overflow:hidden}.demo-maker[hidden]{display:none}@keyframes demo-maker-in{0%{opacity:0}to{opacity:1}}.demo-maker-text{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-maker-name{letter-spacing:.04em;font-size:20px;font-weight:600}.demo-maker-line{margin:0;font-size:14px;line-height:1.5}.demo-maker-url{opacity:.8;letter-spacing:.03em;margin:0;font-size:13px}.sim-share-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.share{pointer-events:auto;display:inline-flex;position:relative}.share-button{font:inherit;color:#e8eef4;cursor:pointer;background:#0c121a8c;border:1px solid #ffffff2e;border-radius:6px;padding:3px 12px}.share-button:hover,.share-button:focus-visible{background:#4696dc59}.share-menu{z-index:30;background:#080e16f7;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;min-width:148px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.sim-result .share-menu,.sim-result .share-copied{top:auto;bottom:calc(100% + 6px)}.share-menu[hidden]{display:none}.share-item{color:#e8f0f8;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:13px;text-decoration:none;display:block}.share-item:hover,.share-item:focus-visible{background:#ffffff1a}.share-copied{color:#9fd6ff;white-space:nowrap;background:#080e16f7;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;top:calc(100% + 6px);left:0}.share-copied[hidden]{display:none}.about-link{color:#9fd6ff;pointer-events:auto;font-size:11.5px}.small-screen{z-index:60;color:#fbeed6;background:#281e0aeb;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;line-height:1.5;display:flex;position:fixed;top:0;left:0;right:0}.small-screen-text{flex:1}.small-screen-close{font:inherit;color:#fbeed6;cursor:pointer;background:0 0;border:1px solid #fbeed680;border-radius:6px;flex:none;padding:3px 10px}.auto-takeover{z-index:21;white-space:nowrap;pointer-events:auto;align-items:center;gap:10px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.auto-takeover[hidden]{display:none}.auto-takeover-btn{font:inherit;letter-spacing:.04em;color:#f2f8ff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#286eaac7;border:1px solid #aad7ffbf;border-radius:999px;padding:6px 18px;font-size:14px}.auto-takeover-btn:hover,.auto-takeover-btn:focus-visible{background:#3c8cd2e6}.auto-takeover-hint{color:#dfe9f2;opacity:.8;text-shadow:0 1px 3px #000000b3;font-size:12px}.auto-after{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2f6fa;letter-spacing:.04em;text-align:center;opacity:0;pointer-events:none;z-index:20;background:#080c129e;border-radius:999px;max-width:calc(100vw - 32px);padding:9px 20px;font-size:15px;transition:opacity 1.2s;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}.auto-after.show{opacity:1;transition:opacity .5s}.sim-foot{flex-direction:column;gap:4px;display:flex}.sim-display{padding:5px 10px}.sim-display-summary{cursor:pointer;opacity:.85;-webkit-user-select:none;user-select:none;font-size:12px}.sim-display[open] .sim-display-summary{margin-bottom:4px}.sim-keys{opacity:.5;text-shadow:0 1px 3px #000000b3;padding:0 4px;font-size:10px}.auto-open .ui,.auto-open .sim,.auto-open .hud{transition:none}