:root{--num:"JetBrains Mono","Inter","SF Pro Text",system-ui,monospace;--ac:#2D385F;--ac-bg:#eceff6;--pri:#2D385F;--pri-h:#384878;--cy:#22c3e6;--ng:#ff3b30;--zn:#ffc400}
.top{background:#15171c;border-color:#15171c}.top .title{color:#fff}.top .org{color:#a9adb8}.top .mark{background:#2D385F}
.top .tabs button{color:#a9adb8}.top .tabs button:hover,.top .tabs button[aria-pressed="true"]{color:#fff}
.top .tabs button[aria-pressed="true"]::after{background:var(--zn);height:3px}.top .tabs .c{background:var(--ng);color:#fff}
.top .status{color:#e8e9ee;background:#22252d;border-color:#353944}
.wb{word-break:keep-all;overflow-wrap:anywhere}
.lw{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.camc{overflow:hidden;background:#0e1014;border-color:#0e1014}
.cam{position:relative;aspect-ratio:16/9;background:#000 url(img/cam03.webp) center/100% 100% no-repeat}
.cam.c1{background-size:180% auto;background-position:8% 20%}.cam.c2{background-size:200% auto;background-position:95% 10%}.cam.c4{background-size:170% auto;background-position:60% 95%}
.zn{position:absolute;inset:0;width:100%;height:100%}
.zn polygon{fill:rgba(255,196,0,.16);stroke:var(--zn);stroke-width:3;stroke-dasharray:12 8;vector-effect:non-scaling-stroke}
.zn text{fill:var(--zn);font:800 17px "Hiragino Sans","Noto Sans JP",sans-serif}
.cam.off .zn,.cam.off #bx,.cam:not(.c3) .zn,.cam:not(.c3) #bx{display:none}
.dbx{position:absolute;border:3px solid var(--cy)}
.dbx span{position:absolute;left:-3px;bottom:100%;background:var(--cy);color:#04141a;font-size:12.5px;font-weight:800;padding:2px 7px;white-space:nowrap}
.dbx.ng{border-color:var(--ng);border-width:4px}.dbx.ng span{background:var(--ng);color:#fff}
.dbx.ng.ack{border-color:#f59e0b}.dbx.ng.ack span{background:#f59e0b;color:#111}
.hud{position:absolute;left:14px;top:12px;display:flex;gap:16px;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px #000}
.hud .rec{color:#ff6b61}.hud .rec::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ng);margin-right:6px;vertical-align:1px}
.cnt{position:absolute;left:14px;bottom:14px;display:flex;gap:8px}
.cnt div{background:rgba(14,16,22,.86);color:#c9cbd2;border-radius:8px;padding:8px 12px;font-size:12px}.cnt b{display:block;color:#fff;font:800 24px var(--num)}.cnt b.r{color:#ff8a80}
.cops{display:flex;gap:10px;padding:12px 14px;flex-wrap:wrap}
.cops .seg{background:#1b1e25;border-color:#2c303a}.cops .seg button{color:#a9adb8}.cops .seg button[aria-pressed="true"]{background:#2f3440;color:#fff}
.side{display:grid;gap:12px}
.al{background:#0f1218;border:0;color:#fff;border-left:7px solid var(--ng);padding:18px 20px}
.al.ack{border-left-color:#f59e0b}.al.ok2{border-left-color:#22c55e}
.al p{margin:0;font-size:12.5px;color:#a9adb8}.al h3{margin:4px 0 12px;font-size:21px}
.al .shot{height:150px;border-radius:6px;background:#000 url(img/cam03.webp) 74% 42%/520% auto no-repeat;margin-bottom:12px;position:relative}
.al .shot i{position:absolute;left:58%;top:30%;width:13%;height:62%;border:3px solid var(--ng)}
.al dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 14px;font-size:13px}.al dt{color:#a9adb8}.al dd{margin:0;text-align:right;font-weight:700}
.al .btns{display:grid;gap:8px}.al .btn{height:40px}.al .btn.ghost2{background:none;border-color:#353944;color:#e8e9ee}
.ru{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ln2);font-size:13px}.ru:last-child{border:0}
.ru .sw{margin-left:auto;width:38px;height:22px;border-radius:12px;border:0;background:#cfd4dc;position:relative;padding:0}.ru .sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.ru .sw[aria-pressed="true"]{background:#2D385F}.ru .sw[aria-pressed="true"]::after{left:19px}
.tb2{margin-bottom:12px}
.th{width:96px;height:54px;border-radius:4px;background:#000 url(img/cam03.webp) no-repeat;display:block}
.th.p1{background-size:520% auto;background-position:74% 42%}.th.p2{background-size:420% auto;background-position:52% 40%}.th.p3{background-size:380% auto;background-position:40% 55%}.th.p4{background-size:300% auto;background-position:20% 80%}
.hb{height:220px}
svg.plot rect.b0{fill:#f59e0b}svg.plot rect.b1{fill:#2D385F}
.rp{font-size:13.5px;line-height:1.9;color:var(--ink2)}.rp li{margin:2px 0}
@media (max-width:1100px){.lw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.dbx span{font-size:10px;padding:1px 4px}.hud{font-size:11px;gap:10px}.cnt div{padding:5px 8px;font-size:10.5px}.cnt b{font-size:16px}.cops .seg{width:100%;overflow-x:auto}.cops .seg button{flex:1}.zn text{font-size:24px}.th{width:72px;height:40px}}
.legend .h1 i{background:#f59e0b}.legend .h2 i{background:#2D385F}
/* スマホの上部バー（タブを2段目に） */
@media (max-width:640px){
  .top-in{flex-wrap:wrap;height:auto;padding:10px 12px 0;row-gap:4px}
  .tabs{order:3;width:100%;margin:0;height:40px}.tabs button{flex:1;justify-content:center;padding:0 4px;font-size:12px}.tabs button svg.i{display:none}
}