#field-camera-controls{position:absolute;right:12px;top:12px;z-index:5;font:12px system-ui;color:#e9d9b6;touch-action:auto}
#field-camera-controls button{min-height:32px;padding:5px 9px;font:12px system-ui;background:#20372ef2}
#field-camera-toggle{display:block;margin-left:auto;box-shadow:0 2px 8px #0006}
#field-camera-panel{margin-top:6px;padding:12px;width:250px;border:1px solid #9c8963;border-radius:7px;background:#19332cf2;box-shadow:0 3px 12px #0006}
#field-camera-panel label{display:flex;justify-content:space-between}
#field-zoom-value{font-variant-numeric:tabular-nums;color:#ffdfa5}
#field-zoom{display:block;width:100%;margin:12px 0;accent-color:#e9c47e;cursor:pointer;touch-action:none}
#field-camera-panel .camera-actions{display:flex;gap:6px;margin-top:6px}
#field-camera-panel small{display:block;font-size:10px;line-height:1.4;color:#bdcdbd;margin-top:9px}
#field-camera-controls button[aria-pressed=true]{background:#e9c47e;color:#20372e}
#arena.chapter16-camera{overflow:hidden;position:relative}
#arena.chapter16-camera #board{position:absolute;margin:0;max-width:none;max-height:none}
#arena.chapter16-camera #board.camera-grab{cursor:grab}
#arena.chapter16-camera #board.camera-dragging{cursor:grabbing}
@media(max-width:440px){#field-camera-controls{top:7px;right:7px}#field-camera-panel{width:235px}}