/* A linen bookmark: the ribbon and cat share the same stationary paper edge. */
#tv-player video{display:block;width:100%;height:100%;object-fit:contain;background:#101613}
#cinema-controls{
 --cinema-paper:#fbf8ed;--cinema-ink:#354b3d;--cinema-muted:#798271;--cinema-rule:#a89c7445;--cinema-ribbon:#526958;
 box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto auto;
 width:490px;min-width:0;max-width:calc(100vw - 40px);bottom:32px;padding:19px 22px 18px 112px;gap:11px 17px;
 border:0;border-radius:0;background:none;color:var(--cinema-ink);box-shadow:none;backdrop-filter:none;overflow:visible;isolation:isolate;
 filter:drop-shadow(0 9px 14px #20372c25);
}
#cinema-controls::before{
 content:'';position:absolute;inset:0;z-index:-2;
 background:linear-gradient(90deg,#b4a78315,transparent 25%),var(--cinema-paper);
 clip-path:polygon(0 0,100% 0,calc(100% - 11px) 50%,100% 100%,0 100%);
 border:1px solid var(--cinema-rule);box-shadow:inset 0 0 0 5px var(--cinema-paper),inset 0 0 0 6px var(--cinema-rule);
}
#cinema-controls::after{
 content:'';position:absolute;top:-2px;bottom:-14px;left:19px;width:64px;z-index:-1;
 background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='none' stroke='%23e4d5a7' stroke-opacity='.6' stroke-width='.7'/%3E%3Cpath d='m13 10 9 6-9 6Z' fill='none' stroke='%23e4d5a7' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") center 56%/27px 27px no-repeat,
  linear-gradient(90deg,transparent 6px,#d9ddbf40 6px,#d9ddbf40 7px,transparent 7px,transparent calc(100% - 7px),#d9ddbf40 calc(100% - 7px),#d9ddbf40 calc(100% - 6px),transparent calc(100% - 6px)),
  linear-gradient(90deg,#fff1,transparent 14%,#12281816 88%,#fff2),var(--cinema-ribbon);
 clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 17px),0 100%);
}
#cinema-controls .cinema-cat{
 position:absolute;left:3px;top:-52px;right:auto;bottom:auto;width:110px;height:73.333px;
 object-fit:contain;pointer-events:none;user-select:none;z-index:2;filter:none;
}
/* The paws lie 7–10px over the top seam, independent of card height/breakpoint. */
.cinema-caption{display:grid;gap:4px;min-width:0;grid-column:1;grid-row:1}
#cinema-controls .cinema-caption small{font:8px/1.3 Georgia,serif;letter-spacing:.2em;color:var(--cinema-muted)}
#cinema-controls .cinema-caption strong{font:19px/1.45 Georgia,'Microsoft JhengHei',serif;letter-spacing:.09em;white-space:normal}
#cinema-controls .cinema-caption span{font:10px/1.5 'Microsoft JhengHei',sans-serif;color:var(--cinema-muted);max-width:none}
#cinema-controls .cinema-full{
 grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:9px;width:fit-content;max-width:100%;
 padding:8px 0 1px;border:0;border-top:1px solid var(--cinema-rule);border-radius:0;background:none;color:var(--cinema-ink);
 text-decoration:none;font:11px/1.5 'Microsoft JhengHei',sans-serif;white-space:normal;
 transition:color .2s;
}
#cinema-controls .cinema-full:hover{color:#a08045}
#cinema-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#cinema-controls .cinema-full svg:first-child{fill:currentColor;stroke:none;width:12px}
#cinema-controls .cinema-full svg:last-child{margin-left:8px;transition:translate .2s}
#cinema-controls .cinema-full:hover svg:last-child{translate:2px -2px}
#cinema-controls #leave-cinema{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;gap:6px;padding:0;border:0;border-radius:0;background:none;color:var(--cinema-muted);box-shadow:none}
#cinema-controls #leave-cinema>svg{box-sizing:content-box;width:14px;height:14px;padding:9px;border:1px solid var(--cinema-rule);border-radius:50%;transition:background .2s,color .2s}
#cinema-controls #leave-cinema:hover>svg{background:#94a38320;color:var(--cinema-ink)}
#cinema-controls kbd{padding:0;border:0;background:none;font:8px/1.2 Georgia;letter-spacing:.05em;color:inherit}
#cinema-controls a:focus-visible{outline:2px solid #899675;outline-offset:5px}
#cinema-controls #leave-cinema:focus-visible{outline:none}
#cinema-controls #leave-cinema:focus-visible>svg{outline:2px solid #899675;outline-offset:3px}
body[data-theme=night] #cinema-controls{--cinema-paper:#293b40;--cinema-ink:#eae9d8;--cinema-muted:#b2bea9;--cinema-rule:#a5b59a45;--cinema-ribbon:#627965;filter:drop-shadow(0 9px 14px #08171c55)}
@media(max-width:520px){
 #cinema-controls{width:calc(100vw - 28px);max-width:none;bottom:26px;padding:17px 21px 17px 90px;gap:10px 10px}
 #cinema-controls::after{left:15px;width:54px}
 #cinema-controls .cinema-cat{left:1px;top:-45px;width:95px;height:63.333px}
 #cinema-controls .cinema-caption strong{font-size:17px}
 #cinema-controls .cinema-full{font-size:10px;gap:6px}
}
@media(prefers-reduced-motion:reduce){#cinema-controls .cinema-full,#cinema-controls svg{transition:none}}