:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020817;--surface:#071f34b8;--line:#80cfff61;--text:#f5fcff;--muted:#a9c6d4;--cyan:#55e8ff;--cam-a:#4da3ff;--cam-b:#ff9a3c;--live:#62efbd;--replay:#c5a3ff;--offline:#ff596d;--danger:#ff596d;--mock:#ffd84d;--accent:#c8d3dc;background:var(--bg);color:var(--text);font-family:Noto Sans JP,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:radial-gradient(circle at 67% 38%,#103f5a 0,#061a30 38%,#020817 76%);min-height:100vh;font-size:15px;line-height:1.5}h1,h2,p{margin:0}button{font:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:ui-monospace,monospace}[data-accent=a]{--accent:var(--cam-a)}[data-accent=b]{--accent:var(--cam-b)}.app-header{background:linear-gradient(150deg,#092039f0,#030f21f5);border-bottom:2px solid #55e8ff7a;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 28px;padding:12px 16px;display:flex}.app-kicker{color:#9defff;letter-spacing:.08em;margin-bottom:2px;font-size:clamp(11px,.78vw,15px);font-weight:800;display:block}.title-block h1{letter-spacing:-.02em;font-size:clamp(20px,2.2vw,30px);line-height:1.1}.app-subtitle{white-space:nowrap;margin-left:.8em;font-size:66.667%;display:inline-block}@media (max-width:1023.98px){.app-subtitle{margin:.3em 0 0;display:block}}.meta-list{color:var(--muted);flex-wrap:wrap;gap:2px 16px;margin:6px 0 0;font-size:13px;display:flex}.meta-list div{gap:6px;display:flex}.meta-list dd{color:var(--text);margin:0;font-weight:700}.window-block{flex-direction:column;gap:6px;min-width:0;display:flex}.window-selector{border:0;min-width:0;margin:0;padding:0}.window-selector legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:13px}.segmented{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented span{border-left:1px solid var(--line);text-align:center;min-width:92px;padding:6px 14px;font-weight:700;display:block}.segmented label:first-child span{border-left:0}.segmented input:checked+span{box-shadow:inset 0 -3px 0 var(--cyan);color:#fff;background:#55e8ff33}.segmented input:checked+span:before{content:"✓ "}.segmented input:focus-visible+span{outline-offset:-4px;outline:2px solid #fff}.range-block{font-size:13px}.range-title{color:var(--muted)}.range-list{margin:2px 0 0;padding:0;list-style:none}.range-item{flex-wrap:wrap;gap:0 8px;display:flex}.range-camera{color:var(--accent);font-weight:800}.range-value{font-family:ui-monospace,monospace}.clock-block{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.clock-label,.last-update{color:var(--muted);font-size:12px}.clock{font:800 clamp(18px,1.8vw,24px) ui-monospace,monospace}.banner{border:2px solid;border-left-width:10px;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:10px 16px 0;padding:8px 14px;display:flex}.banner-mock{border-color:var(--mock);background:#ffd84d1f}.banner-mock strong{color:var(--mock)}.banner-mock strong:before{content:"◆ "}.banner-info{border-color:var(--cyan);background:#55e8ff1a}.banner-info strong{color:#cdefff}.banner-info strong:before{content:"● "}.banner-error{border-color:var(--danger);background:#ff596d26}.banner-error strong{color:#ffd0d6}.banner-error strong:before{content:"▲ "}.camera-tabs{gap:8px;margin:12px 16px 0;display:flex}.camera-tab{border:1px solid var(--line);border-top:6px solid var(--accent);min-width:0;color:var(--muted);cursor:pointer;text-align:left;background:#071f3473;border-bottom:0;border-radius:8px 8px 0 0;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.camera-tab[aria-selected=true]{background:var(--surface);color:var(--text)}.camera-tab[aria-selected=true] .tab-name:before{content:"▸ "}.camera-tab:focus-visible{outline-offset:-4px;outline:2px solid #fff}.tab-name{font-size:16px;font-weight:800}.tab-mode{font-size:12px;font-weight:700}.panels{gap:16px;padding:12px 16px 16px;display:grid}.camera-panel{border:1px solid var(--line);border-top:6px solid var(--accent);background:var(--surface);border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:12px 14px 14px;display:flex}.panel-head{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.panel-title{align-items:center;gap:8px;font-size:clamp(18px,1.7vw,24px);line-height:1.2;display:flex}.accent-mark{background:var(--accent);border-radius:3px;flex:none;width:14px;height:14px}.badges{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.mode-badge,.origin-badge{letter-spacing:.04em;white-space:nowrap;border:2px solid #0000;align-items:center;padding:2px 10px;font-size:14px;font-weight:900;display:inline-flex}.mode-live{background:var(--live);color:#03140d;border-radius:999px}.mode-replay{border-color:var(--replay);color:var(--replay);background:#c5a3ff1f;border-radius:6px}.mode-offline{border-color:var(--offline);color:#ffd0d6;background:#ff596d33;border-radius:0}.mode-unknown{border-color:var(--muted);color:var(--muted);border-style:dashed;border-radius:0}.origin-badge{letter-spacing:0;border-radius:4px;font-size:13px;font-weight:700}.origin-synthetic{border:2px dashed var(--mock);color:var(--mock)}.mode-detail{color:#d9edf5;flex-wrap:wrap;flex-basis:100%;gap:2px 16px;font-size:14px;display:flex}.detail-reason{color:#ffb3bd;font-weight:700}.panel-alert{border:2px solid var(--danger);background:#ff596d29;border-left-width:10px;border-radius:8px;flex-wrap:wrap;gap:2px 12px;padding:8px 12px;display:flex}.panel-alert strong{color:#ffd0d6}.panel-alert strong:before{content:"▲ "}.panel-notice{border:1px dashed var(--mock);color:#ffe9a6;border-radius:8px;flex-direction:column;padding:6px 12px;font-size:13px;display:flex}.layer-toggles{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.layer-toggles label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:14px;font-weight:700;display:inline-flex}.layer-toggles input{width:18px;height:18px;accent-color:var(--accent);margin:0}.layer-toggles label:has(input:checked){border-color:var(--accent);background:#ffffff14}.layer-toggles label:has(input:focus-visible){outline-offset:1px;outline:2px solid #fff}.canvas-frame{position:relative}.camera-canvas{aspect-ratio:8/5;border:1px solid var(--accent);background:#061727;border-radius:10px;width:100%;max-width:100%;height:auto;display:block}.canvas-message{border:1px solid var(--line);text-align:center;background:#020817db;border-radius:8px;max-width:90%;padding:8px 16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coordinate-caption{border-left:4px solid var(--cyan);color:#cdefff;background:#55e8ff14;padding:4px 10px;font-size:13px;font-weight:700}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.sym{flex:none;display:inline-block}.sym-position{border:3px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px}.sym-track{border-top:3px solid var(--accent);width:28px}.sym-heat{background:linear-gradient(90deg,#043c8b66,#05d60cbd,#fa8d2e);width:30px;height:11px}.stats{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;margin:0;display:grid}.stat{border:1px solid var(--line);border-left:6px solid var(--accent);background:#0212238c;border-radius:6px;min-width:0;padding:6px 10px}.stat dt{color:var(--muted);font-size:12px}.stat dd{overflow-wrap:anywhere;margin:0;font:800 18px ui-monospace,monospace}.stat-wide{grid-column:1/-1}.stat-wide dd{font-size:15px}.camera-panel.is-stale .canvas-frame,.camera-panel.is-stale .legend,.camera-panel.is-stale .stats{opacity:.45}.empty-list{color:var(--muted);margin:24px 16px}.app-footer{color:var(--muted);padding:4px 16px 20px;font-size:12px}@media (max-width:1023.98px){.panels{padding-top:0}.camera-panel{border-top-left-radius:0;border-top-right-radius:0}.camera-panel:not(.is-active){display:none}.clock-block{text-align:left;align-items:flex-start}.segmented span{min-width:76px;padding:6px 10px}}@media (min-width:1024px){.camera-tabs{display:none}.panels{grid-template-columns:repeat(2,minmax(0,1fr))}}.signin{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.signin-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;width:min(420px,100%);padding:24px;display:flex}.signin-card h1{letter-spacing:.04em;margin:0;font-size:20px}.signin-lead{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.6}.signin-card label{color:var(--muted);font-size:13px}.signin-card input{border:1px solid var(--line);color:var(--text);font:inherit;background:#02081799;border-radius:8px;padding:10px 12px}.signin-card input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.signin-card input:disabled{opacity:.6}.signin-error{border:1px solid var(--danger);color:#ffd0d6;background:#ff596d26;border-radius:8px;margin:8px 0 0;padding:8px 12px;font-size:13px}.signin-submit{border:1px solid var(--cyan);color:var(--text);font:inherit;cursor:pointer;background:#55e8ff29;border-radius:8px;margin-top:14px;padding:11px 16px;font-weight:700}.signin-submit:disabled{cursor:progress;opacity:.6}.signin-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.7}.account-block{border-left:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding-left:16px;display:flex}.site-select,.site-single{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.site-select select{border:1px solid var(--line);color:var(--text);font:inherit;background:#02081799;border-radius:8px;padding:6px 10px}.site-single .mono{color:var(--text);font-weight:700}.signout{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px}.signout:hover{border-color:var(--cyan)}.app-loading,.app-message{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.app-message .banner{margin:0}.plan-block{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:12px 16px 0;padding:10px 14px}.plan-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.plan-head h2{letter-spacing:.04em;margin:0;font-size:14px}.plan-toggle{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.plan-note{color:var(--muted);font-size:12px}.plan-image{background:#fff;border-radius:8px;width:100%;max-width:900px;margin:10px auto 0;display:block}.place-colour{border-top:1px solid var(--line,#22405e);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.place-colour-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.place-colour-head h3{margin:0;font-size:15px}.place-colour-tag{color:#f0d27a;border:1px dashed #d8b24a;border-radius:4px;padding:1px 8px;font-size:12px}.place-colour-now{align-items:center;gap:14px;display:flex}.place-colour-swatch{border:1px solid #ffffff26;border-radius:12px;flex:none;width:72px;height:72px;margin:10px}.place-colour-when{color:var(--muted,#8fa8bf);font-size:12px}.place-colour-words{margin:2px 0 0;padding-left:1.1em;font-size:13px}.place-colour-strip{grid-auto-columns:minmax(4px,1fr);grid-auto-flow:column;gap:1px;display:grid}.place-colour-cell{border-radius:2px;height:32px}.place-colour-pull{grid-auto-columns:minmax(4px,1fr);grid-auto-flow:column;gap:1px;margin-top:-4px;display:grid}.place-colour-pull-cell{border-radius:1px;height:10px}.place-colour-ticks{color:var(--muted,#8fa8bf);justify-content:space-between;font-size:11px;display:flex}.place-colour-note,.place-colour-empty{color:var(--muted,#8fa8bf);margin:0;font-size:12px}.place-colour-stale{color:#f0d27a;border-left:4px solid #d8b24a;margin:0;padding:4px 8px;font-size:12px}.floor-block{border:1px solid var(--line,#22405e);background:var(--panel,#0b1a2c);border-radius:10px;flex-direction:column;gap:10px;margin:16px 0;padding:12px 14px;display:flex}.floor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.floor-head h2{margin:0;font-size:16px}.floor-note{color:var(--muted,#8fa8bf);max-width:92ch;margin:0;font-size:12px}.floor-approximate{border-left:3px solid var(--warn,#d9a441);background:color-mix(in srgb, var(--warn,#d9a441) 12%, transparent);max-width:92ch;color:var(--fg,#e8eef4);border-radius:2px;margin:8px 0 0;padding:8px 12px;font-size:12px;line-height:1.6}.floor-controls{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.floor-label{color:var(--muted,#8fa8bf);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.floor-label select{color:#d8e6f2;background:#0b1a2c;border:1px solid #3a5a7a;border-radius:6px;padding:3px 10px;font-family:inherit;font-size:13px}.floor-pill{color:#b9cde0;cursor:pointer;background:0 0;border:1px solid #3a5a7a;border-radius:6px;padding:3px 12px;font-family:inherit;font-size:13px}.floor-pill[aria-pressed=true]{color:#fff;background:#1f4f7a;border-color:#5b9bd5}.floor-pill:disabled{opacity:.5;cursor:default}.floor-pill:focus-visible,.floor-label select:focus-visible,.floor-table-slider:focus-visible{outline-offset:2px;outline:2px solid #5b9bd5}.floor-now{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.floor-now b{font-variant-numeric:tabular-nums;font-size:16px}.floor-now span{color:var(--muted,#8fa8bf);font-size:13px}.floor-map{background:#04101d;border:1px solid #1f4d73;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:max(200px,100dvh - 300px);margin-inline:auto;display:block}.floor-block{gap:8px;scroll-margin-top:8px}.floor-help summary{cursor:pointer;color:var(--muted,#8fa8bf);font-size:12px}.floor-help[open] summary{margin-bottom:4px}.view-selector{margin-bottom:8px}.measured-now{color:#ffd479;font-weight:600}.panels[hidden],.floor-block[hidden]{display:none!important}button.place-colour-cell{cursor:pointer;border:0;padding:0}button.place-colour-cell[aria-pressed=true]{outline-offset:1px;outline:2px solid #f0d27a}button.place-colour-cell:focus-visible{outline-offset:1px;outline:2px solid #5b9bd5}.place-colour-chart{cursor:pointer;width:100%;height:auto;display:block}.place-colour-chart .chart-grid{stroke:#1d3650;stroke-width:1px}.place-colour-chart .chart-tick{fill:#8fa8bf;font-size:11px}.place-colour-chart .chart-selected{fill:#ffffff1f}.place-colour-keys{color:var(--muted,#8fa8bf);border:0;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:12px;display:flex}.place-colour-keys legend{margin-bottom:2px;padding:0;font-size:11px}.place-colour-keys label{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.place-colour-keys input:focus-visible{outline-offset:2px;outline:2px solid #5b9bd5}.place-colour-keys i{vertical-align:middle;width:18px;height:0;margin-right:6px;display:inline-block}.place-colour-detail{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px 12px;margin:0;display:grid}.place-colour-detail div{flex-direction:column;gap:2px;display:flex}.place-colour-detail .wide{grid-column:1/-1}.place-colour-detail dt{color:var(--muted,#8fa8bf);font-size:11px}.place-colour-detail dd{font-variant-numeric:tabular-nums;margin:0;font-size:15px}.place-colour-detail .wide dd{font-size:13px}.place-colour-detail small{color:var(--muted,#8fa8bf);margin-left:6px;font-size:11px}.floor-main{grid-template-columns:minmax(300px,34%) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.floor-main .floor-map{width:100%;max-height:none;margin:0}.floor-map-waiting{aspect-ratio:32/20}.floor-table{flex-direction:column;gap:6px;min-height:0;display:flex}.floor-table-unit{font-size:12px}.floor-table-body{flex:auto;grid-template-columns:minmax(0,1fr) 22px;gap:6px;min-height:0;display:grid}.floor-table-grid{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;color:var(--fg,#e8eef4);grid-template-rows:auto minmax(0,1fr);font-size:12px;display:grid}.floor-table-grid thead,.floor-table-grid tbody{display:grid}.floor-table-grid tr{border-radius:4px;grid-template-columns:4.6em minmax(0,1fr) 5.6em 3.4em 4.6em;align-items:center;column-gap:6px;padding:0 4px;display:grid}.floor-table-grid th{color:var(--muted,#8fa8bf);text-align:left;padding-bottom:2px;font-size:11px;font-weight:400}.floor-table-grid tbody tr{cursor:pointer;border-top:1px solid #16304a;min-height:22px}.floor-table-grid tbody tr:hover{background:#7fb6e614}.floor-table-current{outline:1px solid #ffecbe73;background:#ffecbe24!important}.floor-table-time{flex-direction:column;line-height:1.1;display:flex}.floor-table-time small{color:var(--muted,#8fa8bf);white-space:nowrap;font-size:10px}.floor-table-bars{height:12px;position:relative}.floor-table-bars i{border-radius:2px;max-width:100%;height:12px;position:absolute;top:0;left:0}.floor-table-bars i.floor-table-inner{height:6px;top:3px}.floor-table-count{text-align:right}.floor-table-slider{cursor:pointer;touch-action:none;background:#0f2438;border:1px solid #2a4a6a;border-radius:11px;position:relative}.floor-table-shown{background:#7fb6e638;border-radius:6px;position:absolute;left:3px;right:3px}.floor-table-thumb{background:#ffecbe;border-radius:4px;height:8px;margin-top:-4px;position:absolute;left:-3px;right:-3px;box-shadow:0 0 0 2px #0b1a2c}.floor-table-key{color:var(--muted,#8fa8bf);margin:0;font-size:11px;line-height:1.6}.floor-table-key i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;display:inline-block}@media (max-width:1023px){.floor-main{grid-template-columns:minmax(0,1fr)}.floor-table-grid tbody{grid-auto-rows:30px;grid-template-rows:none!important}.floor-table-body{min-height:0}}.floor-table-events{flex-direction:column;font-size:11px;line-height:1.15;display:flex}.floor-colour{flex-direction:column;gap:6px;max-width:880px;margin-top:10px;display:flex}.floor-colour-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.floor-colour-head h3{margin:0;font-size:14px}.place-colour-cell.floor-colour-nobody{background:#0b1b2c}.floor-colour-ticks{color:var(--muted,#8fa8bf);text-align:center;font-variant-numeric:tabular-nums;grid-auto-columns:minmax(4px,1fr);grid-auto-flow:column;gap:1px;font-size:10px;display:grid}.floor-colour-keys{list-style:none}.site-list{flex-direction:column;gap:8px;margin:12px 16px;display:flex}.site-list-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.site-list-head h2{margin:0;font-size:16px}.site-list-note{color:var(--muted,#8fa8bf);margin:0;font-size:12px}.site-list-scroll{overflow-x:auto}.site-list-table{border-collapse:collapse;min-width:100%;font-size:13px}.site-list-table th,.site-list-table td{border-bottom:1px solid var(--line,#22405e);text-align:left;vertical-align:middle;padding:6px 10px}.site-list-table thead th{color:var(--muted,#8fa8bf);font-size:12px;font-weight:600}.site-list-table th small,.site-list-table td small{color:var(--muted,#8fa8bf);font-size:11px;font-weight:400;display:block}.site-list-num{font-variant-numeric:tabular-nums;white-space:nowrap}.site-list-num span{display:block}.site-list-quiet th[scope=row] small:last-child{color:#f0d27a}.volume-site{flex-direction:column;gap:4px;display:flex}.volume-site h3{align-items:baseline;gap:8px;margin:4px 0 0;font-size:14px;display:flex}.volume-site h3 small{color:var(--muted,#8fa8bf);font-size:11px;font-weight:400}.volume-sent{min-width:150px;position:relative}.volume-sent .volume-bar{pointer-events:none;background:#78b4e629;border-radius:2px;display:block;position:absolute;top:4px;bottom:4px;left:0}.volume-sent span:not(.volume-bar){position:relative}.volume-none th,.volume-none-note{color:var(--muted,#8fa8bf);opacity:.7}.volume-weather{white-space:nowrap;min-width:220px}.volume-weather-note{color:var(--muted,#8fa8bf);white-space:normal;font-size:11px;display:block}.volume-day-button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.volume-day-button:focus-visible{outline:2px solid var(--line);outline-offset:2px}.volume-day-button[aria-expanded=true]{text-decoration-style:solid}.volume-hours-row>td{background:#78b4e60d;padding:6px 0 12px}.volume-hours{width:auto;margin:0 auto 0 0;font-size:12px}.views-heading{margin:8px 0 0;font-size:14px}