.is-watch .site-foot{margin-top:48px}.watch{max-width:1680px;padding:20px var(--gutter) 0;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"main side""comments side";align-items:start;column-gap:28px;margin:0 auto;display:grid}.watch-main{grid-area:main}.watch-side{grid-area:side}.watch-comments{grid-area:comments}.is-theater .watch{grid-template-columns:1fr;grid-template-areas:"main""side""comments";max-width:none;padding-top:0}.is-theater .watch-main>.player{margin-inline:calc(-1 * var(--gutter));max-height:calc(100vh - var(--header-h));border-radius:0}.is-theater .watch-side{grid-template-columns:minmax(0,1fr) 320px;gap:28px;display:grid}.player{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background:#000;border-radius:6px;outline:none;position:relative;overflow:hidden}.player:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh}.pl-stage{position:absolute;inset:0}.pl-frame{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.pl-frame.is-on{opacity:1}.is-playing .pl-frame.is-on{animation:24s linear infinite alternate kb}@keyframes kb{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}.pl-sub{color:#fff;text-align:center;max-width:80%;transition:bottom .3s var(--ease);background:#0000009e;border-radius:3px;padding:4px 12px;font-size:clamp(.9rem,1.6vw,1.35rem);font-weight:600;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.player.ui-on .pl-sub{bottom:20%}.pl-badge{z-index:4;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:12px;left:12px}.pl-badge .mono,.pl-badge-ai{color:#fff;background:#0009;border-radius:3px;padding:4px 8px}.pl-badge-ai{align-items:center;gap:5px;font-size:.74rem;font-weight:700;display:inline-flex;background:var(--obi)!important;color:var(--obi-ink)!important}.pl-preview{color:#ddd;z-index:4;background:#0009;border-radius:4px;max-width:300px;margin:0;padding:8px 10px;font-size:.74rem;line-height:1.4;transition:opacity .3s;position:absolute;top:12px;right:12px}.is-playing:not(.ui-on) .pl-badge,.is-playing:not(.ui-on) .pl-preview{opacity:0}.pl-big{z-index:3;color:#fff;background:radial-gradient(circle,#00000026,#0000008c);border:0;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.pl-big-ring{background:var(--obi);width:92px;height:92px;color:var(--obi-ink);transition:transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 40px -10px #000c}.pl-big-ring .icon{margin-left:5px}.pl-big:hover .pl-big-ring{transform:scale(1.06)}.pl-big-t{font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 10px #0009;font-size:1.1rem;font-weight:820;font-stretch:70%}.started .pl-big{display:none}.pl-ad{z-index:6;background:#0b0b0d;place-items:center;display:grid;position:absolute;inset:0}.pl-ad-card{text-align:center;color:#ddd;gap:8px;max-width:420px;padding:24px;font-size:.9rem;display:grid}.pl-ad-card .mono{color:var(--ad)}.pl-ad-card strong{color:#fff;font-size:1.3rem}.pl-ad-skip{color:#fff;background:#000000bf;border:1px solid #fff6;border-right:0;padding:12px 18px;font-weight:650;position:absolute;bottom:18%;right:0}.pl-ad-skip:disabled{opacity:.7;cursor:default}.pl-skip{z-index:5;background:var(--paper);color:var(--paper-ink);border:0;border-radius:4px;align-items:center;gap:8px;padding:11px 16px;font-weight:750;display:inline-flex;position:absolute;bottom:90px;right:20px;box-shadow:0 10px 24px -10px #000c}.pl-next{z-index:5;border:1px solid var(--rim-2);background:#111217f0;border-radius:6px;grid-template-columns:150px 1fr;gap:14px;width:min(440px,100% - 40px);padding:12px;display:grid;position:absolute;bottom:90px;right:20px;box-shadow:0 20px 40px -14px #000000e6}.pl-next img{aspect-ratio:16/9;object-fit:cover;border-radius:3px;width:100%}.pl-next .mono{color:var(--ink-3)}.pl-next strong{margin:4px 0 10px;line-height:1.25;display:block}.pl-next-act{flex-wrap:wrap;gap:8px;display:flex}.pl-ui{z-index:5;opacity:0;background:linear-gradient(#0000,#000000d9);padding:40px 14px 8px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.player:not(.started) .pl-ui{display:none}.ui-on .pl-ui,.player:not(.is-playing) .pl-ui{opacity:1}.is-playing:not(.ui-on){cursor:none}.pl-track{cursor:pointer;touch-action:none;align-items:center;height:22px;display:flex;position:relative}.pl-track:before{content:"";background:#ffffff38;border-radius:2px;height:4px;position:absolute;left:0;right:0}.pl-track:hover>:not(.pl-knob):not(.pl-tip),.pl-track.drag>:not(.pl-knob):not(.pl-tip),.pl-track:hover:before,.pl-track.drag:before{transform:scaleY(1.5)}.pl-track>*,.pl-track:before{transition:transform .2s var(--ease)}.pl-seg{pointer-events:none;background:#fff3;height:4px;position:absolute}.pl-buf{pointer-events:none;background:#ffffff52;border-radius:2px;width:0;height:4px;position:absolute;left:0}.pl-fill{background:var(--obi);pointer-events:none;border-radius:2px;width:0;height:4px;position:absolute;left:0}.pl-admark{background:var(--ad);pointer-events:none;border-radius:1px;width:4px;height:10px;margin-left:-2px;position:absolute}.pl-knob{width:14px;height:14px;box-shadow:0 0 0 3px var(--obi);transition:transform .2s var(--ease);pointer-events:none;background:#fff;border-radius:50%;margin-left:-7px;position:absolute;transform:scale(0)!important}.pl-track:hover .pl-knob,.pl-track:focus-visible .pl-knob,.pl-track.drag .pl-knob{transform:scale(1)!important}.pl-tip{color:#111;white-space:nowrap;pointer-events:none;background:#fff;border-radius:3px;padding:3px 7px;font-size:.74rem;font-weight:700;position:absolute;bottom:24px;transform:translate(-50%)}.pl-row{color:#fff;align-items:center;gap:2px;display:flex}.pl-btn{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:inline-grid}.pl-btn:hover{background:#ffffff1f}.pl-btn[aria-pressed=true]{color:var(--obi)}.when-playing,.when-muted{display:none}.is-playing .when-playing,.is-muted .when-muted{display:contents}.is-playing .when-paused,.is-muted .when-sound{display:none}.pl-vol{align-items:center;display:inline-flex}.pl-vol input{width:84px;accent-color:var(--obi);opacity:.85}.pl-vol:hover input,.pl-vol:focus-within input{opacity:1}.pl-time{color:#e8e8e8;margin-left:8px;font-size:.86rem}.pl-spacer{flex:1}.pl-menu-wrap{position:relative}.pl-menu{border:1px solid var(--rim-2);background:#111217f7;border-radius:6px;gap:2px;width:270px;padding:8px;display:grid;position:absolute;bottom:52px;right:0}.pl-menu[hidden]{display:none}.pl-opt{border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:4px 8px;font-size:.88rem;display:flex}.pl-opt:hover{background:var(--shelf-3)}.pl-opt input[type=checkbox]{width:18px;height:18px;accent-color:var(--obi)}.pl-opt select{background:var(--shelf-3);border:1px solid var(--rim-2);color:var(--ink);border-radius:4px;padding:4px 6px}.watch-info{padding-top:18px}.watch-show{color:var(--ink-2);align-items:center;gap:10px;margin-bottom:6px;font-weight:650;text-decoration:none;display:inline-flex}.watch-show:hover{color:var(--ink)}.watch-show .jp{color:var(--ink-3);font-size:.8rem}.obi-dot{background:var(--obi);border-radius:2px;width:12px;height:22px}.watch-title{letter-spacing:-.01em;margin:4px 0 10px;font-size:clamp(1.4rem,1.1rem + 1.2vw,2.1rem);font-weight:760;line-height:1.15}.watch-title .num{font-family:var(--f-cond);color:color-mix(in oklab, var(--obi), white 45%);margin-right:6px;font-weight:860;font-stretch:65%}.watch-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 16px;font-size:.88rem;display:flex}.watch-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.keys{color:var(--ink-3);flex-wrap:wrap;gap:6px 16px;margin:6px 0 0;font-size:.8rem;display:flex}.keys kbd{font-family:var(--f-mono);border:1px solid var(--rim-2);color:var(--ink-2);border-radius:3px;margin-right:4px;padding:2px 6px;font-size:.66rem}.comments{margin-top:36px}.comments .h-shelf{margin-bottom:14px}.watch-side{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);scrollbar-width:thin;align-content:start;gap:14px;display:grid;position:sticky;overflow:auto}.is-theater .watch-side{max-height:none;position:static;overflow:visible}.side-head{border-bottom:1px solid var(--rim);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:8px;display:flex}.side-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-ep{color:inherit;border-radius:6px;grid-template-columns:132px 1fr;gap:12px;padding:6px;text-decoration:none;display:grid}a.side-ep:hover{background:var(--shelf-2)}.side-ep.is-cur{background:color-mix(in oklab, var(--obi) 18%, var(--shelf-2))}.side-thumb{aspect-ratio:16/9;background:var(--shelf-2);border-radius:3px;position:relative;overflow:hidden}.side-thumb img{object-fit:cover;width:100%;height:100%}.is-locked .side-thumb img{filter:grayscale(.85)brightness(.45)}.side-now{background:var(--obi);color:var(--obi-ink);text-transform:uppercase;letter-spacing:.06em;border-radius:2px;padding:1px 6px;font-size:.68rem;font-weight:800;position:absolute;top:6px;left:6px}.side-t{align-content:start;gap:2px;font-size:.88rem;font-weight:620;line-height:1.25;display:grid}.is-locked .side-t{color:var(--ink-3)}.side-n{font-family:var(--f-cond);color:var(--ink-3);letter-spacing:.04em;font-size:.8rem;font-weight:820;font-stretch:70%}.side-m{color:var(--ink-3);font-size:.76rem;font-weight:500}.side-all{color:var(--ink-2);align-items:center;gap:4px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.watch-side .side-ad{padding-top:12px}@media (width<=1100px){.watch{grid-template-columns:1fr;grid-template-areas:"main""side""comments"}.watch-side{max-height:none;margin-top:24px;position:static;overflow:visible}}@media (width<=720px){.watch{gap:0;padding:0}.watch-main>.player{top:var(--header-h);z-index:20;border-radius:0;position:sticky}.watch-info,.watch-side,.watch-comments{padding-inline:var(--gutter)}.hide-phone,.pl-vol input,.pl-preview{display:none}.pl-skip,.pl-next{bottom:64px;right:10px}.pl-ad-card{padding:16px 20px 56px;font-size:.8rem}.pl-ad-card strong{font-size:1.05rem}.pl-ad-skip{padding:8px 14px;bottom:12px}.pl-badge-ai{display:none!important}.pl-next{grid-template-columns:96px 1fr;gap:10px;padding:8px}.pl-ui{padding:30px 6px 2px}.pl-btn{width:40px;height:40px}.pl-big-ring{width:72px;height:72px}.watch-side .side-ad,.keys{display:none}}
