/* Video koleksiyonları · çalışma alanı. Ortak kabuk match-center.css içinde. */
.collections-page{max-width:1460px;margin:0 auto;padding:24px 28px 48px}
.collections-page [hidden]{display:none!important}
.collection-layout{display:grid;grid-template-columns:292px minmax(0,1fr);gap:18px;align-items:start}
.collection-sidebar{position:sticky;top:16px;display:grid;gap:14px}
.collection-builder,.collection-saved{padding:18px}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--color-divider)}
.card-heading h2{margin:0;font-size:15px;color:var(--color-text)}
.card-note{margin:0 0 12px;font-size:11.5px;line-height:1.5;color:var(--color-text-muted)}
.step{display:block;margin-bottom:3px;font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary-ink)}
.collections-page .count{padding:3px 9px;border-radius:999px;background:var(--color-surface-raised);color:var(--color-text-muted);font-size:11px;font-weight:650;white-space:nowrap}
.collections-page .count:empty{display:none}
.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650;color:var(--color-text-muted)}
.field select{width:100%}
.match-picker{display:grid;gap:6px;max-height:310px;overflow:auto;margin:12px 0;padding:2px}
.match-option{display:flex;align-items:flex-start;gap:9px;margin:0;padding:9px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast)}
.match-option:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}
.match-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}
.match-option input{flex:none;margin-top:2px}
.match-option span{display:flex;flex-direction:column;gap:2px;min-width:0}
.match-option strong{font-size:11px;color:var(--color-primary-ink);font-variant-numeric:tabular-nums}
.match-option small{font-size:12px;line-height:1.35;color:var(--color-text);overflow-wrap:anywhere}
.collection-builder>button{width:100%}
.saved-actions{display:flex;gap:8px}
.saved-actions button{flex:1}
.collection-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.player-card{padding:0;overflow:hidden}
.player-heading{padding:16px 20px;margin:0;border-bottom:1px solid var(--color-divider)}
.player-heading h2{font-size:18px}
.player-hint{font-size:11px;color:var(--color-text-muted);text-align:right}
.player-card .video-stage{margin:0;border-radius:0;background:#08131c;aspect-ratio:16/9}
.collection-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 18px;border-top:1px solid var(--color-divider);background:var(--color-surface-raised)}
.control-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.control-group button{height:34px;padding:0 12px;font-size:12px}
.toggle{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:600;color:var(--color-text-muted);white-space:nowrap}
.control-timing label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:650;color:var(--color-text-muted)}
.control-timing input{width:70px;height:32px;padding:4px 8px}
.control-actions{margin-left:auto}
.playing-line{min-height:0;margin:0;padding:0 18px;font-size:11.5px;color:var(--color-text-muted)}
.playing-line:not(:empty){padding-bottom:14px}
.collection-actions-card,.collection-clips-card{padding:18px 20px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--color-divider)}
.section-head h2{margin:0;font-size:16px;color:var(--color-text)}
.section-head p{margin:4px 0 0;max-width:720px;font-size:11.5px;line-height:1.5;color:var(--color-text-muted)}
.collection-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.collection-filters label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:10.5px;font-weight:650;color:var(--color-text-muted)}
.collection-filters select{width:100%;height:36px}
.filter-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:12px 0}
.filter-actions button{height:36px;font-size:12px}
.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto}
.collection-rows{max-height:440px}
.actions-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}
.actions-table th{position:sticky;top:0;z-index:2;padding:9px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);text-align:left;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.actions-table td{padding:10px 12px;border-bottom:1px solid var(--color-divider);vertical-align:middle}
.actions-table tbody tr:last-child td{border-bottom:0}
.actions-table tbody tr:hover td{background:var(--color-surface-raised)}
.action-match-date{display:block;font-size:10.5px;font-weight:650;color:var(--color-primary-ink);font-variant-numeric:tabular-nums}
.action-match-title{display:block;margin-top:2px;font-weight:600;color:var(--color-text);overflow-wrap:anywhere}
.set-badge{display:inline-block;margin-top:4px;padding:1px 6px;border-radius:4px;background:var(--color-surface-raised);color:var(--color-text-muted);font-size:10px;font-weight:650}
.player-cell{display:flex;flex-direction:column;gap:2px}
.player-cell strong{font-size:12px;color:var(--color-text)}
.code-badge{width:fit-content;padding:1px 5px;border-radius:4px;background:#eef3f6;color:var(--color-text-muted);font-size:10.5px}
.action-type{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.skill-badge{padding:3px 8px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-ink);font-size:10.5px;font-weight:700}
.eval-pill{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:var(--color-surface-raised);color:var(--color-text-muted);font-weight:750}
.eval-good{background:var(--color-success-soft);color:var(--color-success)}
.eval-bad{background:var(--color-danger-soft);color:var(--color-danger)}
.eval-mid{background:var(--color-warning-soft);color:var(--color-warning)}
.row-actions{display:flex;justify-content:flex-end;gap:5px;white-space:nowrap}
.row-actions button{height:30px;padding:0 9px;font-size:11px}
.row-add{background:var(--color-primary-soft);border-color:#a9dde7;color:var(--color-primary-ink)}
.clip-save-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.clip-save-row input{flex:1 1 260px;min-width:0;max-width:420px;height:38px}
.clip-save-row button{height:38px;font-size:12px}
.clip-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;max-height:400px;overflow:auto}
.clip-list:empty{display:none}
.clip-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}
.clip-index{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--color-surface-raised);color:var(--color-primary-ink);font-size:10.5px;font-weight:750;font-variant-numeric:tabular-nums}
.clip-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.clip-copy strong{font-size:12px;color:var(--color-text);overflow-wrap:anywhere}
.clip-copy span{font-size:11px;color:var(--color-text-muted);overflow-wrap:anywhere}
.clip-duration{padding:2px 7px;border-radius:999px;background:var(--color-surface-raised);color:var(--color-text-muted);font-size:10.5px;font-weight:650;white-space:nowrap}
.clip-actions{display:flex;gap:4px}
.clip-actions button{width:28px;height:28px;padding:0;font-size:13px}
.clip-actions button[data-remove]{color:var(--color-danger)}
.empty-note{padding:22px 12px;border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;font-size:12px;color:var(--color-text-muted)}
#clipsEmpty[hidden],#actionsEmpty[hidden]{display:none}
@media(max-width:1100px){.collection-layout{grid-template-columns:256px minmax(0,1fr)}.collection-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.collection-layout{grid-template-columns:1fr}.collection-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.player-card{order:-1}}
@media(max-width:720px){
 .collections-page{padding:18px 14px 40px}
 .collection-sidebar{grid-template-columns:1fr}
 .collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filter-actions{justify-content:stretch}
 .filter-actions button{flex:1 1 100%}
 .collection-controls{align-items:stretch;gap:10px}
 .control-group,.control-actions{width:100%}
 .control-actions{margin-left:0}
 .control-timing label{flex:1}
 .control-timing input{width:100%}
 .player-hint{display:none}
 .collection-rows{max-height:none;overflow:visible;border:0;border-radius:0}
 .actions-table{min-width:0;display:block}
 .actions-table thead{display:none}
 .actions-table tbody{display:grid;gap:8px}
 .actions-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}
 .actions-table td{display:block;padding:0;border:0}
 .actions-table td:first-child{grid-column:1/-1}
 .actions-table td:last-child{grid-column:1/-1;padding-top:7px;border-top:1px solid var(--color-divider)}
 .row-actions{justify-content:flex-start}
 .clip-item{grid-template-columns:28px minmax(0,1fr) auto}
 .clip-actions{grid-column:1/-1;justify-content:flex-end;padding-top:5px;border-top:1px solid var(--color-divider)}
 .clip-save-row input{max-width:none}
 .clip-save-row button{flex:1 1 40%}
}
@media(max-width:430px){.collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.control-group button{flex:1}}
.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:var(--space-1)}.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:var(--color-surface);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:var(--space-3)}.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}}

.video-stage{position:relative}.video-watermark{position:absolute;z-index:5;white-space:pre-line;pointer-events:none;color:white;font-size:11px;line-height:1.4;opacity:.55;text-shadow:0 1px 3px black;background:#0003;padding:6px 9px;border-radius:5px;max-width:32%;overflow-wrap:anywhere;transition:left 1.2s ease,top 1.2s ease}