@layer replays{.clips-content{width:min(1320px,calc(100% - 40px));margin:36px auto 60px;min-width:0}.race-process .clips-content{width:100%;margin:0;padding:24px;box-sizing:border-box}.clips-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.clips-search{display:flex;align-items:center;gap:12px;flex:1 1 280px;min-width:0;padding:12px 18px;border-radius:30px;background:#10151bcc;backdrop-filter:blur(12px)}.clips-search img{width:18px;height:18px}.clips-search input{min-width:0;width:100%;padding:0;border:0!important;outline:0;background:transparent!important;color:#eee;font:14px Arial}.clips-champion-label{display:flex;align-items:center;gap:10px;font:13px Arial;color:#bfc7d1}.clips-champion-label select{padding:10px;background:#15191f;color:#eee;border:1px solid #68778977;border-radius:5px;max-width:100%}.clips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clips-status{font:13px/1.6 Arial;color:#b8c4d3}.clips-card{display:block;min-width:0;width:100%;padding:0!important;text-align:left!important;border:1px solid #6b73884d!important;border-radius:12px!important;overflow:hidden;background:#10151dcc!important;color:#eee!important;cursor:pointer}.clips-thumbnail{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.clips-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover}.clips-play{position:absolute;inset:0;display:grid;place-items:center;font:30px Arial;color:#fff;text-shadow:0 2px 10px #000;background:#0002}.clips-card:hover .clips-play{background:#0005}.clips-card-copy{display:flex;flex-direction:column;gap:9px;padding:14px}.clips-card-copy strong{font:700 15px/1.4 Arial}.clips-card-copy small{font:12px/1.4 Arial;color:#b7c3d3}.clips-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:24px}.clips-pagination button{padding:8px 12px}dialog.clips-player{position:fixed;inset:0;width:min(960px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #78859c77;border-radius:14px;background:#101419;color:#eee;box-shadow:0 18px 70px #000b;overflow:auto;box-sizing:border-box}.clips-player::backdrop{background:#000b;backdrop-filter:blur(7px)}.clips-player header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px}.clips-player h2{font:700 16px/1.4 Arial;margin:0;overflow-wrap:anywhere}.clips-player header button{flex:0 0 34px;width:34px;height:34px;border:1px solid #78859c77;border-radius:50%;background:#252c36;color:#fff;font:24px Arial;cursor:pointer}.clips-player-media{aspect-ratio:16/9;background:#000}.clips-player-media :is(video,iframe){display:block;width:100%;height:100%;border:0}@media(max-width:1000px){.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.clips-grid{grid-template-columns:1fr}.clips-content{width:calc(100% - 24px);margin-top:20px}.race-process .clips-content{padding:16px}.clips-player h2{font-size:13px}}}[data-admin-clips][hidden]{display:none!important}html body dialog.clips-player{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;outline:0;overscroll-behavior:contain;touch-action:pan-x pinch-zoom}html body dialog.clips-player::backdrop{background:#000d;backdrop-filter:blur(8px)}.clips-player .clips-reel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,calc(100vw - 112px),calc((100dvh - 96px)*16/9));aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#000;box-shadow:0 14px 50px #0007}.clips-player .clips-reel-slide{position:absolute;inset:0;overflow:hidden;background:#000;isolation:isolate}.clips-player .clips-player-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.clips-player .clips-player-media iframe{pointer-events:none}.clips-player .clips-reel-caption{position:absolute;left:0;right:0;top:0;padding:14px 18px 30px;background:linear-gradient(#0009,transparent);pointer-events:none;color:#fff;text-shadow:0 1px 4px #000}.clips-player .clips-reel-caption strong{display:block;font:700 15px/1.4 Arial}.clips-player .clips-reel-caption small{display:block;font:12px/1.5 Arial;color:#d2d8e1;margin-top:4px}html body .clips-player :is(.clips-close,.clips-reel-nav button){display:grid;place-items:center;min-width:0;margin:0;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#151922b3;color:#fff;box-shadow:0 2px 8px #0005;cursor:pointer}html body .clips-player .clips-close{position:absolute;right:20px;top:20px;width:40px;height:40px;font:28px Arial;z-index:2}.clips-player .clips-reel-nav{position:absolute;right:max(12px,calc((100vw - 960px)/2 - 68px));top:50%;transform:translateY(-50%);display:grid;gap:12px}html body .clips-player .clips-reel-nav button{width:56px;height:56px;background:linear-gradient(#303030,#252525);border:1px solid #ffffff12;color:#eee;box-shadow:0 2px 8px #0003}.clips-player .clips-reel-nav svg{display:block;width:26px;height:26px}.clips-player [data-direction="-1"] svg{transform:rotate(180deg)}html body .clips-player button:disabled{opacity:.3;cursor:default}@media(max-width:600px){.clips-player .clips-reel{width:calc(100vw - 16px);max-height:calc(100dvh - 150px)}.clips-player .clips-reel-nav{right:14px;top:auto;bottom:60px;transform:none;display:flex}.clips-player .clips-reel-caption{padding:10px 12px 24px}.clips-player .clips-reel-caption strong{font-size:12px}.clips-player .clips-reel-caption small{font-size:10px}}
