.top{background:#0b2f4a;color:#fff;padding:14px 20px}.top .in{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.top .brand{color:#fff}.top a.l{color:#cfe6f5;margin-left:14px;text-decoration:none;font-weight:600;font-size:14px}
.wrap{max-width:1160px;margin:0 auto;padding:22px 16px 60px}
.plate{font:800 20px 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;text-align:center;border:3px solid #111;background:#fff;color:#111}
.scene{position:relative;height:150px;border-radius:14px;overflow:hidden;background:linear-gradient(#cfe9f7,#eaf6fc 60%,#cdd7de 60%);border:1px solid var(--line)}
.road{position:absolute;left:0;right:0;bottom:14px;height:48px;background:#556270;border-top:3px solid #fff}
.road:after{content:"";position:absolute;left:0;right:0;top:20px;border-top:3px dashed #f2b705}
.car{position:absolute;bottom:22px;left:-60px;font-size:40px;transition:left 1.1s ease-in-out;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));transform:scaleX(-1)}
.booth{position:absolute;left:52%;bottom:60px;width:46px;height:72px;background:#fff;border:2px solid #0b2f4a;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-size:16px}
.led{width:12px;height:12px;border-radius:50%;background:#c0392b;box-shadow:0 0 6px #c0392b}.led.on{background:#2ecc71;box-shadow:0 0 8px #2ecc71}.led.warn{background:#f2b705}
.cam.rec{animation:blink .5s 3}@keyframes blink{50%{opacity:.2}}
.arm{position:absolute;left:calc(52% + 44px);bottom:100px;width:110px;height:8px;background:repeating-linear-gradient(90deg,#c0392b 0 14px,#fff 14px 28px);transform-origin:0 50%;transform:rotate(0);transition:transform .6s;border-radius:4px}
.arm.open{transform:rotate(-80deg)}
.platebox{position:absolute;left:8px;top:8px;background:rgba(11,47,74,.9);color:#fff;border-radius:8px;padding:6px 10px;font:700 14px 'Courier New',monospace;display:none}.platebox.show{display:block}
.stlist{list-style:none;padding:0;margin:0;display:grid;gap:6px}.stlist li{padding:8px 12px;border-radius:10px;background:var(--bg);font-size:13.5px;border-left:4px solid var(--blue);animation:in .3s}.stlist li.bad{border-color:var(--bad);background:#fde4e0;color:#7a1c12}@keyframes in{from{opacity:0;transform:translateY(6px)}}
.chips{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow:auto}.chips button{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:5px 12px;font:600 12.5px 'Courier New',monospace;cursor:pointer;color:var(--ink)}.chips button:hover{border-color:var(--blue)}
.code,pre.code{background:#0b2f4a;color:#d7ecf9;border-radius:10px;padding:12px;overflow:auto;font-size:12.5px}
.tk{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;border:2px dashed var(--blue);border-radius:12px;padding:10px;background:#f5fbff}.tk svg{width:120px;height:120px}
#events div{padding:3px 0;border-bottom:1px solid var(--line)}
