#xpbtn{z-index:2147483001}.xp-on{position:fixed!important;inset:0!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important;z-index:2147483000!important;background:#000!important;border-radius:0!important;aspect-ratio:auto!important}.xp-on iframe,.xp-on video{width:100%!important;height:100%!important;max-height:none!important}/* TITLE_16: closer to screen (~16px from top), centered */header,#hd{text-align:center!important;height:auto!important;min-height:0!important;justify-content:center!important}header h1,#hd h1,h1,.brand h1{text-align:center!important;margin-top:0!important;margin-left:auto!important;margin-right:auto!important}.brand{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;text-align:center!important;margin:0 auto!important}#hd{padding-top:calc(16px + env(safe-area-inset-top))!important;margin-top:0!important}body>header{margin-top:0!important;padding-top:calc(16px + env(safe-area-inset-top))!important;padding-bottom:4px!important}header:not(body>header){padding-top:calc(16px + env(safe-area-inset-top))!important;margin-top:0!important}/* BTN_24: closer to screen (~24px from edges) — do NOT set bottom on relative #prev/#next */.ctl,body>nav{bottom:calc(56px + env(safe-area-inset-bottom))!important;left:24px!important;right:24px!important;width:auto!important;padding-left:0!important;padding-right:0!important;justify-content:center!important;gap:12px!important;display:flex!important;flex-wrap:nowrap!important}main nav{padding-left:24px!important;padding-right:24px!important;padding-bottom:calc(56px + env(safe-area-inset-bottom))!important;justify-content:center!important;gap:12px!important;display:flex!important;margin-left:auto!important;margin-right:auto!important}#pv,#nx{bottom:calc(56px + env(safe-area-inset-bottom))!important;width:130px!important;min-width:0!important;right:auto!important;left:auto!important}#pv{right:calc(50% + 6px)!important;left:auto!important}#nx{left:calc(50% + 6px)!important;right:auto!important}#ys{bottom:calc(140px + env(safe-area-inset-bottom))!important;left:24px!important;right:24px!important;width:auto!important;text-align:center!important}#filters{justify-content:center!important;padding-left:24px!important;padding-right:24px!important}#nxl,.nxl{margin-left:auto!important;margin-right:auto!important}#prev,#next{bottom:auto!important;top:auto!important}

/* MATCH_COOK_DOG_BLUE_TEAL_20261105 — shared deep blue/teal template (no amber/neon) */
#filters,#tabs{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;padding-left:24px!important;padding-right:24px!important;margin:8px auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important}
#filters button,#tabs button{flex:1 1 0!important;max-width:160px!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 10px!important;font:800 14px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;border-radius:14px!important;background:#132337!important;color:#f8fafc!important;border:1.5px solid #2a4a6a!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important;text-shadow:none!important;letter-spacing:.02em!important;text-transform:none!important;cursor:pointer!important}
#filters button.on,#tabs button.on{background:#0d9488!important;color:#ffffff!important;border-color:#5eead4!important;box-shadow:0 2px 12px rgba(13,148,136,.45)!important;text-shadow:none!important}
#filters button.on::before{content:none!important}
#filters button:first-child,#filters button:nth-child(2),#filters button:nth-child(3){flex:1 1 0!important}
body>header,header{justify-content:center!important;text-align:center!important;background:transparent!important}
header h1,.brand h1,h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important;color:#f8fafc!important;text-shadow:none!important}
body>nav,main>nav,nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#prev,#next,#xpbtn,main nav button#prev,main nav button#next{height:40px!important;min-height:40px!important;width:120px!important;min-width:120px!important;max-width:120px!important;font-size:15px!important;padding:0 10px!important;border-radius:14px!important;box-sizing:border-box!important;line-height:1!important;background:#132337!important;color:#f8fafc!important;border:1.5px solid #2a4a6a!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important;text-shadow:none!important}
#xpbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
#stage,.stage,#theater .stage{border:1.5px solid #2a4a6a!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(0,0,0,.45)!important;background:#000!important}
html,body{background:#0a1628!important;color:#f8fafc!important}

/* EDGE_EQUAL_BTNS */
.ctl button,#pv,#nx,#prev,#next,#xpbtn{box-sizing:border-box!important}
.ctl{justify-content:center!important;gap:12px!important;flex-wrap:nowrap!important}

/* DOG_SYM_20261105: exact center title; equal L/R; equal Prev/Next/Expand */
html body>header,html body header{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
html body header .brand{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;width:auto!important;max-width:100%!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;order:0!important}
html body header h1,html body .brand h1,html body h1{text-align:center!important;margin:0 auto!important;width:auto!important}
html body main{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;align-items:center!important}
html body #stage,html body #stage.tall{margin-left:auto!important;margin-right:auto!important;align-self:center!important;max-width:calc(100% - 0px)!important}
html body #tabs,html body main>nav,html body nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important}
html body #tabs button,html body main nav button#prev,html body main nav button#next,html body #prev,html body #next,html body #xpbtn{
  flex:0 0 120px!important;width:120px!important;min-width:120px!important;max-width:120px!important;
  height:40px!important;min-height:40px!important;box-sizing:border-box!important;
  margin:0!important;padding:0 8px!important
}
html body main nav{padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}
@media (max-width:520px){
  html body>header,html body header,html body main{padding-left:12px!important;padding-right:12px!important}
  html body #tabs button,html body #prev,html body #next,html body #xpbtn,html body main nav button#prev,html body main nav button#next{
    flex:0 0 110px!important;width:110px!important;min-width:110px!important;max-width:110px!important
  }
}

