body{color:#e9f2fc}main{max-width:1700px}nav{display:flex;justify-content:space-between}a{color:#62d6e6}.collection-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.collection-layout .panel{color:#203843;padding:16px;margin-bottom:16px}.collection-layout aside{align-self:start}.collection-layout aside label{margin:10px 0}.collection-layout select{width:100%}#matches{max-height:400px;overflow:auto}#matches label{display:flex;flex-direction:row;font-size:12px}.collection-controls,.collection-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:12px 0}.collection-controls input[type=number]{width:75px}.collection-controls label:has(input[type=checkbox]){flex-direction:row}.collection-filters label{flex:1;min-width:120px}.collection-rows{max-height:420px;overflow:auto}#clips{max-height:380px;overflow:auto;padding-left:25px}#clips li{padding:8px;border-bottom:1px solid #dce5ed;font-size:13px}#clips button{padding:5px;margin:3px}#status{color:#7ee4ef}#name{width:min(100%,350px)}#playing{font-size:13px}.collection-layout .video-stage{max-height:65vh}#actions button{font-size:12px;padding:6px}@media(max-width:900px){.collection-layout{grid-template-columns:1fr}.collection-layout aside{max-height:400px;overflow:auto}}

.activity-notice{font-size:12px;color:#9fb4c8;text-align:center;padding:12px 20px;margin:0;}
.highlight-intro[hidden]{display:none}.highlight-intro{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(14px,3vw,42px);color:#f4f9ff;background:radial-gradient(ellipse at 95% 8%,#1a4668 0,transparent 60%),linear-gradient(130deg,#081523,#122c40);text-align:center}.highlight-intro:before{content:"";position:absolute;width:58%;height:85%;right:-15%;top:18%;border:1px solid #51cfe22b;transform:rotate(-20deg);pointer-events:none}.intro-brand{position:relative;display:flex;align-items:center;gap:10px;text-align:left;font-weight:700;letter-spacing:2px;font-size:clamp(9px,1vw,14px)}.intro-brand small{display:block;color:#8aabbc;font-size:8px;letter-spacing:3px;margin-top:4px}.intro-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#17bfd8,#8974e8);font-size:17px;letter-spacing:-1px}.intro-copy{position:relative;min-height:0}.intro-team{font-size:clamp(9px,1.2vw,14px);color:#8edcec;letter-spacing:2px;margin:0 0 12px}.highlight-intro h2{font-size:clamp(21px,3.8vw,56px);font-weight:750;line-height:1.05;letter-spacing:1px;color:#fff;margin:0;overflow-wrap:anywhere}.intro-player{font-size:clamp(15px,2.6vw,36px);line-height:1.15;margin:14px 0 0;color:#dcefff;overflow-wrap:anywhere}.intro-rule{height:2px;width:70px;background:#39cddd;margin:20px auto}.intro-match{font-size:clamp(10px,1.4vw,18px);line-height:1.3;margin:0}.intro-date{color:#8ca8bc;font-size:clamp(9px,1vw,13px);margin:6px 0}.intro-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9cb6c9;gap:10px}.intro-bottom button{background:transparent;color:#e3f4ff;border-color:#ffffff40;font-size:11px;padding:6px 10px}.intro-progress{position:absolute;bottom:0;left:0;height:3px;background:#39cddd;width:100%;transform-origin:left;animation:intro-duration 3s linear forwards}@keyframes intro-duration{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:600px){.highlight-intro{padding:12px}.intro-brand{font-size:9px}.intro-mark{width:25px;height:25px;font-size:13px}.intro-brand small{display:none}.intro-team{margin-bottom:5px;font-size:9px;letter-spacing:1px}.highlight-intro h2{font-size:20px}.intro-player{font-size:16px;margin-top:7px}.intro-rule{margin:8px auto}.intro-match{font-size:10px}.intro-bottom{font-size:9px}.intro-bottom button{font-size:10px;padding:4px 6px}}@media(prefers-reduced-motion:reduce){.intro-progress{animation:none}}