/* Video Games Path additions (loaded after media-path.css). Copied from the Dance Path setup, plus the Video Games accent below. */
.drawzone{position:relative;}
.drawzone svg{display:block;width:100%;height:auto;}
.zkey{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid var(--ink);vertical-align:-1px;margin-right:4px;}
.mini-t{font-size:8.6pt;}
.mini-t td,.mini-t th{padding:3px 5px!important;}
.sym{font-family:'DMMono';font-weight:500;}
@media screen and (max-width:640px){.calc{white-space:normal;}}

/* ---- Contrast fixes carried over from the Hockey Path (Oct 10, 2026): every text colour pair at 4.5:1 or better ---- */
:root{--muted:#5E5A72;}                                   /* was #6E6A80 (4.35:1 on violet tint) */
.brick .eg{color:#B23A1E;}                                /* coral #FF5B3A on white was 3.1:1 */
.qn[style*="--coral"],.qtype[style*="--coral"],.mono[style*="color:var(--coral)"]{color:#C2381B!important;}
.qn[style*="#7FA313"],.qtype[style*="#6C8F12"]{color:#4E6E00!important;}
.qn[style*="#E0A100"],.qtype[style*="#B88400"]{color:#8A5F00!important;}
.fp-step .badge.c2{color:var(--ink);}                     /* white on coral was 3.1:1 */
.plan h4 .i:not([style]){color:var(--ink);}  /* white on coral was 3.1:1 */
[style*="background:var(--lens);color:#fff"]{color:var(--lens-on)!important;}   /* route stops */
[style*="background:#7FA313;color:#fff"],[style*="background:var(--coral);color:#fff"]{color:var(--ink)!important;}

/* ---- Video Games Path accent (Oct 10, 2026): arcade cyan + pixel magenta on a CRT-dark band, pixel-step edge. Text on light uses --ma-ink (deep arcade purple); ink text on --ma ---- */
:root{--ma:#3FE0EF;--ma-ink:#5A1A9E;--ma-t:#E3FAFC;--mp:#FF4FB0;}
.cover .band{background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,rgba(255,255,255,0) 2px 5px),radial-gradient(ellipse 46% 80% at 80% -8%,rgba(63,224,239,.30),rgba(63,224,239,0) 72%),radial-gradient(ellipse 30% 60% at 50% -10%,rgba(255,79,176,.32),rgba(255,79,176,0) 70%),var(--ink);}
.cover .band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(90deg,#3FE0EF 0 12px,transparent 12px 24px) 0 0/48px 8px repeat-x,linear-gradient(90deg,transparent 0 24px,#FF4FB0 24px 36px,transparent 36px) 0 8px/48px 8px repeat-x;}
.hdr .dot:not([style]){background:var(--ma);border-radius:0;}
.ftr{border-top:3px dashed var(--ma);}
.dkick{font-family:'DMMono';font-size:7.6pt;letter-spacing:.14em;text-transform:uppercase;color:var(--ma-ink);}
.dbox{background:var(--ma-t);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);}
.dbox .tag{background:var(--ma);color:var(--ink);border:1.5px solid var(--ink);border-radius:0;}
.safebox{background:#FFF4D6;border:2.5px solid var(--ink);border-left:10px solid #B3261E;}
.safebox .tag{background:#B3261E;color:#fff;}
.pxl{image-rendering:pixelated;shape-rendering:crispEdges;}
.kb{display:block;width:100%;height:auto;margin:4px 0;}
/* beat grids: one cell per pulse */
.bgrid{display:grid;gap:3px;margin:4px 0;}
.bgrid span{height:21px;border:1.5px solid var(--ink);border-radius:5px;background:#fff;font-family:'DMMono';font-size:7.4pt;display:flex;align-items:center;justify-content:center;color:var(--ink);}
.bgrid span.on{background:var(--ma);font-weight:500;}
.bgrid span.acc{background:var(--ink);color:#fff;}
.bgrid span.lo{background:var(--lime);}
.bgrid.lbl span{border:none;background:none;height:12px;font-size:6.6pt;color:var(--ink2);}
.ntab td,.ntab th{padding:2px 5px!important;}
.ntab .blank{display:block;width:100%;min-width:0;}

/* Lens 8 ink darkened for AA contrast on its tint (4.18 -> 5.25) */
.lens-8{--lens-ink:#4A6E00;}
.lens-7{--lens-ink:#006A63;}