.replay-intro h1{font-size:clamp(32px,3.5vw,52px)}
.replay-count{font-size:14px;color:var(--green)}
.replay-count>span{margin-left:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.replay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px;padding-top:12px}
.replay-item{display:block;min-width:0}
.replay-cover{aspect-ratio:16/9;overflow:hidden;background:#e4e5dc;position:relative}
.replay-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.replay-play{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}
.replay-play>i{display:grid;place-content:center;width:52px;height:52px;border-radius:50%;background:#f5f3edf0;color:var(--green);font-size:21px;padding-left:3px;transition:background .2s,color .2s}
.replay-tag{position:absolute;left:14px;bottom:14px;background:#17251bdd;color:#fff;padding:5px 9px;font-size:11px}
.replay-caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:19px}
.replay-caption h2{font-size:20px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.replay-caption>i{font-size:21px;color:var(--green);flex:none}
.replay-item>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.replay-item>time{display:block;font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:14px}
.replay-item:hover .replay-cover>img{transform:scale(1.025)}
.replay-item:hover .replay-play>i,.replay-item:focus-visible .replay-play>i{background:var(--green);color:#fff}
.replay-item:focus-visible{outline:2px solid var(--green);outline-offset:7px}
.replay-empty>i{display:block;color:var(--green);font-size:43px;margin-bottom:22px}
.replay-empty .text-link{margin-top:20px;display:inline-flex}
.replay-detail{max-width:1304px;margin:0 auto;padding-top:34px}
.replay-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:25px;font-size:13px}
.replay-player{background:#101813;aspect-ratio:16/9}
.replay-player video{display:block;width:100%;height:100%;object-fit:contain}
.replay-info{padding:34px 0 20px;max-width:900px}
.replay-info h1{font:500 clamp(26px,3vw,40px)/1.5 var(--serif);margin:15px 0;overflow-wrap:anywhere}
.replay-info time{font-size:12px;color:var(--muted)}
.replay-info p{white-space:pre-line;font-size:15px;line-height:1.9;margin-top:23px;overflow-wrap:anywhere}
.replay-error{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted)}
.replay-error[hidden]{display:none}
.replay-error button{white-space:nowrap;font-size:13px;color:var(--green)}
@media(max-width:1000px){.replay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}}
@media(max-width:600px){.replay-grid{grid-template-columns:1fr;gap:32px}.replay-caption h2{font-size:19px}.replay-detail{padding-top:25px}.replay-info{padding-top:27px}.replay-info p{font-size:14px}.replay-error{align-items:flex-start;flex-direction:column;gap:8px}.replay-empty{padding:65px 10px}.replay-intro h1{line-height:1.4}.replay-cover .replay-play>i{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){.replay-cover>img,.replay-play>i{transition:none}.replay-item:hover .replay-cover>img{transform:none}}