/* Blind Squirrel brand: logo green #3AD432, site green #2C9C26, accent orange #EC5823, black/white.
   Fonts: Josefin Sans (closest open match to the logo's geometric caps), Special Elite (site accent font), Nunito Sans (body). */
@font-face{font-family:"Josefin Sans";src:url(/assets/JosefinSans.ttf) format("truetype");font-weight:100 700;font-display:swap}
@font-face{font-family:"Special Elite";src:url(/assets/SpecialElite-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(/assets/NunitoSans.ttf) format("truetype");font-weight:200 1000;font-display:swap}
:root{--g:#3AD432;--g2:#2C9C26;--o:#EC5823;--bg:#0b0b0b;--card:#171717;--card2:#222;--line:#2e2e2e;--tx:#f4f4f4;--mut:#9a9a9a;--r:16px;
  --hd:"Josefin Sans",system-ui,sans-serif;--acc:"Special Elite",serif;--bd:"Nunito Sans",system-ui,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
html,body{margin:0;height:100%;background:var(--bg);color:var(--tx);font-family:var(--bd);overscroll-behavior:none}
body{display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
#hap{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;left:-99px}#haplabel{display:none}
header{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line);background:#000}
.logo{height:44px;width:44px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}
.brand .t1{font-family:var(--hd);font-weight:700;letter-spacing:.18em;font-size:18px;line-height:1}
.brand .t2{font-family:var(--acc);color:var(--g);font-size:12px;margin-top:3px}
.pagetitle{flex:1;text-align:center;font-family:var(--hd);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:18px;color:var(--mut)}
.pill{font:700 13px var(--bd);border:0;border-radius:99px;padding:8px 14px;background:#143d12;color:var(--g)}
.pill.bad{background:#4a1a0c;color:#ffb393}
#banner{background:var(--o);color:#fff;padding:6px 16px;font-weight:700;font-size:14px}
main{flex:1;overflow:auto;padding:16px;padding-bottom:12px}
nav{display:flex;border-top:1px solid var(--line);background:#000;padding-bottom:env(safe-area-inset-bottom)}
nav button{flex:1;background:none;border:0;color:var(--mut);padding:10px 2px 8px;font:700 12px var(--hd);letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:4px}
nav button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}
nav button.on{color:var(--g)}
h2{font-family:var(--hd);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:15px;color:var(--mut);margin:18px 0 10px}
h2:first-child{margin-top:0}
.btn{font:700 15px var(--bd);color:var(--tx);background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:46px;transition:transform .08s,background .15s}
.btn.g{background:var(--g2);border-color:var(--g2);color:#fff}.btn.o{background:var(--o);border-color:var(--o);color:#fff}
.btn.wide{width:100%}.btn:disabled{opacity:.4}
.press{animation:press .18s ease-out}
@keyframes press{0%{scale:1}40%{scale:.94;filter:brightness(1.35)}100%{scale:1}}
.grid{display:grid;gap:12px}
/* Home */
.scenes{grid-template-columns:1fr 1fr}
.scene{border-radius:var(--r);padding:26px 20px;border:0;text-align:left;color:#fff;font-family:var(--hd);min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.scene b{font-size:40px;letter-spacing:.1em;font-weight:700}.scene span{font:600 15px var(--bd);opacity:.85;margin-top:4px}
.scene.open{background:linear-gradient(135deg,#2C9C26,#3AD432)}.scene.close{background:linear-gradient(135deg,#1f1f1f,#3a3a3a)}
.quick{grid-template-columns:repeat(4,1fr)}
.qt{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:left;color:var(--tx);min-height:96px}
.qt .k{font:700 13px var(--hd);letter-spacing:.12em;color:var(--mut);text-transform:uppercase}.qt .v{font:800 22px var(--bd);margin-top:8px}
.nowrow{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.now{background:var(--card);border-radius:12px;padding:10px 12px;border-left:4px solid var(--g)}
.now b{font-family:var(--hd);letter-spacing:.08em}.now div{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* TVs */
.tvwrap{display:flex;flex-direction:column;gap:12px;height:100%}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:700 14px var(--hd);letter-spacing:.08em;padding:9px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--tx)}
.chip.on{background:var(--g);color:#000;border-color:var(--g)}
.map{position:relative;flex:1;min-height:420px;background:radial-gradient(#1b1b1b 1px,transparent 1px) 0 0/16px 16px,#101010;border:1px solid var(--line);border-radius:var(--r)}
.tv{position:absolute;transform:translate(-50%,-50%);width:6.2%;min-width:52px;aspect-ratio:1.25;border-radius:10px;border:2px solid #333;background:#1c1c1c;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font-family:var(--hd);transition:transform .08s,border-color .1s}
.tv b{font-size:15px;letter-spacing:.04em}.tv i{font:700 10px var(--bd);font-style:normal;margin-top:2px;padding:1px 5px;border-radius:5px;background:#333;max-width:95%;overflow:hidden;white-space:nowrap}
.tv.sel{border-color:var(--g);box-shadow:0 0 0 3px rgba(58,212,50,.35);background:#173a15}
.tv.off{opacity:.55}.tv.na{border-style:dashed;opacity:.5}
.tv .pw{position:absolute;top:3px;right:4px;width:7px;height:7px;border-radius:50%;background:#555}.tv .pw.on{background:var(--g)}
.srcbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.src{border-radius:12px;padding:10px 6px;border:0;color:#fff;font:700 14px var(--bd);min-height:58px;line-height:1.15}
.src small{display:block;font-size:11px;font-weight:600;opacity:.85;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.selbar .cnt{flex:1;font-weight:800;color:var(--g)}
.hint{color:var(--mut);font-size:14px}
/* DirecTV */
.boxes{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.box{flex:0 0 auto;min-width:96px;text-align:center;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--tx);font-family:var(--hd)}
.box b{display:block;letter-spacing:.06em}.box small{font:600 11px var(--bd);color:var(--mut)}.box.on{border-color:var(--g);background:#173a15}
.dtv{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:12px}
.np{background:var(--card);border-radius:var(--r);padding:14px 16px;margin-bottom:12px}.np .c{font:700 26px var(--hd);letter-spacing:.06em;color:var(--g)}.np .p{color:var(--mut)}
.favs{grid-template-columns:repeat(4,1fr);gap:8px}.fav{min-height:56px;padding:6px}.fav small{display:block;color:var(--mut);font-size:11px}
.pad{grid-template-columns:repeat(3,1fr);gap:8px}
.dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:240px;margin:0 auto}
.dpad .btn{aspect-ratio:1.4}
.rowb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
/* Audio */
.zones{grid-template-columns:repeat(3,1fr)}
.zone{background:var(--card);border-radius:var(--r);padding:16px;border:1px solid var(--line)}
.zone h3{margin:0 0 4px;font:700 22px var(--hd);letter-spacing:.1em;text-transform:uppercase}
.vol{font:800 44px var(--bd);color:var(--g)}.vol.m{color:var(--mut);text-decoration:line-through}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:6px 0}
input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--g) var(--p,0%),#333 var(--p,0%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;margin-top:-11px;border:3px solid var(--g)}
.srcs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.srcs .btn{padding:8px;font-size:14px}
.btn.act{background:var(--g);border-color:var(--g);color:#000}
/* Lights */
.lights{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.lt{background:var(--card);border-radius:var(--r);padding:14px;border:1px solid var(--line)}
.lt .h{display:flex;justify-content:space-between;align-items:center}.lt .h b{font:700 17px var(--hd);letter-spacing:.06em}
.tog{width:58px;height:32px;border-radius:99px;border:0;background:#444;position:relative}.tog::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}
.tog.on{background:var(--g)}.tog.on::after{left:29px}
.colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.sw{aspect-ratio:1;border-radius:14px;border:3px solid transparent;padding:0;position:relative}
.sw.on{border-color:#fff;box-shadow:0 0 0 3px var(--g)}
.sw span{position:absolute;left:0;right:0;bottom:-18px;font-size:10px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.colors{row-gap:26px}
.ph{display:inline-block;font:700 11px var(--bd);background:#4a3a0c;color:#ffd27a;border-radius:6px;padding:2px 7px;margin-left:8px;letter-spacing:0}
/* Apple TV */
.atv{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;height:100%}
.touch{position:relative;border-radius:28px;background:radial-gradient(circle at 50% 40%,#2a2a2a,#151515);border:1px solid #333;min-height:380px;touch-action:none;overflow:hidden}
.touch .lbl{position:absolute;inset:auto 0 16px 0;text-align:center;color:#555;font-size:13px}
.touch .dot{position:absolute;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:rgba(58,212,50,.25);pointer-events:none;opacity:0;transition:opacity .25s}
.touch.flash{animation:flash .2s}.touch .arrow{position:absolute;font:800 46px var(--bd);color:var(--g);opacity:0;pointer-events:none;transition:opacity .3s}
@keyframes flash{50%{background:#1e3a1c}}
.atvb{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.atvb .btn{min-height:64px;font-size:16px}
.kbd{display:flex;gap:8px;margin-top:12px}.kbd input{flex:1;font:600 17px var(--bd);padding:12px;border-radius:12px;border:1px solid var(--line);background:#111;color:#fff;-webkit-user-select:text;user-select:text}
/* Settings */
.devs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.dev{background:var(--card);border-radius:10px;padding:8px 12px;font-size:13px;border-left:4px solid var(--g)}.dev.bad{border-left-color:var(--o)}.dev small{color:var(--mut);display:block}
.notes li{margin:6px 0;color:#ddd;font-size:14px}
.powered{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--mut);font-size:13px;margin:22px 0 8px}.powered img{height:22px}
#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#222;border:1px solid var(--g);padding:12px 18px;border-radius:12px;font-weight:700;z-index:9;max-width:90vw}
#toast.err{border-color:var(--o)}
#sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:8}
.sheet-card{background:#141414;border-radius:20px 20px 0 0;padding:18px;width:min(640px,100%);max-height:80vh;overflow:auto}
/* phone */
@media (max-width:700px){
  header{padding:6px 10px}.brand .t2,.pagetitle{display:none}.brand{flex:1}
  main{padding:12px}
  .scene{min-height:120px}.scene b{font-size:30px}.quick{grid-template-columns:1fr 1fr}
  .dtv,.atv{grid-template-columns:1fr}.zones{grid-template-columns:1fr}
  .map.list{min-height:0;background:none;border:0}
  .favs{grid-template-columns:repeat(4,1fr)}
  .colors{grid-template-columns:repeat(6,1fr);gap:8px;row-gap:22px}
  .touch{min-height:300px}
  nav button{font-size:10px;letter-spacing:.04em}
}
.glist{display:flex;flex-direction:column;gap:10px}
.grow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow .gl{width:26px;font:700 18px var(--hd);color:var(--g)}
.grow .tv{position:static;transform:none;width:58px;min-width:0}
[hidden]{display:none!important}
.support{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin:10px 0}
.support img{height:46px;width:46px;object-fit:contain}.support b{font-family:var(--bd);font-size:16px}
.support .sl{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:4px}.support a{color:var(--g);font-weight:700;text-decoration:none;font-size:14px;-webkit-user-select:text}
.colors{grid-template-columns:repeat(16,1fr)}
@media (max-width:700px){.tvwrap{height:auto}.map.list{flex:none}.colors{grid-template-columns:repeat(8,1fr)}}
.grow .tv{position:relative}
.homerow{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-top:12px;align-items:stretch}.homerow .support{margin:0}
@media (max-width:700px){.homerow{grid-template-columns:1fr}}
/* floor-plan TV map */
.map.plan{aspect-ratio:1.6/1;flex:none;width:100%;max-height:calc(100vh - var(--bn,0px) - 290px);margin:0 auto;background:#0d0d0d}
.fp{position:absolute;inset:0;width:100%;height:100%}
.fp .wall{stroke:rgba(58,212,50,.28)}.fp .bar{stroke:rgba(58,212,50,.22);fill:rgba(58,212,50,.03)}.fp .booth{stroke:rgba(255,255,255,.12)}
.fp .tbl rect{fill:none;stroke:rgba(255,255,255,.10);stroke-width:.25;vector-effect:non-scaling-stroke}
.map .badge{position:absolute;left:1.2%;top:2%;height:13%;background:#fff;border-radius:50%;padding:2px;opacity:.95}
.dtvtune{position:absolute;left:8%;top:78%;width:18%;height:15%;border-radius:12px;border:2px solid var(--g);background:rgba(58,212,50,.12);color:var(--tx);font:700 14px var(--hd);letter-spacing:.1em}
.map.plan .tv{width:5.1%;min-width:46px;aspect-ratio:1.05;border-radius:9px;border:2px solid var(--sc);background:#151515}
.tv i{font:800 10.5px/1.1 var(--bd);font-style:normal;color:#fff;background:var(--sc);border-radius:5px;padding:3px 3px;max-width:94%;text-align:center;white-space:normal;word-break:break-word}
.tv.sel{border-color:var(--g)!important}
.grow .tv{width:64px;aspect-ratio:1.15}
.map.plan{height:calc(100vh - var(--bn,0px) - 330px);width:auto;max-width:100%;max-height:none;aspect-ratio:1.75/1;align-self:center}
.map.plan .tv{width:4.6%;min-width:40px;aspect-ratio:1.3}
.map.plan .tv i{font-size:9.5px;padding:2px}
.tvwrap{gap:8px}
.srcbar{grid-template-columns:repeat(13,1fr);gap:6px}.srcbar .src{min-height:50px;font-size:13px;padding:6px 3px}
@media (max-width:700px){.grow .tv{width:56px}.grow{gap:6px}.srcbar{grid-template-columns:repeat(3,1fr)}}
.map.plan{height:calc(100vh - var(--bn,0px) - 300px)}
.map.plan .tv{width:5.7%;aspect-ratio:1.4;padding-top:6px}
.map.plan .tv i{font-size:10px;line-height:1.05}
.tv .pw{top:2px;right:2px;width:6px;height:6px}
.zones{grid-template-columns:1fr}.zone.big{display:grid;grid-template-columns:200px 1fr 1fr;gap:6px 18px;align-items:center}
.zone.big h3{grid-column:1}.zone.big .vol{grid-column:1}.zone.big input{grid-column:2/4;grid-row:1}.zone.big .btn.wide{grid-column:2;grid-row:2}.zone.big .srcs{grid-column:3;grid-row:2;margin:0;grid-template-columns:repeat(4,1fr)}
.zones4{grid-template-columns:repeat(5,1fr);gap:10px}.zones4 .zone{padding:12px}.zones4 .zone h3{font-size:16px}.zones4 .vol{font-size:34px}
.zone.master{border-color:var(--g);background:#13230f}
@media (max-width:700px){.zone.big{display:block}.zone.big .srcs{grid-template-columns:1fr 1fr;margin-top:10px}.zones4{grid-template-columns:1fr 1fr}.zones4 .zone.master{grid-column:1/3}}
/* ---- map viewport (zoom/pan on phones) ---- */
.mapvp{position:relative;display:flex;justify-content:center}
.mapvp .map.plan{transform-origin:0 0}
.mapvp.compact{overflow:hidden;touch-action:none;border-radius:var(--r);justify-content:flex-start;align-self:center}
.mapvp.compact .map.plan{height:auto;max-width:none}
.mapvp.compact .tv{min-width:34px;width:5.4%;aspect-ratio:1.2;border-radius:7px;padding:4px 0 0}
.mapvp.compact .tv i{font-size:8.5px;padding:1px 2px;border-radius:3px}
.mapvp.compact .tv .pw{width:5px;height:5px}
.mapvp.compact .dtvtune{font-size:10px;letter-spacing:.05em}
.zoomhint{position:absolute;right:8px;bottom:8px;font-size:11px;color:var(--mut);pointer-events:auto}
.zoomhint .chip{padding:6px 10px;font-size:12px}
/* portrait phone: rotated plan, long axis vertical */
.mapvp.portrait{width:min(100%, calc((100vh - 250px) / 1.75))}
.mapvp.portrait .map.plan{width:100%;aspect-ratio:1/1.75}
.mapvp.portrait .tv{width:9.5%;min-width:34px}
.mapvp.portrait .badge{left:auto;right:2%;top:1.2%;height:auto;width:13%}
.mapvp.portrait .dtvtune{left:7%;top:8%;width:15%;height:18%;writing-mode:horizontal-tb}
/* landscape phone: chips as a side column, map fills height */
@media (max-height:500px){
  header{padding:4px 12px}.logo{height:32px;width:32px}.brand .t1{font-size:15px}.brand .t2,.pagetitle{display:none}
  main{padding:8px 12px}nav button{padding:5px 2px;font-size:10px}nav button svg{width:20px;height:20px}
  .tvwrap.compact{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;height:100%;gap:8px}
  .tvwrap.compact .chips{flex-direction:column;flex-wrap:nowrap;overflow:auto;grid-row:1/3}.tvwrap.compact .chips .chip{padding:5px 10px;font-size:12px}
  .mapvp.compact:not(.portrait){height:calc(100vh - 135px);aspect-ratio:1.75/1;width:auto;max-width:100%}
  .mapvp.compact:not(.portrait) .map.plan{height:100%;width:100%;aspect-ratio:auto}
  .tvwrap.compact > .hint{grid-column:2;font-size:12px}
}
/* source bottom sheet */
.srcsheet{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));background:#141414;border-top:2px solid var(--g);border-radius:18px 18px 0 0;
  padding:10px 12px 12px;max-height:46vh;overflow:auto;z-index:5;box-shadow:0 -10px 30px rgba(0,0,0,.6);animation:sheetup .18s ease-out}
@keyframes sheetup{from{transform:translateY(40px);opacity:0}}
.srcsheet .selbar{margin-bottom:8px}.srcsheet .selbar .btn{min-height:40px;padding:8px 12px}
.srcsheet .srcbar{grid-template-columns:repeat(3,1fr)}
@media (max-height:500px){.srcsheet{left:auto;width:min(560px,70vw);bottom:48px;max-height:70vh}.srcsheet .srcbar{grid-template-columns:repeat(4,1fr)}}
.zone.interior{margin-bottom:12px;border-color:var(--g)}.zone.interior h3{font-size:18px}
.srcs.row{grid-template-columns:repeat(4,1fr)}.srcnote{margin-top:10px}.srcnote span{opacity:.6}
.zone.big .srcnote{grid-column:3;grid-row:2;margin:0}
@media (max-width:700px){.srcs.row{grid-template-columns:1fr 1fr}}
.mapvp.compact .tv i{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:clip;font-size:8px;letter-spacing:-.02em;max-width:96%}
@media (max-height:500px){.mapvp.compact:not(.portrait){height:calc(100vh - 152px)}}
#demo{background:#3a2a00;color:#ffd27a;text-align:center;font:800 12px var(--bd);letter-spacing:.08em;padding:3px 8px;padding-top:calc(3px + env(safe-area-inset-top))}

/* active-scene state */
.scene.inactive{background:linear-gradient(135deg,#2a2a2a,#3d3d3d)!important;color:#bbb}
.scene.open.active{background:linear-gradient(135deg,#2C9C26,#3AD432)!important;box-shadow:0 0 0 3px #3AD432,0 0 24px rgba(58,212,50,.45)}
.scene.close.active{background:linear-gradient(135deg,#a51d1d,#e03131)!important;box-shadow:0 0 0 3px #e03131,0 0 24px rgba(224,49,49,.45)}

/* channel logos: rendered on a light chip so dark/black marks stay legible on dark tiles */
.lg{display:inline-flex;align-items:center;justify-content:center;background:#f4f4f2;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.lg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.fav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 8px}
.lg.fl{width:100%;height:38px;padding:4px 10px}
.fav small{font-size:12px;opacity:.75;letter-spacing:.05em}
.fav.act .lg.fl{box-shadow:0 0 0 3px #3AD432}
.lg.tl{width:88%;height:62%;padding:2px 3px;border-radius:4px}
.lg.sb{width:46px;height:20px;padding:2px 4px;margin-right:6px;vertical-align:middle;border-radius:4px}
.src small{display:flex;align-items:center;justify-content:center}
:root:has(#demo:not([hidden])){--bn:22px}  /* leave room for the DEMO banner */
.lg.sb{width:44px;height:17px;padding:1px 3px;margin-right:5px}
.fav.act small{color:#fff;opacity:1;font-weight:800}

/* ---- Louisville additions ---- */
.floors{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.chip.fl{font-size:14px;padding:8px 16px}
.chip.fl.on{background:var(--g2);border-color:var(--g);color:#fff}
.map.plan.f-1stLevel .dtvtune{left:6%;top:76%;width:11%;height:12%;font-size:12px}
.fp .walk{stroke:rgba(255,255,255,.22)}.fp .door{stroke:#3d8bff;stroke-width:1.4}.fp .tap{stroke:rgba(255,255,255,.3)}
.fp .shady{fill:rgba(196,128,52,.12);stroke:rgba(214,150,70,.55)}.fp .patio2{fill:rgba(90,190,230,.06);stroke:rgba(120,200,160,.45);stroke-dasharray:2 1.2}
.fp .tbl ellipse,.fp .tbl rect{fill:none;stroke:rgba(58,212,50,.25);stroke-width:.3;vector-effect:non-scaling-stroke}
.fp .lbl{font:700 3px var(--hd);fill:rgba(255,255,255,.28);text-anchor:middle;letter-spacing:.3px}.fp .lbl.sm{font-size:2px}
.map.plan .tv.tall{aspect-ratio:.5;width:4%}
.tv.bad{border-color:var(--o)!important;box-shadow:0 0 0 2px rgba(236,88,35,.5)}
.areas{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ascene{min-height:58px;font:700 17px var(--hd);letter-spacing:.06em}
.scene.running,.ascene.running{animation:pulse 1s infinite alternate}@keyframes pulse{to{filter:brightness(1.35)}}
.links{grid-template-columns:1fr 1fr;margin:12px 0}.btn.link{text-align:center;text-decoration:none;font:700 16px var(--hd);letter-spacing:.06em;padding:14px}
.btn.dis,.src.dis{opacity:.45;filter:grayscale(.6)}
.ledcard{margin-top:12px}.ledcard .lh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ledcard h3{margin:0}
.lay .btn{display:flex;align-items:center;gap:8px;justify-content:center}
.lico{display:inline-grid;width:26px;height:16px;border:1.5px solid currentColor;border-radius:2px;gap:1px;padding:1px;position:relative}
.lico i{background:currentColor;opacity:.55;border-radius:1px}
.lico.l4-1{grid-template:1fr 1fr/1fr 1fr}.lico.l3-1{grid-template-columns:1fr 1fr 1fr}
.lico.l2-1 i:nth-child(2){position:absolute;right:2px;top:2px;width:9px;height:6px;opacity:1;outline:1px solid #111}
.wins{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.wins label{display:flex;flex-direction:column;font:700 12px var(--bd);color:var(--mut);gap:4px}
.wins select{background:#222;color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:10px;font:600 15px var(--bd)}
.ph2{margin-top:8px;color:#ffd27a}
.btn.mute.on{background:#b3261e;border-color:#e03131;color:#fff}
.presets{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}
.agroup{margin-bottom:6px}
.beach .bcols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}
.bcol{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.bcol b{font:700 15px var(--hd);letter-spacing:.04em}
.bcol input{width:100%}
@media (max-width:700px){.beach .bcols{grid-template-columns:1fr 1fr}.links{grid-template-columns:1fr}}
.map.plan{height:calc(100vh - var(--bn,0px) - 400px)}
.mapvp.portrait .tv.tall{aspect-ratio:2.2;width:15%}
.mapvp.portrait .map.plan.f-1stLevel .dtvtune{left:auto;right:3%;top:auto;bottom:2%;width:22%;height:7%;font-size:10px}
/* area scene state (same logic as Open/Close): On active = green, Off active = red, the other gray */
.ascene{background:linear-gradient(135deg,#2a2a2a,#3d3d3d);color:#ddd;border:0}
.ascene.inactive{background:linear-gradient(135deg,#2a2a2a,#3d3d3d)!important;color:#bbb;box-shadow:none}
.ascene.on.active{background:linear-gradient(135deg,#2C9C26,#3AD432)!important;color:#fff;box-shadow:0 0 0 3px #3AD432,0 0 18px rgba(58,212,50,.4)}
.ascene.off.active{background:linear-gradient(135deg,#a51d1d,#e03131)!important;color:#fff;box-shadow:0 0 0 3px #e03131,0 0 18px rgba(224,49,49,.4)}
/* uniform per-floor tile scaling (sizeTiles): text + logo follow --k */
.map.plan .tv i{font-size:calc(9.5px * var(--k,1))}
.mapvp.compact .tv i{font-size:calc(8px * var(--k,1))}
.map.plan .tv .pw{width:calc(6px * var(--k,1));height:calc(6px * var(--k,1))}

/* press-and-hold scene buttons */
.scene[data-scene], .ascene[data-scene] { position: relative; overflow: hidden; touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.scene[data-scene] > *, .ascene[data-scene] > * { position: relative; z-index: 1; pointer-events: none; }
.scene[data-scene]::before, .ascene[data-scene]::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.28); transform: scaleX(0); transform-origin: left; pointer-events: none; z-index: 0; }
.scene[data-scene].holding::before, .ascene[data-scene].holding::before { transform: scaleX(1); transition: transform var(--hold-ms, 1000ms) linear; }
.scene[data-scene].holding, .ascene[data-scene].holding { transform: scale(.985); }
.scene[data-scene]::after, .ascene[data-scene]::after { content: "Hold to activate"; position: absolute; left: 50%; bottom: 6px; transform: translate(-50%, 4px); font-size: 12px; font-weight: 600; letter-spacing: .02em; padding: 2px 8px; border-radius: 10px; background: rgba(0,0,0,.65); color: #fff; opacity: 0; transition: opacity .2s, transform .2s; pointer-events: none; z-index: 2; white-space: nowrap; }
.scene[data-scene].hold-hint::after, .ascene[data-scene].hold-hint::after { opacity: 1; transform: translate(-50%, 0); }
.scene[data-scene].hold-done, .ascene[data-scene].hold-done { animation: holdDone .45s ease-out; }
@keyframes holdDone { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,.75); filter: brightness(1.35); } 100% { box-shadow: 0 0 0 16px rgba(255,255,255,0); filter: none; } }

/* audio: one card per group (Interior / Exterior / Shady) */
.acards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:14px}
.acard{background:var(--card,#161616);border:1px solid var(--g);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.acard .ahead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.acard h2{margin:0}
.acard .srcs{margin-top:0;grid-template-columns:repeat(3,1fr)}.acard .srcs .btn{min-height:44px}
.zrow{display:grid;grid-template-columns:minmax(78px,auto) 1fr 40px auto;align-items:center;gap:10px;padding:6px 0}
.zrow .zn{font-weight:600;font-size:15px}.zrow .vol{font-size:20px;text-align:right}.zrow .btn{min-height:44px;padding:8px 12px}
.zrow input[type=range]{width:100%;min-height:44px}
.zrow.master{background:#13230f;border-radius:12px;padding:8px 10px}.zrow.master .zn{color:var(--g);font-size:17px}
.zrow.fixed{border:1px dashed #444;border-radius:12px;padding:6px 10px}
.fixednote{margin-top:-8px;font-size:12px}
.zt{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;background:#222;border:1px solid #333;color:inherit;border-radius:12px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer;text-align:left}
.zt .chev{transition:transform .2s;font-size:18px}.zt[aria-expanded=true] .chev{transform:rotate(180deg)}
.zlist{display:flex;flex-direction:column;gap:2px;padding:0 4px}
@media (max-width:700px){.acards{grid-template-columns:1fr}.zrow{grid-template-columns:70px 1fr 34px auto;gap:8px}}

/* home: single toggle power buttons, one row on iPad */
.powers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:6px}
.scene.pwr{min-height:84px;padding:12px 14px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;background:linear-gradient(135deg,#2a2a2a,#3d3d3d)!important;color:#bbb;box-shadow:none}
.scene.pwr b{font-size:20px;letter-spacing:.08em}.scene.pwr .pico{font-size:26px;line-height:1;opacity:.9}
.scene.pwr .pst{margin:0 0 0 auto;font:700 13px var(--bd);text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:10px;background:rgba(0,0,0,.3);opacity:1}
.scene.pwr.on{background:linear-gradient(135deg,#2C9C26,#3AD432)!important;color:#fff;box-shadow:0 0 0 2px #3AD432,0 0 16px rgba(58,212,50,.35)}
.scene.pwr::after{bottom:3px;font-size:11px}
@media (max-width:700px){.powers{grid-template-columns:1fr 1fr}.scene.pwr{min-height:68px}.scene.pwr b{font-size:17px}}
.scene.pwr.off{background:linear-gradient(135deg,#a51d1d,#e03131)!important;color:#fff;box-shadow:0 0 0 2px #e03131,0 0 14px rgba(224,49,49,.3)}
@media (max-width:700px){.powers .scene.pwr.venue{grid-column:1/-1}}

/* Music Videos card (home) */
.mvcard{margin:10px 0}
.mvremote{display:flex;align-items:center;justify-content:center;min-height:56px;font:700 18px var(--hd);letter-spacing:.05em;background:linear-gradient(135deg,#2C9C26,#3AD432);color:#fff;border:0;border-radius:14px;text-decoration:none}
.mvgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.mvgrid .btn{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px}
.mvgrid .btn b{font-size:15px}.mvgrid .btn small{font-size:12px;opacity:.75}
.mvgrid .btn.act{border-color:var(--g);background:#13230f!important;color:#fff!important}.mvgrid .btn.act small{color:var(--g);opacity:1}
[data-mvgrp]{position:relative;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
[data-mvgrp]>*{position:relative;z-index:1;pointer-events:none}
[data-mvgrp]::before{content:"";position:absolute;inset:0;background:rgba(58,212,50,.35);transform:scaleX(0);transform-origin:left;pointer-events:none}
[data-mvgrp].holding::before{transform:scaleX(1);transition:transform var(--hold-ms,1000ms) linear}
[data-mvgrp]::after{content:"Hold to activate";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font-size:10px;padding:1px 6px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;z-index:2}
[data-mvgrp].hold-hint::after{opacity:1}
[data-mvgrp].hold-done{animation:holdDone .45s ease-out}
@media (max-width:700px){.mvgrid{grid-template-columns:repeat(3,1fr)}}
/* DirecTV receiver selector: wrapping grid, no side-scroll */
.boxes{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible!important;padding-bottom:0}
.boxes .box{min-width:0!important;width:100%;min-height:48px;padding:6px 4px;white-space:normal}
.boxes .box b,.boxes .box small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:700px){.boxes .box b{font-size:13px}.boxes .box small{font-size:10px}}
.dtv,.dtv>div{min-width:0}

/* ===== Mobile / iPad optimization pass ===== */
:root{--bh:44px;--bfs:14px;--bpad:8px 10px;--brad:12px;--gap:8px}
/* the audio source buttons define the shared button token */
.acard .srcs .btn{min-height:var(--bh);font-size:var(--bfs);padding:var(--bpad);border-radius:var(--brad)}
/* inputs: 16px minimum (no iOS zoom), 44px targets everywhere */
input:not([type=range]),select,textarea{font-size:16px!important;min-height:var(--bh)}
.pill,.chip{min-height:var(--bh);display:inline-flex;align-items:center;justify-content:center}
html,body{overflow-x:hidden;max-width:100%}
#view{overflow-x:hidden}
img,svg{max-width:100%}
/* offline banner: compact tappable summary */
#banner{padding:0;font-size:14px}
#banner .bsum{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:36px;background:none;border:0;color:#fff;font:700 14px var(--bd);padding:6px 16px;cursor:pointer}
#banner .bsum .chev{transition:transform .2s}#banner .bsum[aria-expanded=true] .chev{transform:rotate(180deg)}
#banner .blist{padding:4px 16px 10px;font-weight:600;font-size:13px;line-height:1.4;max-height:30vh;overflow:auto}
/* centred button groups (no dead space on the last row) */
.links,.favs,.chips,.floors,.srcbar,.atvb,.homerow-btns{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.links>*{flex:1 1 calc(50% - var(--gap));max-width:calc(50% - var(--gap)/2)}
.favs>*{flex:0 1 calc(25% - var(--gap));min-width:0}
.atvb>*{flex:1 1 calc(50% - 10px);max-width:calc(50% - 5px)}
.srcbar>*{flex:0 1 96px}
/* iPad: use the width */
@media (min-width:701px){.favs>*{flex-basis:calc(20% - var(--gap))}.links>*{flex:1 1 calc(33.333% - var(--gap));max-width:calc(33.333% - var(--gap)/2)}}
@media (min-width:1000px){#view{max-width:1400px;margin-left:auto;margin-right:auto;width:100%}}
/* phone: every action button uses the audio-source token */
@media (max-width:700px){
  :root{--gap:8px}
  .btn,.chip,.chip.fl,.box,.zt,.pill,.src,.qt,.atvb .btn,.lay .btn,.srcs .btn,.btn.mute,.btn.wide,#banner .bsum{min-height:var(--bh)!important;font-size:var(--bfs)!important;padding:var(--bpad)!important;border-radius:var(--brad)!important}
  .scene.pwr b{font-size:var(--bfs)!important;letter-spacing:.06em}.scene.pwr .pico{font-size:18px}.scene.pwr .pst{font-size:11px;padding:2px 6px}
  .scene.pwr::after{display:none}
  .box b{font-size:var(--bfs)!important}.box small{font-size:10px!important}
  .src small{font-size:11px}
  .btn.link{min-height:var(--bh)!important;padding:var(--bpad)!important;font-size:var(--bfs)!important}
  .links>*{flex-basis:100%;max-width:100%}
  .fav{min-height:64px}
  .srcbar>*{flex:0 1 calc(33.333% - var(--gap))}
  h2{font-size:15px;margin:14px 0 8px}
  header{padding:6px 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  #view{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
}

/* phone TVs: zones + large tiles */
.zpick{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);margin-bottom:10px}
.zpick .btn{flex:0 1 calc(33.333% - var(--gap))}
.zhead{display:flex;align-items:center;gap:8px;margin:4px 0 8px}.zhead h2{margin:0;flex:1}
.tvgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.tvg{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:118px;padding:10px;border-radius:14px;border:2px solid var(--line);
  background:linear-gradient(180deg,#1d1d1d,#151515);color:var(--tx);text-align:left;box-shadow:inset 4px 0 0 var(--sc);touch-action:manipulation;-webkit-user-select:none;user-select:none}
.tvg.sel{border-color:var(--g);background:#13230f;box-shadow:inset 4px 0 0 var(--sc),0 0 0 2px var(--g)}
.tvg.off{opacity:.6}.tvg.bad{border-color:var(--o)}
.tvg .tvh{display:flex;align-items:center;gap:6px;min-width:0}.tvg .tvh b{font:700 15px var(--hd);letter-spacing:.05em}
.tvg .tvn{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tvg .tvc{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px}
.tvg .lg.tg{width:100%;height:52px;padding:6px 10px}
.tvg .tvc i{font:700 18px var(--hd);font-style:normal;letter-spacing:.04em;text-align:center}
.tvg small{position:absolute;right:10px;bottom:6px;font-size:11px;color:var(--mut)}
.tvg .pw{width:10px;height:10px;border-radius:50%;background:#555;flex:0 0 auto}.tvg .pw.on{background:var(--g)}
@media (max-width:340px){.tvg{min-height:104px}.tvg .lg.tg{height:44px}}
.boxes{display:flex!important;flex-wrap:wrap;justify-content:center}.boxes .box{flex:0 1 calc(20% - 5px)}

/* home power press-and-hold cards (Matt 2026-10-15): ring fills over --hold-ms. 84px iPad, 68px phone */
.pwr-hold{position:relative;display:flex;align-items:center;gap:14px;min-height:84px;padding:8px 18px 8px 10px;border:0;border-radius:42px;color:#fff;font:inherit;text-align:left;cursor:pointer;
  touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
  background:linear-gradient(135deg,#a51d1d,#e03131);box-shadow:0 0 0 2px #e03131,0 0 14px rgba(224,49,49,.3);transition:transform .15s}
.pwr-hold.on{background:linear-gradient(135deg,#2C9C26,#3AD432);box-shadow:0 0 0 2px #3AD432,0 0 16px rgba(58,212,50,.35)}
.pwr-hold:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pwr-hold.holding{transform:scale(.98)}
.ph-ico{position:relative;flex:0 0 68px;width:68px;height:68px;border-radius:50%;background:#fff;color:#c22;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}
.pwr-hold.on .ph-ico{color:#249a1f}
.ph-ico i{font-style:normal;font-size:28px;line-height:1}
.ph-ico svg{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg)}
.ph-ico circle{fill:none;stroke-width:5}
.ph-track{stroke:rgba(0,0,0,.12)}
.ph-ring{stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .35s ease-out}
.pwr-hold.holding .ph-ring{stroke-dashoffset:0;transition:stroke-dashoffset var(--hold-ms,1500ms) linear}
.pwr-hold.running .ph-ring{stroke-dashoffset:0;transition:none}
.ph-txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;pointer-events:none}
.ph-txt b{font:800 20px var(--bd);letter-spacing:.08em;text-transform:uppercase;line-height:1}
.ph-txt .pst{font:700 11px var(--bd);text-transform:uppercase;letter-spacing:.06em;padding:1px 7px;border-radius:9px;background:rgba(0,0,0,.3)}
.ph-txt small{font-size:12px;opacity:.9;white-space:nowrap}
.pwr-hold.running{opacity:.8;pointer-events:none}.pwr-hold.running .ph-ico i{animation:psSpin 1s linear infinite}
.pwr-hold.hold-done{animation:psPulse .5s ease-out}
@keyframes psPulse{0%{box-shadow:0 0 0 2px #fff,0 0 0 0 rgba(255,255,255,.8)}100%{box-shadow:0 0 0 2px #fff,0 0 0 18px rgba(255,255,255,0)}}
@keyframes psSpin{to{rotate:360deg}}
@media (max-width:700px){.pwr-hold{min-height:68px;border-radius:34px;padding:6px 14px 6px 8px}.ph-ico{flex-basis:54px;width:54px;height:54px}.ph-ico i{font-size:23px}.ph-txt b{font-size:17px}.ph-txt small{font-size:11px}.powers .pwr-hold.venue,.powers .pwr-hold.lights{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.pwr-hold.holding .ph-ring{transition-timing-function:steps(3)}.pwr-hold.hold-done{animation:none}}
.src small .lastk{font-style:normal;opacity:.75;font-size:.85em;margin-left:3px}

/* Florence stage lights card */
.lcard .lsub{font:700 13px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:12px 0 6px}
.lcard .colors{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;row-gap:24px;margin-bottom:22px}
.fxgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0}
.fx{aspect-ratio:1;border-radius:12px;border:2px solid #333;background:#151515;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 -10px 0 var(--fc)}
.fx b{font:800 16px var(--bd)}.fx small{font-size:9px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}
.fx.sel{border-color:var(--g);box-shadow:inset 0 -10px 0 var(--fc),0 0 0 2px var(--g)}
@media (max-width:700px){.fxgrid{grid-template-columns:repeat(4,1fr)}}

.lgrp{border:1px solid #2a2a2a;border-radius:12px;padding:8px 10px;margin:8px 0;background:#121212}.lgrp.all{border-color:#444}
.lgh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lgh .zn{font-weight:800}.lgh .hint{flex:1;min-width:0}
.lsw{width:18px;height:18px;border-radius:50%;border:1px solid #555}.seg{display:flex;gap:4px}.btn.sm{padding:6px 14px;min-height:36px}
.lgrp .zrow{margin:4px 0 0}.chip.act{background:var(--g);color:#000}
.fx{aspect-ratio:auto;height:68px}

.fxbtns .btn{min-height:44px}.fxcols{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.mini{width:30px;height:30px;border-radius:8px;border:2px solid #333}.mini.sel{border-color:#fff;box-shadow:0 0 0 2px var(--g)}
.zrow.master .btn.sm{margin-left:6px}

.sfrow{flex-wrap:wrap;gap:8px}.sfsel{flex:1;min-width:150px;background:#151515;color:#fff;border:1px solid #333;border-radius:10px;padding:8px;font:inherit;min-height:40px}
.zrow.sfrow{display:flex;flex-wrap:wrap;align-items:center}.zrow.sfrow .zn{flex:0 0 auto}.zrow.sfrow .sfsel{flex:1 1 160px}

.hcard .grid.lights{margin:6px 0 4px}.hscenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:4px 0 10px}
.hscenes .ascene{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;border-radius:12px;text-align:left}
.hscenes .ascene small{font:500 12px var(--bd);opacity:.75;letter-spacing:0;margin-top:2px}
.hsched{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #2a2a2a}
.hsched .zn{font-weight:800}.hsched .hint{flex:1;min-width:200px}.hsched .hint b{color:#fff}
/* tappable level readouts + numeric entry */
.zrow .vol,.lt .hint[id^="l-"]{cursor:pointer;text-decoration:underline dotted rgba(255,255,255,.35);text-underline-offset:4px;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
.lt .hint[id^="l-"]{justify-content:flex-start}
.numpop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top) + 90px) 16px 16px}
.numcard{background:#161616;border:1px solid var(--g);border-radius:16px;padding:16px;width:min(340px,100%);box-shadow:0 10px 40px rgba(0,0,0,.6)}
.numcard .nt{font:700 15px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.numcard .nrow{display:flex;align-items:center;gap:10px}
.numcard input{flex:1;font:800 32px var(--bd);text-align:center;background:#0d0d0d;color:#fff;border:1px solid #333;border-radius:12px;padding:10px;min-width:0;-moz-appearance:textfield}
.numcard input::-webkit-inner-spin-button,.numcard input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.numcard .nu{color:var(--mut);font-size:14px}.numcard .nbtn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.numcard .nbtn .btn{min-height:48px;font-size:17px}

/* Control Point by Tri-State AV lockup, centred in the top bar on every page (2026-10-14) */
header{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
header .lb{grid-column:1;display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}
header .lb .brand{flex:none !important;min-width:0}
header .pagetitle{display:none !important}
header .cplogo{grid-column:2;height:40px;width:auto;max-width:34vw;object-fit:contain;display:block}
header #status{grid-column:3;justify-self:end}
@media (max-width:1000px){header .cplogo{height:32px}}
@media (max-width:700px){header{gap:6px}header .lb{gap:6px}header .brand .t2{display:none}header .brand .t1{font-size:13px;letter-spacing:.1em}
  header .cplogo{height:auto;width:30vw;max-width:150px}}
@media (max-width:400px){header .brand{display:none}header .cplogo{width:40vw}}
/* Volume / level sliders (Matt 2026-10-14): slider gets its own full-width row, bigger track and thumb. */
.zrow:not(.sfrow){grid-template-columns:1fr auto auto !important;grid-template-areas:"zn vol btn" "rng rng rng";row-gap:4px}
.zrow:not(.sfrow) > .zn{grid-area:zn}
.zrow:not(.sfrow) > .vol{grid-area:vol}
.zrow:not(.sfrow) > input[type=range]{grid-area:rng}
.zrow:not(.sfrow) > .btn,.zrow:not(.sfrow) > span:last-child:not(.vol){grid-area:btn}
input[type=range]{height:60px;margin:2px 0;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:20px;border-radius:10px}
input[type=range]::-webkit-slider-thumb{width:52px;height:52px;margin-top:-16px;border-width:4px;box-shadow:0 2px 8px #000a}
input[type=range]::-moz-range-track{height:20px;border-radius:10px;background:#333}
input[type=range]::-moz-range-progress{height:20px;border-radius:10px;background:var(--g)}
input[type=range]::-moz-range-thumb{width:46px;height:46px;border-radius:50%;background:#fff;border:4px solid var(--g)}
.zrow.master{padding:10px 14px}
.zone.big input[type=range],.zones4 input[type=range]{width:100%}

/* Home status boxes (TV power + audio zones) */
.grid.statrow{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{background:var(--card);border-radius:12px;padding:10px 12px;border-left:4px solid var(--g);min-width:0}
.stat b{font-family:var(--hd);letter-spacing:.08em}
.stat .sv{font-size:18px;font-weight:600;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat small{display:block;font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat.warn{border-left-color:#e0a030}.stat.off,.stat.unk,.stat.offl{border-left-color:var(--mut)}
.stat.muted{border-left-color:#d05050}.stat .mu{color:#e07070;font-weight:600}
@media (max-width:700px){.grid.statrow{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3 cropped landscape plan (Main: plan y 17..97): re-place fixed elements in cropped %, smaller CSS base (JS grows tiles to fit) */
.map.plan.crop .tv{width:4%;min-width:0;aspect-ratio:1.15}
.map.plan.crop .badge{left:9%;top:1.5%;height:10%}
.map.plan.crop .dtvtune{top:76.25%;height:18.75%}
.mapvp.compact:not(.portrait) .map.plan.crop{aspect-ratio:auto}

/* v4: tablet landscape sources as side columns beside the plan */
.maprow{display:flex;align-items:stretch;gap:10px;min-height:0}
.maprow .mapvp{flex:1;min-width:0}
.srcbar.srccol{display:flex;flex-direction:column;justify-content:center;gap:8px;width:136px;flex:none}
.srcbar.srccol .src{min-height:52px;flex:none;font-size:13px;padding:6px 6px;white-space:nowrap}
.maprow .map.plan.crop{height:min(calc(100vh - var(--bn,0px) - 230px), calc((100vw - 330px) / 2.1875));max-width:100%;min-height:0}
.map.plan.crop .tv i{white-space:nowrap;word-break:normal;font-size:9px;letter-spacing:-.03em;padding:2px 2px;max-width:96%;overflow:visible}

/* home power tiles v2 (Matt 2026-10-15): square-ish cards that read as hold buttons - big ring centred, label, state chip, hint */
.powers{grid-template-columns:repeat(auto-fit,minmax(170px,220px));justify-content:center}
.pwr-hold{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:176px;padding:14px 10px 12px;border-radius:20px;text-align:center}
.pwr-hold .ph-ico{flex:none;width:84px;height:84px}.pwr-hold .ph-ico i{font-size:36px}
.pwr-hold .ph-txt{align-items:center;gap:5px}
.pwr-hold .ph-txt b{font-size:19px}
@media (max-width:700px){.powers{grid-template-columns:1fr 1fr}.powers .pwr-hold.venue,.powers .pwr-hold.lights{grid-column:auto}
  .pwr-hold{min-height:150px;border-radius:18px;padding:12px 8px 10px;gap:6px}.pwr-hold .ph-ico{flex:none;width:70px;height:70px}.pwr-hold .ph-ico i{font-size:30px}
  .pwr-hold .ph-txt b{font-size:16px}.pwr-hold .ph-txt small{font-size:11px}}
/* source hold-to-all ring: SVG rect stroke fills around the box over --hold-ms */
.srcbar .src{position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.src .hring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.src .hring rect{fill:none;stroke:#fff;stroke-width:4;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .2s,opacity .2s}
.src.sholding .hring rect{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--hold-ms,1500ms) linear,opacity .1s}
.src.sholding{transform:scale(.97)}
.src.shold-done{animation:psPulse .5s ease-out}
.srchint{flex-basis:100%;text-align:center;font:600 11px var(--bd);color:var(--mut);letter-spacing:.03em}
.srcbar.srccol .srchint{flex:none;margin-top:-2px}

/* TV Guide */
.eg{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}
.eg-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.eg-bar input{flex:1;min-width:220px;font:600 16px var(--bd);color:var(--tx);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px}
.eg-grid{flex:1;min-height:360px;max-height:calc(100vh - 260px);overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:#0d0d0d;-webkit-overflow-scrolling:touch}
.eg-head,.eg-row{display:flex;width:max-content}
.eg-head{position:sticky;top:0;z-index:3;background:#000;border-bottom:1px solid var(--line)}
.eg-ch{position:sticky;left:0;z-index:2;flex:0 0 96px;width:96px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;font-family:var(--hd)}
.eg-head .eg-ch{background:#000;z-index:4}
.eg-ch img{max-width:56px;max-height:22px;object-fit:contain}.eg-ch b{font-size:16px;letter-spacing:.05em}.eg-ch small{font:600 10px var(--bd);color:var(--mut);max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eg-ticks{position:relative;height:28px}.eg-ticks span{position:absolute;top:6px;padding-left:6px;font:700 12px var(--bd);color:var(--mut);border-left:1px solid var(--line)}
.eg-row{border-bottom:1px solid var(--line);height:60px}
.eg-progs{position:relative;height:60px}
.eg-p{position:absolute;top:4px;bottom:4px;text-align:left;background:var(--card2);border:1px solid var(--line);border-radius:8px;color:var(--tx);padding:4px 8px;overflow:hidden;white-space:nowrap}
.eg-p b{display:block;font:700 13px var(--bd);overflow:hidden;text-overflow:ellipsis}.eg-p small{display:block;font:600 11px var(--bd);color:var(--mut);overflow:hidden;text-overflow:ellipsis}
.eg-p.live{background:#173a15;border-color:#2b5d27}.eg-p.hit{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.eg-now{position:absolute;top:0;bottom:0;width:2px;background:var(--g);z-index:1;pointer-events:none}
.eg-big{font:700 22px var(--bd);margin:4px 0}.eg-desc{color:var(--tx);opacity:.85;font-size:14px;line-height:1.4}
.eg-new{font:700 11px var(--bd);font-style:normal;background:var(--o);color:#000;border-radius:5px;padding:1px 6px;vertical-align:middle}
.eg-boxes{display:flex;gap:8px;flex-wrap:wrap}.eg-acts{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.eg-boxes .box{min-width:92px}
/* 2026-10-21 dtvcolors: per-DTV colour on tiles, DTV page boxes, LED pickers */
.tv.dtvc{background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 28%,#151515),#151515)!important}
.map.plan .tv.dtvc{border-width:3px}
.tvg.dtvc{border-color:color-mix(in srgb,var(--sc) 70%,#333);background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 22%,#1d1d1d),#151515)}
.box.dtvc{box-shadow:inset 0 4px 0 var(--sc);border-color:color-mix(in srgb,var(--sc) 55%,var(--line))}
.box.dtvc.on{background:color-mix(in srgb,var(--sc) 35%,#151515);border-color:var(--sc);box-shadow:inset 0 4px 0 var(--sc),0 0 0 2px var(--sc)}
.box.dtvc small{color:#ddd}
select.dtvsel{box-shadow:inset 5px 0 0 var(--sc);border-color:var(--sc)}
/* 2026-10-21 chnum: inline "DTV N · ch" tag that games/logos never hide */
.dtag{display:inline-flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap;flex:none;max-width:none;overflow:visible}
.dtag .dch{font-weight:800;opacity:.95}
.src .dtag.srct{display:flex;font-size:inherit}
.box .dtag.boxt{display:flex}.box .dtag.boxt b{display:inline!important;overflow:visible!important}
.box .dtag.boxt .dch{font:800 inherit var(--hd)}
.tv .dtag.tvt{position:absolute;top:1px;left:2px;right:10px;justify-content:flex-start;font:800 calc(7.5px * var(--k,1))/1.1 var(--bd);letter-spacing:-.02em;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;z-index:2}
.tv .dtag.tvt b{font:inherit;letter-spacing:inherit}
.mapvp.compact .tv .dtag.tvt{font-size:calc(6.5px * var(--k,1))}
.tvg .tvh .dtag.tgt{margin-left:auto;padding:2px 7px;border-radius:6px;background:var(--sc);color:#fff;font:800 13px var(--bd)}
.tvg .tvh .dtag.tgt b{font:inherit;letter-spacing:.02em}
.tv .dtag.tvt{right:2px;left:2px;justify-content:center;gap:1px;letter-spacing:-.04em;font-size:calc(7px * var(--k,1))}
@media (max-width:700px){.boxes .box{flex:0 1 calc(25% - 5px)!important;padding:6px 2px!important;overflow:hidden}
 .box .dtag.boxt,.box .dtag.boxt b{font-size:12px!important;letter-spacing:0!important;gap:2px}}

/* biglogos (dtvstd): channel logo fills the lower part of DTV source buttons and box tabs; DTV tag stays on top */
.src .lg.sb{display:flex;width:86%;max-width:120px;height:30px;margin:4px auto 0;padding:3px 6px;border-radius:5px}
.src small:has(.lg.sb){display:flex;flex-direction:column;align-items:center;gap:2px}
.srcbar.srccol .src .lg.sb,.srcside .src .lg.sb{height:28px}
.box .lg.bx{display:flex;width:84%;max-width:110px;height:24px;margin:4px auto 0;padding:2px 6px;border-radius:5px}
@media (max-width:700px){.src .lg.sb{height:24px}.box .lg.bx{height:20px}}

/* guidefit (dtvstd): ~20% larger guide text, taller rows; grid width is filled by app.js */
.eg-row,.eg-progs{height:70px}
.eg-ch{flex-basis:104px;width:104px}.eg-ch b{font-size:18px}.eg-ch small{font-size:12px;max-width:96px}.eg-ch img{max-width:66px;max-height:26px}
.eg-ticks{height:32px}.eg-ticks span{font-size:14px;top:7px}
.eg-p{padding:6px 10px}.eg-p b{font-size:16px}.eg-p small{font-size:13px;margin-top:2px}
.eg-big{font-size:26px}.eg-desc{font-size:16.5px}
@media (max-width:700px){.eg-ch{flex-basis:80px;width:80px}.eg-ch b{font-size:16px}.eg-ch small{max-width:74px}.eg-p b{font-size:15px}.eg-p small{font-size:12px}.eg-row,.eg-progs{height:64px}}

/* PUBLIC DEMO note (hide with ?clean=1) */
#demonote{position:fixed;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:50;font-size:11px;letter-spacing:.02em;
  color:rgba(255,255,255,.72);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px;pointer-events:none}
@media (max-width:700px){#demonote{bottom:calc(92px + env(safe-area-inset-bottom));font-size:10px}}