.replay-viewer{position:relative;display:flex;min-height:0;flex-direction:column;overflow:hidden;border-radius:18px;background:#05080c}.replay-canvas{display:block;width:100%;min-height:0;flex:1 1;aspect-ratio:16/9}.replay-viewer.is-killcam{position:absolute;inset:0;border-radius:0}.replay-viewer.is-vertical .replay-stage-box{align-items:center}.replay-viewer.is-vertical .replay-canvas{width:auto;height:min(72vh,680px);max-height:none;flex:none;aspect-ratio:9/16}.replay-viewer.is-vertical .clip-player-overlay{right:auto;left:50%;width:auto;height:100%;aspect-ratio:9/16;transform:translateX(-50%)}.replay-stage-box>.clip-player-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.replay-viewer.is-killcam .replay-canvas{height:100%;aspect-ratio:auto}.replay-stage-box{position:relative;display:flex;min-height:0;flex:1 1;flex-direction:column}.replay-viewer.is-killcam .replay-stage-box{height:100%}.replay-canvas{opacity:0;transition:opacity .26s ease}.replay-viewer.is-ready .replay-canvas{opacity:1}.replay-loading{position:absolute;inset:0;display:grid;place-items:center}.replay-loading span{width:34px;height:34px;border:3px solid rgba(29,233,200,.18);border-top:3px solid var(--ws-cyan);border-radius:50%;animation:replay-spin .8s linear infinite}@keyframes replay-spin{to{transform:rotate(1turn)}}.replay-big-play{position:absolute;top:50%;left:50%;display:grid;width:84px;height:84px;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;background:rgba(8,12,18,.55);box-shadow:0 0 0 2px hsla(0,0%,100%,.18),0 12px 40px rgba(0,0,0,.45);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:replay-pop-in .22s cubic-bezier(.2,1.4,.4,1);transition:transform .16s ease,background .16s ease}.replay-big-play:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(29,233,200,.85);color:#03110e}@keyframes replay-pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.replay-export{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(4,7,11,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ws-text-primary);animation:play-overlay-in .18s ease-out}.replay-export b{font-size:1.05rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.replay-export i{width:min(320px,70%);height:8px;overflow:hidden;border-radius:99px;background:hsla(0,0%,100%,.1)}.replay-export i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1de9c8,#9b72ff);transition:width .2s linear}.replay-export small{color:var(--ws-text-secondary)}.replay-error{margin:0;background:rgba(239,91,103,.12);padding:8px 14px;color:#ffb3ba;font-size:.84rem}.replay-failed{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:var(--ws-text-secondary);text-align:center}.replay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;border-top:1px solid hsla(0,0%,100%,.06);background:rgba(8,13,20,.92);padding:10px 14px}.replay-play{display:grid;width:44px;height:44px;flex:none;place-items:center;border:0;border-radius:99px;background:linear-gradient(140deg,#3bf5d6,#14b89e);box-shadow:0 6px 18px rgba(29,233,200,.28),inset 0 1px 0 hsla(0,0%,100%,.35);color:#03110e;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.replay-play:hover:not(:disabled){transform:scale(1.06);box-shadow:0 8px 24px rgba(29,233,200,.4),inset 0 1px 0 hsla(0,0%,100%,.35)}.replay-play:active:not(:disabled){transform:scale(.96)}.replay-play:disabled{opacity:.5;cursor:default}.replay-track{position:relative;display:flex;min-width:140px;flex:1 1;align-items:center}.replay-track input{width:100%;accent-color:var(--ws-cyan);cursor:pointer}.replay-range{height:10px;border-radius:99px;background:rgba(255,196,70,.35);box-shadow:0 0 0 1px rgba(255,196,70,.6)}.replay-mark,.replay-range{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.replay-mark{width:3px;height:16px;margin-left:-1px;border-radius:2px;background:var(--ws-cyan);box-shadow:0 0 8px rgba(29,233,200,.7)}.replay-mark.is-end{background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.6)}.replay-range.is-bad{background:rgba(255,90,90,.3);box-shadow:0 0 0 1px rgba(255,90,90,.6)}.replay-time{color:var(--ws-text-secondary);font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.replay-speeds{display:flex;gap:2px;border-radius:99px;background:hsla(0,0%,100%,.05);padding:3px}.replay-speeds button{border:0;border-radius:99px;background:transparent;padding:4px 9px;color:var(--ws-text-secondary);font-size:.76rem;font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease}.replay-speeds button:hover:not(:disabled){color:var(--ws-text-primary)}.replay-speeds button.is-active{background:var(--ws-cyan);color:#03110e}.replay-volume{display:flex;align-items:center;gap:6px}.replay-volume button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:99px;background:transparent;color:var(--ws-text-secondary);cursor:pointer}.replay-volume button:hover{color:var(--ws-text-primary)}.replay-volume input{width:90px;accent-color:var(--ws-cyan);cursor:pointer}.replay-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:#1b2633;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 2px 8px rgba(0,0,0,.25);padding:8px 15px;color:var(--ws-text-primary);font-size:.84rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.replay-action:hover:not(:disabled){background:#243243;transform:translateY(-1px)}.replay-action:active:not(:disabled){transform:translateY(0) scale(.98)}.replay-action:disabled{cursor:default;opacity:.45}.replay-action.is-primary{background:linear-gradient(140deg,#3bf5d6,#14b89e);box-shadow:0 6px 18px rgba(29,233,200,.25),inset 0 1px 0 hsla(0,0%,100%,.35);color:#03110e}.replay-action.is-primary:hover:not(:disabled){background:linear-gradient(140deg,#5cffe3,#1fcdb1);box-shadow:0 8px 24px rgba(29,233,200,.38),inset 0 1px 0 hsla(0,0%,100%,.4)}.replay-action.is-busy{background:#3a1d24;color:#ffb3ba}.replay-action.is-wide{width:100%;min-height:46px;font-size:.95rem}.replay-clip-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;background:rgba(8,13,20,.92);padding:0 14px 12px}.replay-clip-bar>span{display:inline-flex;align-items:center;gap:6px;color:var(--ws-text-secondary);font-size:.82rem;font-weight:700}.replay-clip-bar em{color:var(--ws-gold);font-size:.82rem;font-style:normal;font-weight:700}.replay-clip-bar em.is-bad{color:#ff7a7a}.replay-clip-bar em.is-hint{color:var(--ws-text-secondary);font-weight:600}.replay-clip-bar .is-primary{margin-left:auto}.play-killcam{position:fixed;inset:0;z-index:6;background:#05080c;animation:play-overlay-in .18s ease-out}.play-killcam:after{position:absolute;inset:0;box-shadow:inset 0 0 160px rgba(255,60,60,.28);content:"";pointer-events:none}.play-killcam-banner{position:absolute;top:max(22px,env(safe-area-inset-top));left:50%;z-index:1;display:flex;align-items:center;gap:12px;transform:translateX(-50%);border:1px solid rgba(255,90,90,.35);border-radius:99px;background:rgba(8,10,16,.82);padding:8px 18px 8px 8px;white-space:nowrap}.play-killcam-tag{border-radius:99px;background:#ff4d5e;padding:4px 10px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.play-killcam-banner strong{color:var(--ws-text-primary);font-size:.95rem}.play-killcam-banner b{color:#ff8a95}.play-killcam-skip{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:1;border:1px solid hsla(0,0%,100%,.18);border-radius:99px;background:rgba(8,10,16,.82);padding:10px 20px;color:var(--ws-text-primary);font-weight:800;cursor:pointer}.play-killcam-skip:hover{background:hsla(0,0%,100%,.1)}@media (max-width:640px){.replay-controls{padding:10px}.replay-track{min-width:100%;order:3}.replay-clip-bar .is-primary{margin-left:0}.play-killcam-banner{max-width:calc(100vw - 32px);white-space:normal}}.clip-page,.moments-page,.replays-page{position:relative;display:flex;flex-direction:column;gap:20px}.moments-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 4px 0}.moments-head h1{margin:8px 0 6px;color:var(--ws-text-primary);font-family:var(--font-display-stack);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;letter-spacing:-.02em}.moments-head p{max-width:620px;margin:0;color:var(--ws-text-secondary);font-size:.9rem}.moments-tabs{display:flex;flex-wrap:wrap;gap:8px}.moments-tabs button{border:1px solid var(--ws-glass-edge);border-radius:99px;background:hsla(0,0%,100%,.04);padding:8px 16px;color:var(--ws-text-secondary);font-weight:700;cursor:pointer}.moments-tabs button.is-active{border-color:rgba(155,114,255,.6);background:rgba(155,114,255,.16);color:#d9c9ff}.moments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.moments-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;color:var(--ws-text-secondary);text-align:center}.moments-empty b{color:var(--ws-text-primary);font-size:1.05rem}.moments-empty p{max-width:460px;margin:0}.moments-more{align-self:center}.clip-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--ws-glass-edge);border-radius:18px;background:rgba(11,17,25,.72);transition:transform .18s ease,border-color .18s ease}.clip-card:hover{transform:translateY(-2px);border-color:rgba(155,114,255,.45)}.clip-card.is-loading{min-height:250px;animation:clip-pulse 1.2s ease-in-out infinite alternate}.clip-card.is-hidden{opacity:.6}@keyframes clip-pulse{0%{opacity:.45}to{opacity:.85}}.clip-card-still{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#05080c}.clip-card-still img{display:block;width:100%;height:100%;object-fit:cover}.clip-card-blank{display:grid;width:100%;height:100%;place-items:center;color:hsla(0,0%,100%,.25)}.clip-card-play{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,0,0,.35),transparent 60%);color:#fff;opacity:0;transition:opacity .18s ease}.clip-card:hover .clip-card-play{opacity:1}.clip-card-flag,.clip-card-length{position:absolute;bottom:8px;border-radius:8px;background:rgba(0,0,0,.72);padding:2px 7px;color:#fff;font-size:.74rem;font-weight:800}.clip-card-length{right:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clip-card-flag{left:8px;background:rgba(239,91,103,.85)}.clip-card-flag.is-quiet{background:rgba(0,0,0,.72);color:var(--ws-text-secondary)}.clip-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px}.clip-card-title{overflow:hidden;color:var(--ws-text-primary);font-weight:800;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.clip-card-meta{display:flex;gap:10px;font-size:.8rem}.clip-card-author,.clip-card-meta{min-width:0;align-items:center;color:var(--ws-text-secondary)}.clip-card-author{display:inline-flex;gap:7px;text-decoration:none}.clip-card-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-card-author:hover{color:var(--ws-text-primary)}.clip-card-likes{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.clip-card-likes.is-liked{color:#ff6b8a}.clip-card-meta small{flex:none}.clip-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;grid-gap:16px;gap:16px}.clip-stage{overflow:hidden;padding:0}.clip-stage .replay-viewer{border-radius:inherit}.clip-stage-loading{display:grid;aspect-ratio:16/9;place-content:center;justify-items:center;grid-gap:40px;gap:40px;color:var(--ws-text-secondary)}.clip-stage-loading .replay-loading{position:static}.clip-side{display:flex;flex-direction:column;gap:14px;padding:20px}.clip-side h1{margin:0;color:var(--ws-text-primary);font-family:var(--font-display-stack);font-size:1.5rem;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.clip-author{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.clip-author>span{display:flex;flex-direction:column}.clip-author b{color:var(--ws-text-primary)}.clip-author small{color:var(--ws-text-secondary);font-size:.8rem}.clip-hidden{display:flex;gap:8px;margin:0;border-radius:12px;background:rgba(239,91,103,.12);padding:10px 12px;color:#ffb3ba;font-size:.86rem}.clip-actions,.clip-owner{display:flex;flex-wrap:wrap;gap:8px}.clip-like{display:inline-flex;height:var(--ws-btn-h);align-items:center;gap:8px;border:1px solid var(--ws-glass-edge);border-radius:var(--ws-btn-radius);background:hsla(0,0%,100%,.06);padding:0 18px;color:var(--ws-text-primary);font-weight:800;cursor:pointer}.clip-like.is-liked{border-color:rgba(255,107,138,.6);background:rgba(255,107,138,.16);color:#ff8aa3}.clip-like.is-liked svg{fill:currentColor}.clip-report{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.clip-report b{width:100%;color:var(--ws-text-secondary);font-size:.84rem}.clip-report-cancel,.clip-report-open{align-self:flex-start;border:0;background:none;padding:0;color:var(--ws-text-secondary);font-size:.82rem;text-decoration:underline;cursor:pointer}.clip-guest{display:flex;flex-direction:column;gap:10px;border-radius:14px;background:rgba(29,233,200,.08);padding:14px}.clip-guest p{margin:0}.clip-guest p,.clip-more{color:var(--ws-text-secondary);font-size:.86rem}.clip-more{text-decoration:none}.clip-more:hover{color:var(--ws-text-primary)}.clip-dialog-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.clip-dialog-check input{margin-top:3px;accent-color:var(--ws-cyan)}.clip-dialog-check span{display:flex;flex-direction:column;gap:2px;color:var(--ws-text-primary)}.clip-dialog-check small{color:var(--ws-text-secondary);font-size:.8rem;font-weight:500}.clip-dialog-check span{font-weight:700}.replays-stage{overflow:hidden;padding:0}.replays-stage-paused{display:grid;aspect-ratio:16/9;max-height:calc(100dvh - 430px);min-height:220px;place-items:center;color:var(--ws-text-secondary)}.clip-editor{display:flex;flex-direction:column;gap:14px;padding:4px 4px 0;animation:clip-rise .26s ease-out}@keyframes clip-rise{0%{opacity:0;transform:translateY(8px)}}.clip-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.clip-editor-title{display:inline-flex;align-items:center;gap:9px;color:var(--ws-text-primary);font-family:var(--font-display-stack);font-size:1.2rem;font-weight:900}.clip-editor-title svg{color:var(--ws-cyan)}.clip-editor-total{color:var(--ws-text-primary);font-size:1.1rem;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clip-editor-total small{color:var(--ws-text-secondary);font-size:.8rem;font-weight:600}.clip-editor-total.is-bad{color:#ff7a7a}.clip-editor-strip{position:relative;display:flex;height:12px;gap:3px;border-radius:99px;background:hsla(0,0%,100%,.05);padding:2px}.clip-editor-strip span{min-width:6px;border-radius:99px;background:var(--hue);box-shadow:0 0 12px color-mix(in srgb,var(--hue) 50%,transparent);transition:flex-grow .26s ease;animation:clip-grow .32s ease-out}@keyframes clip-grow{0%{transform:scaleX(.2);opacity:0}}.clip-editor-strip i{flex:1 1}.clip-editor-strip b{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:hsla(0,0%,100%,.35)}.clip-editor-hint{margin:0;color:var(--ws-text-secondary);font-size:.9rem}.clip-pieces{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.clip-piece{display:flex;align-items:center;gap:12px;border-radius:14px;padding:8px 8px 8px 10px;transition:background .16s ease;animation:clip-rise .24s ease-out}.clip-piece:hover{background:hsla(0,0%,100%,.04)}.clip-piece-n{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:10px;background:var(--hue);color:#05080c;font-size:.86rem;font-weight:900}.clip-piece-text{display:flex;min-width:0;flex:1 1;flex-direction:column}.clip-piece-text b{overflow:hidden;color:var(--ws-text-primary);text-overflow:ellipsis;white-space:nowrap}.clip-piece-text small{color:var(--ws-text-secondary);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clip-piece-speed{display:flex;gap:2px;border-radius:10px;background:hsla(0,0%,100%,.05);padding:3px}.clip-piece-speed button{border:0;border-radius:8px;background:transparent;padding:5px 9px;color:var(--ws-text-secondary);font-size:.76rem;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease}.clip-piece-speed button.is-active{background:var(--hue);color:#05080c}.clip-piece-tools{display:flex;gap:2px}.clip-piece-tools button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--ws-text-secondary);cursor:pointer;transition:background .14s ease,color .14s ease}.clip-piece-tools button:hover:not(:disabled){background:hsla(0,0%,100%,.08);color:var(--ws-text-primary)}.clip-piece-tools button.is-danger:hover{background:rgba(239,91,103,.16);color:#ff8a95}.clip-piece-tools button:disabled{opacity:.3;cursor:default}.clip-music{display:flex;flex-direction:column;align-items:stretch;gap:10px}.clip-music-label{display:inline-flex;align-items:center;gap:7px;color:var(--ws-text-secondary);font-size:.84rem;font-weight:800}.clip-music-list{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.clip-music-list button{display:inline-flex;align-items:baseline;gap:6px;border:0;border-radius:12px;background:#16202b;padding:8px 12px;color:var(--ws-text-primary);font-size:.84rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .14s ease,transform .14s ease}.clip-music-list button svg{align-self:center}.clip-music-list button small{color:var(--ws-text-secondary);font-size:.72rem;font-weight:600}.clip-music-list button:hover{background:#1f2c3a;transform:translateY(-1px)}.clip-music-list button.is-active{background:linear-gradient(140deg,#9b72ff,#6f4cf0);box-shadow:0 6px 18px rgba(155,114,255,.3);color:#fff}.clip-music-list button.is-active small{color:hsla(0,0%,100%,.75)}.clip-music-volume{display:inline-flex;align-items:center;gap:8px;color:var(--ws-text-secondary);font-size:.8rem;font-weight:700}.clip-music-volume input{width:min(220px,100%);accent-color:#9b72ff}.clip-editor-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.clip-editor-foot em{margin-right:auto;color:#ff7a7a;font-size:.84rem;font-style:normal;font-weight:700}.clip-editor-foot .is-primary{min-height:44px;padding:10px 20px;font-size:.92rem}.clip-studio-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(2,4,7,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;animation:play-overlay-in .18s ease-out}.clip-studio{position:relative;display:grid;width:min(1180px,100%);max-height:calc(100dvh - 32px);grid-template-columns:minmax(0,1fr) 320px;overflow:auto;border-radius:22px;background:#0a1017;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.06);animation:clip-studio-in .26s cubic-bezier(.2,1.2,.4,1)}@keyframes clip-studio-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.clip-studio-stage{min-width:0}.clip-studio-stage .replay-viewer{border-radius:22px 0 0 22px}.clip-studio-stage .replay-canvas{max-height:calc(100dvh - 120px)}.clip-studio-form{display:flex;flex-direction:column;gap:14px;padding:26px 22px 22px}.clip-studio-form h2{display:flex;flex-direction:column;gap:4px;margin:0;padding-right:28px;color:var(--ws-text-primary);font-family:var(--font-display-stack);font-size:1.35rem;font-weight:900}.clip-studio-form h2 small{color:var(--ws-text-secondary);font-family:inherit;font-size:.84rem;font-weight:600}.clip-studio-form>input{border:0;border-radius:12px;background:#16202b;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06);padding:12px 14px;color:var(--ws-text-primary);font:inherit;transition:box-shadow .14s ease}.clip-studio-form>input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--ws-cyan)}.clip-studio-note{margin:0;border-radius:12px;background:rgba(155,114,255,.12);padding:10px 12px;color:#d9c9ff;font-size:.82rem}.clip-studio-form .is-wide{margin-top:auto}.clip-studio-close{position:absolute;top:14px;right:14px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:hsla(0,0%,100%,.08);color:var(--ws-text-primary);cursor:pointer}.clip-studio-close:hover{background:hsla(0,0%,100%,.16)}@media (max-width:900px){.clip-studio{grid-template-columns:minmax(0,1fr)}.clip-studio-stage .replay-viewer{border-radius:22px 22px 0 0}.clip-studio-stage .replay-canvas{max-height:46dvh}}@media (max-width:640px){.clip-piece{flex-wrap:wrap}.clip-piece-text{min-width:calc(100% - 50px)}.clip-piece-speed{margin-left:42px}.clip-piece-tools{margin-left:auto}.clip-editor-foot>*{flex:1 1}.clip-studio-backdrop{padding:0}.clip-studio{max-height:100dvh}.clip-studio,.clip-studio-stage .replay-viewer{border-radius:0}}.clip-stage .replay-canvas,.replays-stage .replay-canvas{max-height:calc(100dvh - 430px);min-height:220px}.replays-stage .replay-viewer{border-radius:inherit}.replays-note{margin:0;color:var(--ws-text-secondary)}.replays-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.replays-item{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 14px}.replays-item-open{display:flex;min-width:0;flex:1 1;align-items:center;gap:12px;color:inherit;text-decoration:none}.replays-item-open>span:last-child{display:flex;min-width:0;flex-direction:column}.replays-item-open b{overflow:hidden;color:var(--ws-text-primary);text-overflow:ellipsis;white-space:nowrap}.replays-item-open small{color:var(--ws-text-secondary);font-size:.8rem}.replays-item-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:12px;background:rgba(29,233,200,.12);color:var(--ws-cyan)}.replays-item-remove{border:0;background:none;padding:6px;color:var(--ws-text-secondary);cursor:pointer}.replays-item-remove:hover{color:#ff8a95}@media (max-width:960px){.clip-layout{grid-template-columns:minmax(0,1fr)}}