.dc-watch-index,.dc-watch-detail{overflow:auto;display:block;padding-bottom:32px}.dc-watch-browser{max-width:1280px;margin:auto;max-height:none}.dc-watch-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.dc-watch-filters label{display:grid;gap:6px}.dc-watch-filters select{min-width:160px}.dc-watch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dc-watch-card{gap:14px;padding:20px;min-width:0}.dc-watch-card header,.dc-watch-card footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.dc-watch-duel{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;align-items:center;text-align:center}.dc-watch-duel article{display:grid;justify-items:center;gap:6px;overflow-wrap:anywhere}.dc-watch-duel .avatar{--size:76px}.dc-watch-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.dc-watch-heading h1{font-size:28px}.dc-watch-heading p{font-size:13px;color:#ccd6cf}.dc-watch-layout{display:grid;grid-template-columns:minmax(150px,20%) minmax(0,1fr) minmax(210px,25%);gap:18px;align-items:start;max-width:1450px;margin:auto}.dc-watch-players{padding:16px;gap:24px}.dc-watch-players article{display:grid;justify-items:center;gap:8px;text-align:center;overflow-wrap:anywhere}.dc-watch-players h2{font-size:20px}.dc-watch-players time{font:26px var(--serif);font-variant-numeric:tabular-nums}.dc-watch-players .avatar{--size:84px}.dc-watch-aside{padding:16px;gap:14px;font-size:14px}.dc-watch-board{min-width:0;display:grid;justify-items:center;gap:12px}.dc-watch-board button:disabled{opacity:1;cursor:default}.dc-watch-status{font-size:14px;text-align:center}.dc-watch-loading{max-width:650px;margin:auto}.dc-watch-nav{display:inline-flex;align-items:center;gap:6px}.dc-watch-nav .icon{width:20px}.dc-watch-nav span{font-size:13px}.dc-emotion-dock{position:relative;min-width:0;margin-top:12px}.dc-emotion-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.dc-emotion-trigger{display:grid;grid-template-columns:16px 26px;place-items:center;gap:2px;color:#ffe1a1;padding:8px 16px;border:9px solid transparent;border-image:url('assets/v7/panel-border.webp') 72 / 9px / 0 stretch;background:radial-gradient(ellipse at top,#245d5d,#071e29);background-clip:padding-box;filter:drop-shadow(0 0 5px #a7b87030)}.dc-emotion-trigger small{grid-column:1/-1;font:13px var(--serif)}.dc-emotion-trigger>span{font-size:20px}.dc-emotion-trigger .icon{width:25px;height:25px}.dc-emotion-trigger[aria-expanded=true]{filter:drop-shadow(0 0 8px #eec77270)}.dc-effects-toggle{display:flex;align-items:center;gap:6px;font-size:12px}.dc-effects-toggle input,.dc-room-public input{width:16px;accent-color:#dabc73}.dc-emotion-palette{margin-top:10px;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:10px solid transparent;border-image:url('assets/v7/panel-border.webp') 72 / 10px / 0 stretch;background:linear-gradient(135deg,#153f43f5,#061d29f5);background-clip:padding-box;box-shadow:0 8px 20px #00131b55}.dc-emotion-palette[hidden]{display:none}.dc-emotion-palette button{display:grid;justify-items:center;gap:5px;padding:8px 3px;border:1px solid #cfa96366;border-radius:45% 45% 8px 8px;background:radial-gradient(ellipse at top,#c0a65530,transparent);min-width:0}.dc-emotion-palette button:hover,.dc-emotion-palette button:focus-visible{outline:2px solid #e7c787;background-color:#315652}.dc-emotion-palette button span{font-size:27px;line-height:1.4}.dc-emotion-palette button small{font-size:10px;white-space:nowrap}.dc-emotion-effects{display:flex;flex-direction:column;gap:6px;min-height:0;pointer-events:none;overflow:hidden;max-height:170px}.dc-emotion-float{font-size:14px;color:#ffedbf;animation:dc-emotion-rise 4.5s ease-out both;overflow-wrap:anywhere}.dc-room-public{display:flex!important;align-items:center;gap:8px!important;font-size:13px}@keyframes dc-emotion-rise{0%{opacity:0;transform:translateY(12px)}15%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.dc-emotion-float{animation:none}}body.reduced .dc-emotion-float{animation:none}@media(max-width:1000px){.dc-watch-layout{grid-template-columns:140px minmax(0,1fr)}.dc-watch-aside{grid-column:1/-1}.dc-watch-list{grid-template-columns:1fr}.dc-watch-nav span{font-size:16px}}@media(max-width:600px){.dc-watch-heading{align-items:start}.dc-watch-heading h1{font-size:21px}.dc-watch-layout{grid-template-columns:minmax(0,1fr)}.dc-watch-players{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.dc-watch-players h2{font-size:16px}.dc-watch-players .avatar{--size:58px}.dc-watch-players time{font-size:21px}.dc-watch-aside{grid-column:auto}.dc-watch-filters{gap:10px}.dc-watch-filters label{flex:1;min-width:120px}.dc-watch-filters select{width:100%;min-width:0}.dc-watch-browser{padding:16px 10px}.dc-watch-card{padding:14px 10px}.dc-watch-detail{padding-inline:12px}.dc-emotion-palette{max-width:330px}.dc-emotion-trigger{min-height:48px}}
/* Seven desktop destinations must stay inside the approved header rail. */
@media(min-width:1001px){.topnav:has(.dc-watch-nav){grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.topnav:has(.dc-watch-nav) a{font-size:clamp(13px,1.12vw,18px)}.topnav:has(.dc-watch-nav) .dc-watch-nav{justify-content:center}}
/* Allow both mobile utility rows to fit the existing mobile frame. */
@media(max-width:700px){body[data-route=watch] .ui-footer{--rail-h:104px}}
/* Inner screens always expose a return path, including loading/error states. */
.dc-watch-return{display:inline-flex;justify-self:start;width:max-content;max-width:100%;margin-bottom:18px;white-space:nowrap}
.approved-home .account .art-button[data-action="navigate:realm"]{white-space:nowrap}