:root{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,sans-serif;color:#172f3a;background:#f2f5f7;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{max-width:960px;margin:auto;padding:20px}header{padding:16px 0;border-bottom:3px solid #07566b}h1{font-size:28px;line-height:1.3;margin:10px 0}h2{font-size:21px}h3{font-size:16px;margin:14px 0 7px}p{line-height:1.6}.badge{color:#07566b;font-size:13px;font-weight:650}.note{font-size:13px;color:#576c77}.intro{padding:8px 0}button,input{font:inherit}button{min-height:42px;padding:9px 12px;border:1px solid #a1b4bf;border-radius:7px;background:#fff;color:#173a4c;cursor:pointer;touch-action:manipulation}button:active{background:#d5e8ee}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e69b23;outline-offset:2px}.primary{background:#07566b;border-color:#07566b;color:#fff;font-weight:650}.danger{color:#b42329;border-color:#c9666b}.quiet{background:transparent;border-color:transparent}.selected{background:#07566b;border-color:#043d4d;color:#fff;box-shadow:inset 0 3px #003647}.row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0}.row input{flex:1;min-width:100px}.row>button{flex-shrink:0}input{border:1px solid #9cb0bc;background:#fff;border-radius:7px;min-height:44px;padding:9px 10px;max-width:100%;color:#142e3d}section{margin-bottom:18px}.case-row{padding:14px 0;border-bottom:1px solid #cbd5dc;display:grid;grid-template-columns:1fr auto;gap:8px}.case-open{text-align:left;border:0;background:transparent;font-size:20px;font-weight:650;padding:0}.case-row small{grid-column:1;color:#596e79}.case-row .danger{grid-column:2;grid-row:1/3}.empty{padding:35px 0;color:#5d7280}.workspace-header{display:flex;align-items:center;gap:5px;padding:4px 0;border-bottom:0}.workspace-header h1{font-size:22px;flex:1}.map-tools{display:flex;align-items:center;gap:5px;margin:6px 0}.map-tools button{flex:1;white-space:nowrap;font-size:14px;padding:8px 5px}.map-stage{position:relative;overflow:hidden;border-radius:9px;background:#dfe9ee;height:57dvh;min-height:340px}.map{position:absolute;inset:0;touch-action:none}.map-hint{position:absolute;top:8px;left:8px;right:8px;z-index:120;background:#fffe;padding:9px;border:2px solid #1768a5;border-radius:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:14px}.map-hint[hidden]{display:none}.map-hint button{font-size:13px;min-height:36px;padding:6px}.history{position:absolute;right:8px;bottom:34px;display:flex;gap:5px;z-index:120}.history button{font-size:28px;font-weight:650;width:42px;height:42px;padding:0;color:#07566b;background:#fffffff2}.footer{padding:7px 0}.footer button{font-size:14px;min-height:39px;padding:8px 10px}.footer details>summary{background:#304c60;color:#fff;padding:10px;border-radius:7px;font-weight:650;cursor:pointer}.footer details[open]{flex-basis:100%}.export-corner{display:none}.vehicle-marker{font-size:12px;font-weight:750;color:#fff;border:0;border-radius:6px;min-height:25px;height:25px;padding:3px 6px;white-space:nowrap;text-shadow:0 1px 2px #14323d;transform-origin:center;box-shadow:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.vehicle-marker span{display:block;transform:rotate(var(--angle,0deg))}.vehicle-marker.dragging{outline:3px solid #e69b23}.mobile-truck{background:#2563eb;rotate:var(--angle)}.map-label,.trip-label{border:0;border-radius:3px;font-size:12px;min-height:20px;padding:2px 4px;color:#1554b7;white-space:nowrap}.trip-label{font-size:9px;border:1px solid #2563eb}.attack-label{min-height:16px;padding:0 2px;border:0;border-radius:2px;font-size:13px;white-space:nowrap;rotate:var(--angle);color:#165cb2}.tactic{color:#b33b20}.junction{color:#d92323;background:#fff;border:2px solid #d92323;min-height:25px;height:25px;padding:6px 4px 0;clip-path:polygon(50% 0,100% 100%,0 100%);font-size:10px}.command-marker{font-size:44px;line-height:1;color:#e00000;background:transparent;border:0;padding:0;min-height:44px}.bend{background:#fff;border:2px solid #ea8a20;min-height:28px;height:28px;min-width:28px;padding:0;touch-action:none}dialog{width:min(94vw,540px);max-height:88dvh;padding:0;border:0;border-radius:13px;background:#f9fbfc;color:#173a4c;box-shadow:0 15px 65px #09233366}dialog::backdrop{background:#09233388}.dialog-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background:#e8eff3;border-bottom:1px solid #c2d0d8}.dialog-head h2{font-size:20px;margin:5px 0}.dialog-body{padding:12px 14px 20px;overflow:auto}.dialog-body>button{display:block;margin:10px 0;width:100%}.dialog-body>input{width:100%;margin:8px 0}.dialog-body details{margin:7px 0}.unit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.unit-grid button{font-size:13px;min-height:34px;padding:5px 2px}.unit-grid input{grid-column:span 3;min-width:0}.water-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:12px 0}.water-grid button{padding:8px 0;font-size:14px}.ten-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0}.ten-grid button{padding:8px 0}.supply-group{border-top:1px solid #c2d0d8;padding-top:10px}.red{color:#b42329}.green{color:#147a43}#toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;background:#153a4fee;color:#fff;padding:12px 18px;border-radius:8px;max-width:90vw;width:max-content;font-size:14px;pointer-events:none;opacity:0}#toast.on{opacity:1}.expanded #app{max-width:none;padding:0}.expanded .workspace-header,.expanded .footer{display:none}.expanded .map-stage{height:calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0;min-height:100px}.expanded .map-tools{padding:4px 6px}.maplibregl-ctrl-attrib{font-size:9px}.maplibregl-marker{will-change:transform}@media(orientation:landscape){.expanded .map-tools{display:none}.expanded .map-stage{height:100dvh}.expanded .export-corner{display:block;position:absolute;left:8px;top:8px;z-index:130;font-size:25px;width:36px;height:36px;min-height:36px;padding:0}.expanded .map-hint{left:52px}.expanded .history{bottom:30px}}@media(max-width:420px){#app{padding:12px}.workspace-header .quiet{padding:6px;font-size:13px}.map-tools button{font-size:12px}.footer button{font-size:13px}.row{gap:5px}}.vehicle-marker:not(.mobile-truck){background:transparent!important;min-height:0;padding:0;border-radius:0}.vehicle-marker .vehicle-body{position:absolute;left:50%;top:50%;height:25px;border-radius:6px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(var(--angle,0deg));padding:3px 6px}.hose-multiplier{color:#9a3d00;font-weight:700}.hose-quantity{color:#1554b7}.junction{clip-path:none;width:28px;height:28px;min-height:28px;border:2px solid #d92323;border-radius:50%;padding:0;background:#fff;color:#d92323;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;touch-action:none}.attack-label{rotate:none;background:transparent;min-height:18px;height:18px;padding:0;border:0}.attack-content{display:inline-block;white-space:nowrap;transform:rotate(var(--angle,0deg));background:#fffffff5;border-radius:2px;padding:0 2px;font-size:13px;line-height:17px}.mobile-marker{background:transparent;border:0;padding:0;min-height:26px;height:26px;color:#fff;font-size:12px;font-weight:700}.mobile-body{display:block;background:#2563eb;border-radius:6px;white-space:nowrap;padding:4px 6px}.map-corner-tools{position:absolute;top:8px;left:8px;z-index:130;display:flex;gap:6px}.map-corner-tools button{width:36px;height:36px;min-height:36px;padding:5px;background:#fffffff2;border:1px solid #9bb1bd;color:#07566b;border-radius:7px}.map-corner-tools svg{width:24px;height:24px;display:block}.map-corner-tools .export-corner{position:static;font-size:25px;padding:0}.exit-map{display:none}.map-hint{top:52px}.reference-value{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;margin:6px 0}.reference-field{margin:12px 0;border-bottom:1px solid #d4dfe5;padding-bottom:10px}body.expanded{padding:0;overflow:hidden}.expanded .map-tools{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:300;margin:0;background:#f2f5f7;padding:5px max(6px,env(safe-area-inset-right)) 5px max(6px,env(safe-area-inset-left));height:58px}.expanded .map-stage{position:fixed;top:calc(58px + env(safe-area-inset-top));left:0;right:0;bottom:0;width:100vw;height:auto;min-height:0;z-index:200;border-radius:0}.expanded .map-corner-tools .exit-map{display:block;font-size:24px;padding:0}.expanded .history{right:max(8px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom))}@media(orientation:landscape){.expanded .map-tools{display:none}.expanded .map-stage{top:0;bottom:auto;height:var(--viewport-height,100dvh)}.expanded .map-corner-tools{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left))}.expanded .map-corner-tools .export-corner{display:block}.expanded .map-hint{left:max(8px,env(safe-area-inset-left));top:52px}}.map-stage:fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0}.map-stage:fullscreen .map-corner-tools .export-corner,.map-stage:fullscreen .exit-map{display:block}.map-version{position:absolute;bottom:25px;left:8px;z-index:130;padding:3px 6px;min-height:0;font-size:10px;line-height:14px;background:#ffffffe6;color:#334155;border:1px solid #94a3b8;border-radius:5px}.back-to-cases{background:#e5f0f4;color:#084b60;border:2px solid #316578;border-radius:8px;padding:8px 12px;font-weight:700;box-shadow:0 2px #b6cbd3}.back-to-cases:active{box-shadow:none;transform:translateY(1px)}.workspace-header .back-to-cases,.workspace-header .rename-case{white-space:pre-line;flex-shrink:0;padding:4px 5px;line-height:1.25;font-size:14px;min-height:44px;background:#e5f0f4;color:#084b60;border:1px solid #316578;border-radius:7px;box-shadow:0 1px #b6cbd3}.workspace-header h1{min-width:0;overflow-wrap:anywhere}.author-contact{padding:10px 12px;border:1px solid #cbd5dc;border-radius:8px;background:#fff}.author-contact p,.author-contact .row{margin:4px 0}.author-contact button{font-size:14px;padding:5px 8px}.author-line{display:inline-block;margin-top:5px;padding:8px 12px;border-radius:7px;background:#087f38;color:#fff;text-decoration:none;font-weight:650;min-height:42px}.author-line:active{background:#05622a}.author-line:focus-visible{outline:3px solid #e69b23;outline-offset:2px}.add-vehicle-corner{font-size:26px;font-weight:650;line-height:1}.author-contact{padding:7px 9px;margin:8px 0;font-size:13px}.author-contact p{line-height:1.4;margin:3px 0}.author-contact .row{gap:6px;margin:4px 0 0}.author-contact button,.author-contact .author-line{font-size:13px;line-height:18px;padding:5px 8px;min-height:32px;margin:0}.author-contact .row{align-items:center}