.replay-page{color:#ecf4ff;background:#080f18;min-height:100vh;padding:0 max(20px,50vw - 700px);font-family:Arial,sans-serif}.replay-header{border-bottom:1px solid #213042;align-items:center;gap:24px;padding:18px 0;display:flex}.replay-header>a:first-child{width:148px;margin-right:auto}.replay-header img{object-fit:contain;width:100%;height:60px}.replay-header a{color:#b8c8da;text-decoration:none}.replay-intro{padding:48px 0 32px}.replay-intro>p,.replay-eyebrow{letter-spacing:2px;color:#36b4ff;font-size:12px}.replay-intro h1{margin:12px 0;font-size:clamp(28px,4vw,48px)}.replay-intro>span{color:#9bacbf}.replay-layout{grid-template-columns:minmax(0,1.75fr) minmax(310px,1fr);align-items:start;gap:28px;display:grid}.replay-view{min-width:0;position:sticky;top:20px}.replay-frame{aspect-ratio:16/9;background:#000;border:1px solid #25384d;border-radius:12px;overflow:hidden}.replay-frame iframe{border:0;width:100%;height:100%;display:block}.replay-description{padding:22px 0}.replay-description h2{margin:8px 0 12px;font-size:24px;line-height:1.4}.replay-description p{color:#9bacbf;line-height:1.7}.replay-description a{color:#48baff;margin-top:20px;display:inline-block}.replay-description>small{color:#8093a9;margin-top:12px;line-height:1.5;display:block}.replay-games{flex-wrap:wrap;gap:8px;display:flex}.replay-page button{font:inherit;cursor:pointer}.replay-games button,.replay-filters button{color:#c0cfdf;text-align:left;background:#111f2e;border:1px solid #2b3e53;border-radius:7px;padding:10px 12px;line-height:1.4}.replay-page button[aria-pressed=true]{color:#f3faff;background:#123b5d;border-color:#24a9ff}:is(.replay-page button:focus-visible,.replay-page a:focus-visible){outline-offset:4px;outline:2px solid #61c9ff}.replay-library-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.replay-library-heading h2{margin:0;font-size:20px}.replay-library-heading>span{color:#859bb1;font-size:12px}.replay-filters{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.replay-filters button{padding:8px 12px;font-size:13px}.replay-collections{gap:8px;display:grid}.replay-collection{text-align:left;color:#e2edfa;background:#0f1a27;border:1px solid #223347;border-radius:9px;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.replay-collection>span:nth-child(2){flex:1;min-width:0}.replay-collection strong{overflow-wrap:anywhere;font-size:15px;line-height:1.5;display:block}.replay-collection small{color:#9aafc4;margin-top:6px;font-size:12px;display:block}.replay-number{color:#51baff;font-size:12px}.replay-note{color:#7e93aa;margin:20px 0;font-size:12px;line-height:1.8}.replay-footer{color:#71869f;letter-spacing:2px;border-top:1px solid #213042;margin-top:45px;padding:25px 0;font-size:11px}@media (max-width:850px){.replay-layout{grid-template-columns:1fr}.replay-view{position:static}.replay-intro{padding-top:30px}.replay-header{gap:15px}.replay-header>a:first-child{width:112px}.replay-header img{height:48px}.replay-description h2{font-size:21px}}.replay-layout>.replay-view{grid-area:1/1;position:static}.replay-layout>.replay-library{grid-area:1/2;min-width:0}@media (max-width:850px){.replay-layout>.replay-view,.replay-layout>.replay-library{grid-area:auto/1}}