*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f7f7f1;color:#233d36;font-family:"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d4d8c9;background:#fffef8;color:inherit;border-radius:7px;padding:7px 11px;font-size:13px;font-weight:600}button:hover{background:#ececde}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d49c47;outline-offset:2px}button:disabled{opacity:.45;cursor:default}header{height:59px;border-bottom:1px solid #d4d7ca;background:#233d36;color:#fffdf0;padding:0 clamp(16px,3.4vw,64px);display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:11px;font-family:Cambria,"Times New Roman",serif;font-weight:700;font-size:23px}.mark{width:32px;height:32px;background:#e4bd74;color:#273e32;border-radius:8px;display:grid;place-items:center}.mark svg{width:26px}.divide{height:17px;width:1px;background:#62766b;margin:0 5px}.identity small{font:500 12px "Segoe UI",sans-serif;color:#d1dacd}.header-btn{color:#f4f4e6;border:1px solid #63786c;background:transparent}.header-btn:hover{background:#3a554a}svg.icon{width:16px;height:16px;display:block}.tiny-mark{display:grid;place-items:center;color:#7a8759}.over{font-size:10px;font-weight:750;letter-spacing:.14em;color:#72805e;display:flex;align-items:center;gap:9px}.over>i{width:19px;height:2px;background:#af8445}.over span{color:#a8ac97}main{max-width:1920px;margin:auto;padding:0 clamp(16px,3.4vw,64px)}.intro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 21px}h1{font:600 clamp(25px,2.55vw,42px)/1.18 Cambria,"Times New Roman",serif;letter-spacing:-.035em;margin:7px 0}p{color:#64746a;margin:0;line-height:1.5;font-size:13px}.area{text-align:right;white-space:nowrap;border-left:1px solid #d5dacb;padding-left:22px}.area strong{font:600 26px Cambria,"Times New Roman",serif}.area small{font:600 16px Cambria,"Times New Roman",serif}.area span{display:block;color:#79806c;font-size:9px;letter-spacing:.12em;font-weight:700;margin-top:3px}.desk{display:grid;grid-template-columns:minmax(0,1fr) clamp(242px,20vw,320px);gap:14px;align-items:stretch}.board,aside,.dispatch{border:1px solid #d2d7c9;background:#fffef8;border-radius:12px;overflow:hidden}.board{display:flex;flex-direction:column}.bar,.transport{display:flex;align-items:center;gap:12px;padding:9px 15px}.bar{height:44px;border-bottom:1px solid #d5d8cb;justify-content:space-between}.maptitle,.tools{display:flex;align-items:center;gap:8px}.maptitle b{font-size:14px}.tools{gap:1px}.tools button,.reset{border:0;background:transparent;padding:3px 6px}.tools button:hover,.reset:hover{background:#e9ecde}.tools #fit{font:600 11px monospace}.tools i,.sep{width:1px;height:18px;background:#d6dace;margin:0 5px}.scene{position:relative;background:#f4f1e6;aspect-ratio:1200/666;width:100%;overflow:hidden;flex:1;min-height:0;touch-action:pan-y}.scene canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.transport{border-top:1px solid #d5d8cb;height:56px}.play{background:#284d40;color:#fffcef;border:0;width:35px;height:35px}.play:hover{background:#41634b}.clock b{font:650 15px Consolas,monospace}.clock small{display:block;font-size:9px;color:#798474}.speedlab{font-size:11px;color:#687969}.speeds{display:flex;gap:3px}.speeds button{font-size:11px;padding:5px 8px;background:transparent;border:0}.speeds .on{background:#e1e7d5;color:#36523d}.reset{margin-left:auto}aside{display:flex;flex-direction:column;min-height:0;position:relative;padding:17px 16px;max-height:calc((100vw * .70) * .555 + 102px)}.aside-head,.pass-head,.statusline,footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.aside-head .over{font-size:9px}.aside-head #live{font-size:10px;color:#567453;background:#e7eddb;border-radius:20px;padding:4px 7px;white-space:nowrap}.aside-head i,footer i{display:inline-block;width:6px;height:6px;background:#7f945f;border-radius:50%;margin-right:4px}h2{font:600 23px Cambria,"Times New Roman",serif;margin:12px 0 10px}select{width:100%;padding:8px;border:1px solid #cfd4c3;border-radius:6px;background:#f8f8ef;color:#284937;font-size:12px;font-weight:650}.stages{display:flex;flex-direction:column;gap:3px;padding:11px 0}.stage{display:flex;align-items:center;gap:9px;position:relative;font-size:11px;color:#8c9388;min-height:20px}.stage:before{content:'';width:8px;height:8px;border-radius:50%;border:1px solid #c1c8b9;background:#f2f3e8;z-index:1}.stage:not(:last-child):after{content:'';position:absolute;top:14px;left:4px;width:1px;height:17px;background:#d4d9ca}.stage.done:before{background:#a5b291;border-color:#a5b291}.stage.current{color:#2d513f;font-weight:700}.stage.current:before{background:#b68b40;border-color:#b68b40;box-shadow:0 0 0 2px #efdfba}.pass-head{border-top:1px solid #d8ddcf;padding:11px 0 6px;font-size:12px}.pass-head span{font-size:10px;color:#6b796c}#people{overflow:auto;min-height:64px}.guest{display:flex;align-items:center;gap:7px;width:100%;background:transparent;border:0;border-bottom:1px solid #e8ebdf;border-radius:0;padding:7px 1px;text-align:left;justify-content:start;line-height:1.3}.guest.on{background:#f5f1e1}.guest i{width:8px;height:8px;border-radius:50%;background:var(--shirt);flex:none}.guest span{font-size:11px;font-weight:650}.guest small{font-size:10px;font-weight:450;color:#687768;margin-left:auto;text-align:right}.empty{font-size:12px;color:#758071;padding:8px 0}.aside-bottom{margin-top:auto;padding-top:10px}.aside-bottom label,.statusline label{font-size:11px;color:#586d5c;cursor:pointer;display:flex;align-items:center;gap:5px}input[type=checkbox]{accent-color:#416149}.dispatch{display:flex;margin:12px 0 0;padding:13px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.dispatch-title{display:flex;align-items:center;gap:12px}.dispatch-title .tiny-mark{width:31px;height:31px;border:1px solid #dce2cf;background:#eef2e6;border-radius:7px}h3{font-size:14px;margin:0}.dispatch p{font-size:11px}#add{display:flex;gap:6px;flex-wrap:wrap}#add button{font-size:12px}.statusline{padding:8px 2px;font-size:11px;color:#73806f}footer{margin-top:4px;padding:11px 0;border-top:1px solid #dbdfd2;font-size:10px;color:#798373}footer span:first-child{font-size:9px;font-weight:650;letter-spacing:.08em}footer em{margin:0 5px}.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}dialog{padding:0;border:0;border-radius:12px;width:min(95vw,1100px);max-height:94vh;background:#fffefa}dialog::backdrop{background:#183a2c99}dialog img{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin:auto}.board:fullscreen,.board.enlarged{background:#f4f1e6}.board.enlarged{position:fixed;inset:8px;z-index:10}.board:fullscreen .scene,.board.enlarged .scene{height:calc(100% - 100px);aspect-ratio:auto}
@media(min-width:1600px){aside{max-height:750px}}@media(max-width:960px){.desk{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1.25fr;column-gap:22px;max-height:none}.aside-head,h2,select,.stages{grid-column:1}.pass-head{grid-column:2;grid-row:1/3;border:0}#people{grid-column:2;grid-row:3/6;max-height:156px}.aside-bottom{grid-column:1}.scene{flex:auto}.intro{padding:19px 0}.dispatch{padding:12px}.area{padding-left:10px}}@media(max-width:600px){header{height:49px}.identity{font-size:19px;gap:6px}.identity small,.divide,.area,.speedlab{display:none}main{padding:0 9px}.intro{padding:15px 4px}.intro p{font-size:12px}.over{font-size:8px}h1{font-size:25px}.bar{padding:5px 8px}.maptitle{gap:4px}.maptitle b{font-size:12px}.scene{aspect-ratio:1.52}.transport{height:45px;padding:6px 10px}.desk{gap:9px}aside{padding:12px;column-gap:12px}.aside-head #live{font-size:0}.aside-head i{margin:0}.aside-head .over{font-size:8px}h2{font-size:20px}.guest{flex-wrap:wrap;gap:4px}.guest small{max-width:92px;font-size:9px}.stage{font-size:10px}.dispatch p{font-size:10px}.statusline{align-items:start}.statusline label{white-space:nowrap}footer{flex-wrap:wrap}.tools button{padding:3px 5px}}
.views{display:flex;gap:5px;flex-wrap:wrap;padding:7px 12px;border-top:1px solid #d5d8cb;background:#f6f6ec}.views button{font-size:11px;padding:4px 9px;border:1px solid transparent;background:transparent}.views button[aria-pressed=true]{border-color:#ced6bf;background:#e4ead9}.views button:hover{background:#e9eddd}.guest small{max-width:65%}.empty{line-height:1.5}.scene{touch-action:none}@media(max-width:500px){.views{gap:1px;padding:5px}.views button{font-size:10px;padding:4px 6px}}
.station-open>:not(.aside-head):not(#station){display:none}.station-open .aside-head .over{visibility:hidden}.staff-row{padding:12px 0;border-bottom:1px solid #dce0d3;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.staff-row b{font-size:11px}.staff-row span{text-align:right;color:#526952}.staff-summary{font-size:12px;margin:12px 0}#station{grid-column:1/-1}.station-open .aside-head{grid-column:1/-1}
.map-key{display:flex;gap:18px;padding:5px 14px;font-size:10px;color:#53675c;border-top:1px solid #d6daca}.map-key span{display:inline-flex;align-items:center;gap:6px}.map-key i{width:14px;height:8px;background:#a2bdc0;border:1px solid #789b9e;border-radius:2px}.map-key span+span i{background:#e5cda7;border-color:#c0a47f}
.dimensions,.doorModes{display:inline-flex;gap:2px;border:1px solid #cdd8ce;border-radius:6px;padding:2px;background:#eff3ec}.dimensions button,.doorModes button{border:0;padding:4px 8px;background:transparent;font-size:11px}.dimensions button[aria-pressed=true],.doorModes button[aria-pressed=true]{background:#315c50;color:white}.doorModes{margin-top:12px}.scene #cameraHint{position:absolute;bottom:9px;left:9px;background:#203e34e8;color:#fffbe9;padding:6px 10px;border-radius:5px;font-size:11px;pointer-events:none}@media(max-width:550px){.maptitle .tiny-mark{display:none}.maptitle b{font-size:11px}.bar{gap:2px}.dimensions button{padding:3px 5px}}
.batch-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex-basis:100%;border-top:1px solid #dce0d3;padding-top:11px;font-size:12px}.batch-buttons>span:first-child{font-weight:650;margin-right:4px}.batch-buttons button{font-size:12px;background:#e7eddd}.batch-buttons #batchStatus{color:#64746a;font-size:11px;margin-left:auto}
.density-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex-basis:100%;padding-top:9px;border-top:1px solid #dce0d3;font-size:12px}.density-control label:first-child{font-weight:650;margin-right:9px;display:inline-flex;align-items:center;gap:4px}.density-control input[type=number]{width:68px;border:1px solid #b6c5b5;border-radius:5px;padding:5px;color:inherit;background:#fffef8}.density-control button{font-size:12px}.density-control output{margin-left:auto;color:#3a6254;font-weight:600}
#expand{display:inline-flex;width:auto;align-items:center;justify-content:center;gap:5px;padding-inline:8px;white-space:nowrap}#expand [data-icon]{display:flex}#expandLabel{font-size:12px;font-weight:600}
body.board-full{overflow:hidden}.board:fullscreen,.board.enlarged{display:flex;flex-direction:column;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;margin:0;box-sizing:border-box;z-index:1000}.board:fullscreen .scene,.board.enlarged .scene{flex:1 1 0;height:auto;min-height:0;aspect-ratio:auto}.board:fullscreen>:not(.scene),.board.enlarged>:not(.scene){flex:none}
@media(max-width:620px){#board .bar{flex-wrap:wrap;gap:4px;height:auto;min-height:38px}#board .tools{margin-left:auto}#expandLabel{font-size:11px}}
#randomPerson{position:absolute;right:10px;top:10px;z-index:2;border:1px solid #b5c0ae;border-radius:5px;background:#fffdf1;color:#254737;padding:6px 9px;font:600 12px 'Segoe UI',sans-serif;cursor:pointer}#randomPerson[hidden]{display:none}#randomPerson kbd{padding:1px 4px;margin-left:3px;border:1px solid #c3c9b8;border-radius:3px;color:#526251;font:11px monospace}#randomPerson:focus-visible{outline:2px solid #bd843b}
.source-ratio{grid-column:1/-1;flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:8px;color:#41584b;font-size:12px}.source-ratio output{color:#3c6756}.source-ratio b{color:#274936}
#flowStatus{margin-left:auto;color:#795323;font-weight:600;font-size:11px}.map-key{flex-wrap:wrap}
.venue-count{display:inline-block;margin-left:3px;padding:1px 5px;border-radius:4px;background:#dce9df;color:#2a5141;font-size:.8em;font-variant-numeric:tabular-nums;white-space:nowrap}.views [aria-pressed="true"] .venue-count{background:#eaf1e8;color:#315b49}