/* The cockpit on the launch pad (operator, v1.4.6): 13 sides, CONNECT at the centre, a destination on each point, a ray
   of light from the centre to each. Sizes S / M / fullscreen, dockable to the screen's foot, draggable by its grip.
   Depth (the 0–254 scale): floating 70 · docked 85 · fullscreen 90 (the Flight deck's band). (c) 2026 BANKON */
.dvk{--dvk-w:min(440px,88vw);position:relative;margin:6px auto 0;width:var(--dvk-w);color:#E8F5EE;
  font:600 11px/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dvk[data-size="s"]{--dvk-w:min(270px,80vw)}
.dvk__frame{position:relative;width:100%;aspect-ratio:1/1}
.dvk__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.dvk__shape{fill:rgba(5,12,9,.55);stroke:#2EE88A;stroke-width:.7;stroke-dasharray:3 4;opacity:.8}
.dvk__ray{stroke:#2EE88A;stroke-width:.6;opacity:.18;stroke-dasharray:100 100;stroke-dashoffset:100;
  transition:stroke-dashoffset .45s cubic-bezier(.3,0,.2,1),opacity .3s}
.dvk__ray.is-hot,.dvk__ray.is-sweep{stroke-dashoffset:0;opacity:1;stroke-width:1.1;filter:drop-shadow(0 0 2px #2EE88A)}
.dvk__ring{position:absolute;inset:0}
.dvk__pt{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;
  gap:5px;min-height:34px;max-width:86px;padding:4px 8px;border:1px solid rgba(46,232,138,.45);border-radius:17px;background:rgba(4,10,7,.88);
  color:#E8F5EE;text-align:center;text-decoration:none;letter-spacing:.04em;text-transform:uppercase;font:inherit;cursor:pointer}
.dvk__pt::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#2EE88A;opacity:.6}
.dvk__pt.is-hot,.dvk__pt:hover,.dvk__pt:focus-visible{border-color:#2EE88A;color:#fff;box-shadow:0 0 0 1px #2EE88A,0 0 14px rgba(46,232,138,.45);outline:none}
.dvk__pt.is-hot::before{opacity:1;box-shadow:0 0 8px #2EE88A}
.dvk__pt[hidden]{display:none}
.dvk__pt.dvt-gated{border-color:rgba(140,160,190,.4)}
.dvk__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex}
.dvk .dvk__connect{min-height:56px;padding:0 22px;font-size:15px;border-width:2px;box-shadow:0 0 0 6px rgba(46,232,138,.08),0 0 28px rgba(46,232,138,.35);background:rgba(4,12,8,.95)}
.dvk__bar{display:flex;justify-content:center;align-items:center;gap:6px;margin:2px 0 0}
.dvk__bar button{min-width:44px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(4,8,6,.8);
  color:#C9D4E2;font:600 11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;cursor:pointer}
.dvk__bar button[aria-pressed="true"]{border-color:#2EE88A;color:#2EE88A}
.dvk__bar button:focus-visible{outline:2px solid #2EE88A;outline-offset:2px}
.dvk__grip{cursor:grab;touch-action:none}
.dvk__grip:active{cursor:grabbing}
/* floating: lifted off the page where the grip dropped it */
.dvk[data-float]{position:fixed;z-index:70;margin:0;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
/* fullscreen: the cockpit is the screen (Esc or M to leave) */
.dvk[data-size="f"]:not([data-docked]){position:fixed;inset:0;z-index:90;width:auto;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 45%,#0A1A12 0,#020403 70%)}
.dvk[data-size="f"]:not([data-docked]) .dvk__frame{width:min(94vmin,880px)}
.dvk[data-size="f"]:not([data-docked]) .dvk__pt{font-size:13px;max-width:120px;min-height:44px}
html.dvk-full{overflow:hidden}
/* docked: a bar at the screen's foot, CONNECT and the controls */
.dvk[data-docked]{position:fixed;left:0;right:0;bottom:0;z-index:85;width:auto;margin:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));
  display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(4,8,6,.96);border-top:1px solid rgba(46,232,138,.35)}
.dvk[data-docked] .dvk__frame{aspect-ratio:auto;width:auto}
.dvk[data-docked] .dvk__svg,.dvk[data-docked] .dvk__ring{display:none}
.dvk[data-docked] .dvk__core{position:static;transform:none}
.dvk[data-docked] .dvk__connect{min-height:44px;font-size:13px;box-shadow:none}
.dvk[data-docked] .dvk__bar{margin:0}
@media (max-width:420px){.dvk__pt{font-size:10px;max-width:74px;padding:3px 6px;min-height:32px}.dvk .dvk__connect{min-height:52px;font-size:14px;padding:0 18px}}
@media (pointer:coarse){.dvk__bar button{min-height:44px}}
@media (prefers-reduced-motion:reduce){.dvk__ray{transition:none}}
@media print{.dvk__bar{display:none}}
/* the 13 points, clockwise from the top (CSP: no inline styles, so their places live here) */
.dvk__pt[data-i="0"]{left:50.00%;top:9.00%}.dvk__pt[data-i="1"]{left:69.05%;top:13.70%}.dvk__pt[data-i="2"]{left:83.74%;top:26.71%}.dvk__pt[data-i="3"]{left:90.70%;top:45.06%}.dvk__pt[data-i="4"]{left:88.34%;top:64.54%}.dvk__pt[data-i="5"]{left:77.19%;top:80.69%}.dvk__pt[data-i="6"]{left:59.81%;top:89.81%}.dvk__pt[data-i="7"]{left:40.19%;top:89.81%}.dvk__pt[data-i="8"]{left:22.81%;top:80.69%}.dvk__pt[data-i="9"]{left:11.66%;top:64.54%}.dvk__pt[data-i="10"]{left:9.30%;top:45.06%}.dvk__pt[data-i="11"]{left:16.26%;top:26.71%}.dvk__pt[data-i="12"]{left:30.95%;top:13.70%}