/* DC Watch Order page only (loaded by watch/index.html). Same comic-panel theme as style.css. No JS: tabs use :target. */
.t-movie{background:var(--accent)}.t-series{background:var(--pre)}.t-up{background:var(--restock)}.t-rumor{background:var(--drop)}
.w-tabs{margin-top:10px}
.w-panel{scroll-margin-top:130px;padding-top:6px}
.w-sec,.w-card{scroll-margin-top:130px}
.w-tabbar{display:flex;gap:0;margin:18px 0 6px;border:var(--ink-w) solid #000;border-radius:var(--radius);overflow:hidden;box-shadow:4px 4px 0 #000;width:max-content;max-width:100%}
.w-tabbar a{flex:1 1 auto;text-align:center;font-family:var(--head);font-size:1.35rem;letter-spacing:.05em;padding:8px 22px 5px;color:var(--ink);background:var(--night2);text-decoration:none;border-right:var(--ink-w) solid #000}
.w-tabbar a:last-child{border-right:0}
.w-tabbar a[aria-current]{background:var(--accent);color:var(--accent-ink)}
.w-tabbar a:hover{background:var(--panel2)}
.w-tabbar a[aria-current]:hover{background:var(--accent-hi)}
.w-panel-head{margin:10px 0 0}
.w-ptitle{font-size:2rem;margin:.3em 0 .1em;color:#fff;text-shadow:3px 3px 0 #000}
.w-panel-head>p{margin:.2em 0 .4em;color:#dde3ee;max-width:70ch}
/* Tabs: with :has() support, show one panel at a time (Animated by default). Without it, both panels show in order. */
@supports selector(:has(a)){
  .w-tabs:not(:has(#live-action:target,#live-action :target)) #live-action{display:none}
  .w-tabs:has(#live-action:target,#live-action :target) #animated{display:none}
}
.w-story{margin:0 0 18px;max-width:80ch}
.w-story p{margin:0 0 .3em}
.w-card h3{font-size:1.04rem}
.w-date{font-weight:800;color:var(--ink);font-size:.86rem}
.w-rnote{color:var(--muted);font-size:.78rem}
.w-where{margin:.2em 0 .4em}
.w-lbl{margin:0 0 4px;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.w-chk{color:var(--muted);font-size:.74rem;text-transform:none;letter-spacing:0;font-weight:600;margin:.3em 0 0}
.w-svcs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.w-svc{background:var(--night2);border:2px solid var(--edge);border-radius:4px;padding:2px 8px;font-size:.84rem;font-weight:700}
.w-svc small{color:var(--restock);font-weight:700}
.w-jw{display:inline-block;font-size:.76rem;margin-top:5px;color:#cfd8ea}
.w-jwbtn{display:inline-block;border:2px solid var(--accent);color:var(--accent);background:rgba(253,185,39,.08);border-radius:4px;padding:3px 10px;font-weight:800;font-size:.86rem;text-decoration:none}
.w-jwbtn:hover{background:rgba(253,185,39,.18)}
.w-ma{align-self:flex-start;display:inline-block;margin:.2em 0;border:2px solid #000;background:#e9edf5;color:#0b1020;border-radius:3px;padding:1px 7px;font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;box-shadow:2px 2px 0 #000}
.w-card .actions{padding-top:10px}
.w-figs{margin:.7em 0 0;border:2px solid #000;border-radius:4px;background:var(--night2);box-shadow:3px 3px 0 #000}
.w-figs summary{cursor:pointer;padding:7px 10px;font-weight:800;font-size:.88rem;list-style-position:inside}
.w-figs[open] summary{border-bottom:2px solid #000}
.f-count{display:inline-block;min-width:1.5em;text-align:center;background:var(--accent);color:var(--accent-ink);border:2px solid #000;border-radius:3px;font-size:.72rem;padding:0 4px;margin-left:4px}
.f-list{list-style:none;margin:0;padding:4px 10px}
.f-list li{padding:7px 0;border-bottom:1px solid var(--edge)}
.f-list li:last-child{border-bottom:0}
.f-list p{margin:0}
.f-name{font-weight:700;font-size:.88rem}
.f-meta{font-size:.78rem;color:#dbe1ec}.f-brand{font-weight:800;color:var(--accent)}
.f-status{font-size:.76rem;color:var(--muted)}
.f-links{font-size:.76rem;margin-top:3px!important}
.f-ebay{font-weight:800;margin-right:6px}
.f-src{color:var(--muted)}.f-src a{color:#cfd8ea}
.w-figs .aff-note{padding:0 10px 8px}
.w-futs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:14px}
.w-fut{background:var(--panel);border:var(--ink-w) solid #000;border-radius:var(--radius);padding:10px 14px;box-shadow:4px 4px 0 #000}
.w-fut p{margin:.25em 0}
.w-fmeta{color:var(--muted);font-size:.85rem}
.w-rumor{border-style:dashed;border-color:var(--drop)}
@media (max-width:699px){
  .w-tabbar{width:100%}
  .w-tabbar a{padding:8px 10px 5px;font-size:1.25rem}
  .w-ptitle{font-size:1.7rem}
  .w-panel,.w-sec,.w-card{scroll-margin-top:10px}
}
@media (min-width:700px){.w-futs{grid-template-columns:repeat(2,1fr)}}
.w-sub{margin:4px 0 0;font-weight:800;font-size:1.05rem;color:var(--accent)}