.overflow-page{--ink:#182123;--panel:#12191ae0;--edge:#85aba842;--text:#e7efed;--dim:#859391;--accent:#69ddd4;background:var(--ink)}.overflow-page #canvas{cursor:grab;z-index:0}.overflow-page #canvas:active{cursor:grabbing}.overflow-page #overflow-fluid{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.overflow-vignette{pointer-events:none;z-index:2;background:linear-gradient(#090d0e2e,#0000 22% 73%,#0508095c),radial-gradient(at 48% 40%,#0000 45%,#05090a80 116%);position:fixed;inset:0}.overflow-marquee{z-index:3;border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111819ad;padding:.85rem 1rem .9rem}.overflow-marquee h1{font-weight:500;letter-spacing:.12em!important;margin-top:.68rem!important;font-size:1.42rem!important}.overflow-hud{z-index:3;max-height:calc(100dvh - 1.24rem);overflow-y:auto;width:min(25rem,100vw - 2.4rem)!important}.overflow-hud .hud-bezel{border-radius:0;padding:1.05rem 1.05rem 1rem;box-shadow:0 1.2rem 4rem #0000005c}.overflow-hud-head{border-bottom:1px solid #b2c4c321;justify-content:space-between;align-items:flex-start;gap:.9rem;padding-bottom:.85rem;display:flex}.overflow-hud .hud-name{color:var(--text);padding-top:.08rem;font-size:.7rem}.overflow-hud .led-bank{gap:.75rem}.overflow-hud .led strong{color:var(--accent);font-size:.76rem}.overflow-hud .led strong b{font:inherit}.overflow-hud .led:last-child strong{color:var(--text)}.overflow-modes button{letter-spacing:.08em;min-width:0;padding-inline:.25rem}.overflow-actions{grid-template-columns:.85fr 1.15fr 1fr;gap:.42rem;margin-top:.45rem;display:grid}.overflow-actions button{letter-spacing:.06em;background:#121515db;min-width:0;padding-inline:.2rem}.overflow-camera-hint{color:var(--dim);font:600 .52rem/1.35 var(--mono);letter-spacing:.07em;text-align:center;text-transform:uppercase;margin:.62rem 0 0}.overflow-slider{color:var(--text);font:600 .6rem/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;grid-template-columns:3.7rem 1fr 3rem;align-items:center;gap:.65rem;margin-top:.9rem;display:grid}.overflow-slider input{width:100%;accent-color:var(--accent)}.overflow-slider output{color:var(--accent);text-align:right;letter-spacing:.03em}.overflow-hud #status{color:var(--dim);letter-spacing:.035em;text-transform:uppercase;border-top:1px solid #b2c4c321;margin:1rem -1.05rem 0;padding:.82rem 1.05rem 0}.overflow-hud .page-nav{color:var(--accent);border-top:1px solid #b2c4c321;margin:.82rem -1.05rem -1rem;padding:.85rem 1.05rem .95rem}@media (width<=680px) and (orientation:portrait){.overflow-marquee{min-width:0;padding:.68rem .8rem .72rem}.overflow-marquee .marquee-sub{font-size:.48rem}.overflow-marquee h1{margin-top:.42rem!important;font-size:.98rem!important}.overflow-hud{width:auto!important;bottom:.62rem!important;left:.62rem!important;right:.62rem!important}.overflow-hud .hud-bezel{padding:.72rem .78rem .68rem}.overflow-hud-head{gap:.55rem}.overflow-hud .led-bank{gap:.48rem}.overflow-hud .led strong{font-size:.68rem}.overflow-hud #status,.overflow-hud .page-nav{margin-inline:-.78rem;padding-inline:.78rem}.overflow-hud .page-nav{margin-bottom:-.68rem}}@media (height<=500px) and (orientation:landscape){#hud.overflow-hud{max-height:calc(100dvh - 1.1rem);bottom:.55rem;left:auto;right:.55rem;width:min(21rem,100vw - 1.1rem)!important}.overflow-hud .hud-bezel{padding:.65rem .72rem}.overflow-camera-hint,.overflow-hud #status{display:none}.overflow-slider{margin-top:.55rem}.overflow-hud .page-nav{margin:.6rem -.72rem -.65rem;padding:.62rem .72rem}}@media (prefers-reduced-motion:reduce){.overflow-page #canvas{filter:saturate(.86)}}