/* m0209v: board stretch and move handles (viewfit.js) and the quiet left sidebar scroll */
#vfit{position:fixed;inset:0;z-index:24;pointer-events:none;display:none}
#vfit>*{pointer-events:auto}
#vfBtn,#vfBar button{width:28px;height:28px;padding:0;margin:0;border-radius:8px;border:1px solid rgba(201,166,90,.7);background:rgba(10,14,34,.78);color:#e9d9a8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit;backdrop-filter:blur(4px)}
#vfBtn{position:fixed;opacity:.38;transition:opacity .18s}
#vfit:hover #vfBtn,#vfit.vfNear #vfBtn,#vfit.vfOpen #vfBtn,#vfBtn:focus-visible{opacity:1}
#vfit.vfMod #vfBtn{opacity:.6}
#vfit.vfOpen #vfBtn{background:#c9a65a;color:#10152c}
#vfBar{position:fixed;display:none;gap:4px}
#vfit.vfOpen #vfBar{display:flex}
#vfMove{cursor:grab;touch-action:none}
#vfMove.vfOn{cursor:grabbing;background:#c9a65a;color:#10152c}
#vfBar button:hover,#vfBtn:hover{background:rgba(40,52,100,.95)}
.vfH{position:fixed;display:block;border:1.5px solid #c9a65a;background:rgba(10,14,34,.85);box-shadow:0 0 0 1px rgba(0,0,0,.35);opacity:0;pointer-events:none!important;transition:opacity .15s;touch-action:none;transform:translate(-50%,-50%)}
.vfH::before{content:"";position:absolute;inset:-9px}
.vfC{width:14px;height:14px;border-radius:50%}
.vfE{border-radius:6px}
.vfH-n,.vfH-s{width:30px;height:8px}.vfH-e,.vfH-w{width:8px;height:30px}
.vfH-nw,.vfH-se{cursor:nwse-resize}.vfH-ne,.vfH-sw{cursor:nesw-resize}.vfH-n,.vfH-s{cursor:ns-resize}.vfH-e,.vfH-w{cursor:ew-resize}
#vfit.vfOpen .vfH,#vfit.vfNear .vfH,#vfit.vfDrag .vfH{opacity:1;pointer-events:auto!important}
.vfH.vfOn{background:#c9a65a}
#vfToast{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);background:rgba(10,14,34,.92);color:#e9d9a8;border:1px solid rgba(201,166,90,.6);border-radius:10px;padding:7px 14px;font:600 13px system-ui,sans-serif;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}
#vfToast.on{opacity:1}
@media (pointer:coarse){#vfBtn,#vfBar button{width:40px;height:40px;border-radius:11px}.vfC{width:22px;height:22px}.vfH-n,.vfH-s{width:44px;height:12px}.vfH-e,.vfH-w{width:12px;height:44px}.vfH::before{inset:-14px}#vfBtn{opacity:.5}}
body.mob #vfBtn{opacity:.55}
/* Left sidebar: no visible scroll bar, scrolling still works with wheel, touch and keyboard */
#panel,#panel *{scrollbar-width:none;-ms-overflow-style:none}
#panel::-webkit-scrollbar,#panel *::-webkit-scrollbar{display:none;width:0;height:0}
#panel{outline:none;overscroll-behavior:contain}
#panel.vfMore::after{content:"";display:block;position:sticky;bottom:-14px;left:0;right:0;height:38px;margin:-38px -14px -14px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%23cfe0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center 22px/16px 10px no-repeat,linear-gradient(to bottom,rgba(10,14,34,0),rgba(10,14,34,.92));border-radius:0 0 14px 14px}
