:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e9edf0;background:#0c1014;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#90c8e3}a:hover{text-decoration:none}.app{max-width:1180px;margin:0 auto;padding:0 28px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid #29313a}.identity{display:flex;gap:12px;align-items:center}.logo{display:grid;place-items:center;width:37px;height:37px;font-weight:850;font-size:19px;border:1px solid #477586;color:#c0e6f0;border-radius:8px}.identity div{display:grid;gap:3px}.identity strong{font-size:15px;letter-spacing:.025em}.identity span:not(.logo){font-size:12px;color:#8b9ba9}.toptools{display:flex;align-items:center;gap:9px}.small-status{font-size:12px;color:#b0bcc6;margin-right:10px}.btn{min-height:36px;padding:8px 13px;border-radius:6px;border:1px solid #3a4653;font-weight:620;white-space:nowrap}.btn.primary{background:#94cee5;color:#0b1720;border-color:#94cee5}.btn.primary:hover{background:#b5e0ee}.btn.secondary{background:#1a222b;color:#e6edf4}.btn.secondary:hover{background:#26323e}.btn.danger{color:#f1b3b3;border-color:#6b4141;background:transparent}.statusline{display:flex;gap:26px;flex-wrap:wrap;padding:19px 0 5px;color:#9aabb8;font-size:12px}.statusline .ok{color:#85d3ae}.statusline .warning{color:#efc28f}.tabs{display:flex;gap:25px;margin-top:21px;border-bottom:1px solid #303a45}.tab{background:none;border:none;border-bottom:2px solid transparent;color:#9aa9b5;padding:12px 2px 14px;font-weight:600}.tab:hover{color:#e5eef5}.tab.active{border-color:#93cee3;color:#e9f4f7}.tab span{margin-left:3px;color:#93a9b9}.view{display:none}.view.active{display:block}.sectionbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 20px}h1{font-size:21px;font-weight:700;margin:0 0 5px;letter-spacing:-.035em}.sectionbar p{margin:0;color:#9dabba;font-size:13px;line-height:1.45}.list{border:1px solid #303943;border-radius:9px;overflow:hidden;background:#121820}.list:empty:before{content:'Nothing here yet.';display:block;padding:40px 18px;text-align:center;color:#9daab7}.item{padding:17px 19px;border-bottom:1px solid #28323c;display:flex;align-items:center;gap:22px;justify-content:space-between}.item:last-child{border-bottom:0}.itemmain{min-width:0}.itemtitle{font-weight:650;letter-spacing:.005em;overflow-wrap:anywhere}.muted{font-size:12px;color:#95a6b3;margin-top:5px;line-height:1.45}.item-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.pill{display:inline-flex;border:1px solid #3a4855;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:650;color:#a8bbca;text-transform:capitalize}.pill.done{border-color:#386954;color:#94d6b4}.pill.error{border-color:#6b4343;color:#f4b8b8}.notice{padding:13px 16px;border:1px solid #7e5342;background:#2c211d;border-radius:6px;color:#ffceaf;margin-top:18px;line-height:1.55}.notice:not([hidden]){display:block}.empty{padding:55px 22px;text-align:center;color:#a8b8c5}.empty b{color:#eef3f8;display:block;font-size:14px;margin-bottom:8px}.empty p{margin:0;line-height:1.5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#151c24;border:1px solid #303b46;padding:23px;border-radius:8px}.panel h2{font-size:16px;margin:0 0 23px}label{display:grid;gap:8px;margin-bottom:15px;color:#c3d0d9;font-size:12px;font-weight:620}input,select{padding:11px 12px;background:#0d1319;border:1px solid #3a4653;border-radius:6px;color:#eaf4f9;width:100%;min-width:0;outline:none}input:focus,select:focus{border-color:#93cee3}select option{background:#141c22}.tip{margin:18px 0 0;color:#9aabb8;font-size:12px;line-height:1.65}.tip code{color:#cddde8}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #293541;padding:13px 0;font-size:13px}.setting-row b{color:#ced9e0;font-size:12px;font-weight:650;text-align:right}.settings-grid #steam-info .linked{border-bottom:1px solid #2b3741;padding-bottom:16px;margin-bottom:20px}.linked strong{display:block;font-size:13px;margin-bottom:6px}.linked button{margin-top:12px}.dialog-backdrop{position:fixed;inset:0;background:#02070bcf;display:grid;place-items:center;padding:15px;z-index:10}.dialog-backdrop[hidden]{display:none}.dialog{background:#172029;border:1px solid #3b4856;border-radius:10px;padding:25px;width:min(430px,100%);box-shadow:0 16px 48px #0008;max-height:90vh;overflow:auto}.dialog h2{font-size:19px;margin:0 0 9px}.dialog p{margin:0 0 18px;color:#acbfcb;font-size:13px;line-height:1.6}.dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.dialog .help{font-size:12px;margin-top:12px}.check-row{display:flex;flex-direction:row;gap:10px;align-items:center}.check-row input{width:auto}.clip-item{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:16px 18px;border-bottom:1px solid #293540}.clip-item:last-child{border-bottom:0}.video-area{min-width:0}.video-area video{width:100%;aspect-ratio:16/9;background:#05080b;border-radius:5px;display:block}.placeholder{aspect-ratio:16/9;background:#1e2832;color:#7a90a2;display:grid;place-items:center;border-radius:5px;font-size:12px}.clipinfo{min-width:0}.clip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 9px}.clip-info-actions{margin-top:17px;display:flex;align-items:center;gap:10px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#24323d;color:#e9f3f8;border:1px solid #4c5b68;border-radius:7px;padding:11px 16px;max-width:92vw;display:none;z-index:100;box-shadow:0 8px 32px #0008}#toast.visible{display:block}#toast.error{border-color:#99655b}@media(max-width:720px){.app{padding:0 15px 40px}.topbar{padding:15px 0}.toptools{gap:5px}.small-status{display:none}.statusline{gap:10px 18px}.sectionbar{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.item{align-items:flex-start;flex-direction:column;gap:13px}.item-actions{width:100%}.clip-item{grid-template-columns:1fr;gap:12px}.video-area{max-width:450px}.sectionbar{margin-top:21px}}
/* v7 -- functional match list and recording controls */
.section-actions{display:flex;flex-wrap:wrap;gap:10px}.match-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-5px 0 13px;color:#99adbb;font-size:12px}.filters{display:flex;align-items:center;gap:9px}.filters input{width:200px;padding:9px 10px}.filters select{width:154px;padding:9px 10px}.history-help{border-left:2px solid #5a8395;background:#16212b;color:#bdced8;padding:11px 13px;margin-bottom:15px;font-size:12px;line-height:1.6}.match-card{padding:15px 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #2b343e}.match-card:last-child{border-bottom:0}.match-card:hover{background:#19212a}.map-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid #354554;border-radius:7px;background:linear-gradient(135deg,#1d3540,#151b22);font-weight:800;font-size:25px;color:#8fc7d9}.match-body{flex:1;min-width:0}.match-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.match-top strong{font-size:16px}.final-score{font-size:18px;font-weight:750;color:#e9f3f8;font-variant-numeric:tabular-nums}.score-divider{color:#718594}.match-date{font-size:12px;color:#b2c2cd;margin-top:4px}.match-secondary{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:11px;color:#8295a5}.match-secondary details{max-width:100%}.match-secondary code{overflow-wrap:anywhere}.match-secondary summary, .clipinfo summary{cursor:pointer;color:#87b9d0;font-size:11px}.match-secondary details[open] code{display:block;margin-top:6px}.lightnote{color:#aab8c2}.inline-link{border:0;background:none;color:#efbe96;padding:0;text-decoration:underline;font-size:11px;cursor:pointer}.match-queue{margin-left:auto}.error-text{color:#f2b0ae}.modal-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.modal-title h2{margin:0 0 10px}.modal-title .muted{margin-bottom:10px}.dialog:has(#queue-form){width:min(640px,100%);padding:26px 28px}.form-section{padding:17px 0 13px;border-top:1px solid #36434f}.form-section:first-of-type{border:0;padding-top:8px}.small-heading{display:block;margin-bottom:12px;font-size:13px;color:#e2eef5}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset{font-size:12px;padding:11px 6px;border:1px solid #3f4d5d;border-radius:5px;background:#1c2933;color:#d2e2eb;cursor:pointer}.preset.selected{background:#244a5d;color:#d8f4ff;border-color:#82c2df}.microhelp{font-size:11px!important;color:#a7b5c1!important;line-height:1.5!important;margin:11px 0 0!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:13px}.form-grid label{margin-bottom:10px}.fieldhint{color:#8ca0ae;font-size:10px;font-weight:400}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-row{margin:0!important;font-size:12px;cursor:pointer}.check-row input{width:auto;flex-shrink:0;accent-color:#9acde2}.dialog-footer{display:flex;gap:18px;align-items:end;justify-content:space-between;flex-wrap:wrap}.dialog-footer .microhelp{max-width:220px}.dialog-footer .actions{margin-top:10px!important}textarea{resize:vertical;min-height:90px;padding:11px 12px;background:#0d1319;color:#eef4f7;border:1px solid #3a4653;border-radius:6px;font:inherit;width:100%}.clipinfo details{margin-top:12px}.clipinfo details[open] code{display:block;overflow-wrap:anywhere;margin-top:7px;color:#bdccd7;font-size:11px}
@media(max-width:720px){.match-toolbar{align-items:stretch;flex-direction:column}.filters input{flex:1;width:100%;min-width:0}.filters select{width:130px;flex-shrink:0}.section-actions{width:100%}.section-actions button{flex:1}.match-card{gap:12px;flex-wrap:wrap;padding:15px 12px}.map-icon{width:40px;height:40px;flex-basis:40px;font-size:19px}.match-queue{width:100%;margin-left:0}.preset-row{grid-template-columns:repeat(2,1fr)}.dialog:has(#queue-form){padding:20px}.dialog-footer{flex-direction:column;align-items:stretch}.dialog-footer .microhelp{max-width:none}.dialog-footer .actions button{flex:1}.form-grid{column-gap:9px}}

/* v8: show actual verified kill events before offering clip controls. */
.kill-ready{color:#96d9b4;font-weight:650}.callout-msg{border-left:3px solid #95c9df;background:#202f3a;padding:12px 14px;color:#c2d3df;border-radius:4px;margin:15px 0;line-height:1.5}
.dialog:has(#queue-form){width:min(760px,100%)}.modal-intro{font-size:12px!important;color:#c4d2dd!important;margin:4px 0 14px!important}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.picker-heading .small-heading{margin-bottom:0}.picker-actions{display:flex;gap:12px;flex-wrap:wrap}
.kill-picker{max-height:320px;overflow-y:auto;margin:13px 0 0;background:#101820;border:1px solid #40505c;border-radius:8px;scrollbar-color:#4c6474 #101820}.round-group{padding:0 13px 8px;border-bottom:1px solid #293946}.round-group:last-child{border:0}.round-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 2px 8px;font-size:12px;color:#d5e6ee}.round-heading .inline-link{font-size:11px}.kill-row{display:flex;align-items:center;gap:12px;margin:0 0 6px;padding:10px;border:1px solid transparent;border-radius:6px;font-size:13px;background:#17232d;cursor:pointer}.kill-row:hover{border-color:#405968}.kill-row:has(input:checked){border-color:#80c7e2;background:#213b4b}.kill-row input{flex:0 0 auto;accent-color:#96d3e9;width:16px;height:16px;margin:0}.kill-time{color:#91b5c7;font-variant-numeric:tabular-nums;font-size:12px;min-width:43px}.kill-detail{display:flex;flex-direction:column;flex:1;gap:3px}.kill-detail b{font-weight:650;color:#e4f0f4;overflow-wrap:anywhere}.kill-detail small{font-size:11px;color:#9ab0bc}.kill-tag{border:1px solid #436070;border-radius:4px;padding:3px 6px;color:#9dccdf;font-size:10px;font-weight:700}
.selection-summary{border:1px solid #3e5765;border-radius:6px;background:#1c303c;padding:12px 14px;color:#cae8f3;font-size:12px;line-height:1.5;margin-top:10px}.settings-fields{margin-top:17px}.advanced{border-top:1px solid #33414d;padding:16px 0 0}.advanced summary{cursor:pointer;font-weight:650;color:#cbdbe6}.advanced[open] .check-grid{margin:12px 0}.advanced .form-grid{margin-top:13px}.dialog-footer{position:sticky;bottom:-26px;background:#172029;border-top:1px solid #344653;padding:13px 0 0;margin-top:6px}.clipinfo .muted{overflow-wrap:anywhere}
@media(max-width:720px){.dialog:has(#queue-form){padding:18px 15px}.kill-picker{max-height:275px}.picker-actions{gap:9px}.round-group{padding:0 7px 7px}.kill-row{gap:8px;padding:9px 7px}.kill-tag{font-size:9px}.modal-intro{line-height:1.5}.dialog-footer{bottom:-18px}}
