/* Series viewing is a visible action from the beginning of the opening. */
.drama-watch{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:70px;padding:13px 20px;border:1px solid #e2c082;border-radius:8px;background:linear-gradient(125deg,#342b1d,#161c16 75%);color:#fff2d5;box-shadow:0 8px 26px #0004,inset 0 0 0 1px #fff0ce0a;text-align:left;text-decoration:none;line-height:1.5;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.drama-watch:hover{background:linear-gradient(125deg,#50402a,#222b20 75%);border-color:#ffe3a8;box-shadow:0 10px 30px #0005,0 0 20px #ddb26b1f}
.drama-watch:focus-visible{outline:3px solid #fff0cb;outline-offset:4px}
.drama-watch-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #f2ba89;border-radius:50%;background:#aa3428;color:#fff5dd;font-size:14px;padding-left:2px;box-shadow:0 0 18px #d75c292b}
.drama-watch-label{display:flex;flex-direction:column;gap:1px;min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.drama-watch-label strong{font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.5px;color:#ffe3a8}
.drama-watch-label>span{font-size:13px;line-height:1.6;font-weight:500;letter-spacing:0;color:#f4e9d0}
.trailer-topline{right:348px}
.drama-watch-main{position:absolute;z-index:3;top:36px;right:48px;width:280px}
.trailer-end-card .drama-watch{width:min(100%,430px);margin:18px auto 0}
.booking-panel .drama-watch{width:100%;min-height:76px}
.booking-panel .drama-watch:focus-visible{outline-color:#62462c}
@media(min-width:701px) and (max-width:1100px){
  .trailer-topline{right:260px}
  .drama-watch-main{top:32px;right:24px;width:220px;padding:12px 14px;gap:10px}
  .drama-watch-main .drama-watch-label strong{font-size:18px}
  .drama-watch-main .drama-watch-label>span{font-size:12px}
}
@media(max-width:700px),(max-width:1024px) and (hover:none) and (pointer:coarse){
  .trailer-masthead{flex-wrap:wrap;row-gap:14px}
  .trailer-masthead .drama-watch-main{position:static;inset:auto;flex:1 1 100%;width:100%;min-height:68px;margin:0;padding:12px 16px;gap:13px}
  .drama-watch-label strong{font-size:18px}
  .drama-watch-label>span{font-size:13px}
  .trailer-end-card .drama-watch{width:100%;margin-top:14px}
  .booking-panel .drama-watch{min-height:72px;padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){.drama-watch{transition:none}}