[data-review-track]{position:relative;min-height:80px;margin:10px 0 0;border:1px solid #312d32;border-radius:9px;background:linear-gradient(180deg,#17151a,#0e0e11);overflow:hidden;isolation:isolate}
[data-review-track][hidden]{display:none}
.phase-lane{position:absolute;inset:0 0 auto;height:27px;border-bottom:1px solid #29262b;background:#121115}
.coach-phase{position:absolute;left:var(--phase-start);width:var(--phase-size);height:27px;min-width:3px;padding:0 7px;border:0;border-right:1px solid #332d31;background:linear-gradient(90deg,rgba(255,135,54,.09),rgba(226,62,47,.045));color:#8e858a;font:700 8px Inter,sans-serif;letter-spacing:.05em;text-align:left;text-transform:uppercase;cursor:pointer;overflow:hidden}
.coach-phase:nth-child(even){background:linear-gradient(90deg,rgba(23,63,115,.16),rgba(23,63,115,.06))}
.coach-phase span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coach-phase:hover,.coach-phase.is-active,.coach-phase[aria-current=true]{background:linear-gradient(90deg,rgba(255,197,98,.23),rgba(255,135,54,.1));color:#ffe1aa}
.marker-lane{position:absolute;inset:28px 0 0}
.coach-marker{position:absolute;z-index:2;top:calc(5px + var(--marker-lane)*17px);left:var(--marker-at);width:30px;height:28px;padding:0;border:0;background:transparent;transform:translateX(-50%);cursor:pointer}
.coach-marker:before{content:"";position:absolute;top:7px;left:10px;width:10px;height:10px;border:1px solid #ffc562;background:#b36827;box-shadow:0 0 0 3px rgba(255,197,98,.08);transform:rotate(45deg)}
.coach-marker.kind-death:before,.coach-marker[class*="kind-death"]:before{border-color:#ff897d;background:#b62f27;clip-path:polygon(50% 0,100% 100%,0 100%);transform:none}
.coach-marker.kind-note:before,.coach-marker.kind-phase-note:before{border-color:#7db4f0;border-radius:50%;background:#245a91;transform:none;box-shadow:0 0 0 3px rgba(44,111,180,.13)}
.coach-marker.kind-cooldown:before{border-color:#ffad68;background:#9b431f;border-radius:2px;transform:none}
.coach-marker[aria-current=true]:before{border-color:#fff;box-shadow:0 0 0 4px rgba(255,197,98,.28),0 0 16px rgba(255,135,54,.45)}
.coach-marker-tooltip{position:absolute;z-index:5;left:50%;bottom:26px;max-width:190px;padding:6px 8px;border:1px solid #4a3a31;border-radius:5px;background:#08080a;color:#f1e5d9;font-size:9px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .12s,transform .12s}
.coach-marker:hover .coach-marker-tooltip,.coach-marker:focus-visible .coach-marker-tooltip{opacity:1;transform:translate(-50%,0)}
.coach-playhead{position:absolute;z-index:4;top:0;bottom:0;left:var(--playhead-at,0);width:1px;background:#fff1d7;box-shadow:0 0 7px rgba(255,197,98,.75);pointer-events:none}
.coach-playhead:before{content:"";position:absolute;top:0;left:-3px;border-width:4px 3px 0;border-style:solid;border-color:#fff1d7 transparent transparent}
.marker-jumps{display:flex;gap:6px;margin:8px 0 0;padding:2px 0;overflow-x:auto;scrollbar-color:#554033 #111114}
.marker-jumps[hidden]{display:none}
.marker-jump{display:flex;min-height:38px;flex:0 0 auto;align-items:center;gap:8px;padding:6px 10px;border:1px solid #302d32;border-radius:7px;background:#121215;color:#c8c0c3;font:700 9px Inter,sans-serif;cursor:pointer}
.marker-jump:hover{border-color:#725036;background:#211a14;color:#ffe0ae}
.marker-jump time{color:#84796e;font:600 9px Manrope,sans-serif}
.marker-jump span{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.raid-coach{position:relative}
.coach-tabs{display:grid;grid-template-columns:repeat(3,1fr);flex:0 0 auto;padding:5px;border-bottom:1px solid #29262b;background:#0e0e11}
.coach-tabs [data-coach-tab]{position:relative;min-height:42px;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:#77717a;font:800 9px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.coach-tabs [data-coach-tab]:hover{color:#d4c7bb}
.coach-tabs [data-coach-tab][aria-selected=true]{background:#241a14;color:#ffc562;box-shadow:inset 0 0 0 1px #5f412d}
[data-note-count]:not(:empty){display:inline-grid;min-width:17px;height:17px;margin-left:3px;place-items:center;border-radius:20px;background:#173f73;color:#d9ebff;font-size:8px}
.raid-coach [data-coach-pane]{min-height:0;flex:1}
.raid-coach [data-coach-pane][hidden]{display:none!important}
.raid-coach [data-coach-pane="actions"]{display:flex;flex-direction:column}
.raid-coach [data-coach-pane="review"],.raid-coach [data-coach-pane="notes"]{display:flex;flex-direction:column;overflow:hidden}
.coach-scroll{min-height:0;flex:1;padding:14px;overflow-y:auto;scrollbar-color:#554033 #111114}
.coach-empty{margin:0;padding:22px 16px;color:#817b83;font-size:10px;line-height:1.6;text-align:center}
.coach-pointer-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.coach-pointer{padding:13px;border:1px solid #302d32;border-left:3px solid #725036;border-radius:8px;background:linear-gradient(145deg,#171519,#111114)}
.coach-pointer[data-severity=critical],.coach-pointer[data-severity=danger],.coach-pointer[data-severity=death]{border-left-color:#b63a30}
.coach-pointer[data-severity=warning],.coach-pointer[data-severity=defensive-review],.coach-pointer[data-severity=coverage]{border-left-color:#c17b35}
.coach-pointer[data-severity=success],.coach-pointer[data-severity=good]{border-left-color:#327d58}
.coach-pointer header{display:flex;height:auto;padding:0;border:0;background:none;backdrop-filter:none;align-items:center;justify-content:flex-start;gap:8px}
.coach-pointer h3{margin:0;color:#e5dfe1;font:700 11px/1.35 Manrope,sans-serif}
.coach-pointer p{margin:9px 0 0;color:#99939b;font-size:10px;line-height:1.55}
.coach-badge{display:inline-flex;min-height:20px;align-items:center;padding:3px 6px;border-radius:4px;background:#2e2118;color:#e8b979;font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.coach-badge.danger{background:#351816;color:#f19589}
.coach-review-button{margin-top:10px;padding:6px 9px;border:1px solid #594133;border-radius:5px;background:#17120f;color:#dbb581;font:700 9px Inter,sans-serif;cursor:pointer}
.coach-review-button:hover{border-color:#9a633b;background:#2a1c14;color:#ffd79f}
.death-recap{margin:0 0 10px;padding:14px;border:1px solid #382c2e;border-radius:9px;background:linear-gradient(145deg,#1b1416,#111114)}
.death-recap>header{display:flex;height:auto;padding:0;border:0;background:none;backdrop-filter:none;align-items:flex-start;justify-content:space-between;gap:12px}
.death-recap>header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;min-width:0}
.death-recap h3{margin:0;color:#eee8ea;font:700 12px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.death-recap header time{grid-column:2;color:#8b8184;font:600 9px Manrope,sans-serif}
.death-recap .coach-review-button{flex:0 0 auto;margin:0}
.death-summary{margin:11px 0 0;color:#aaa1a4;font-size:10px;line-height:1.5}
.death-recap details{margin-top:12px;border-top:1px solid #30282a;padding-top:10px}
.death-recap summary{min-height:32px;color:#ca9d72;font-size:9px;cursor:pointer}
.death-event-list{margin:0;padding:0;list-style:none}
.death-event-list li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;min-height:35px;align-items:center;gap:7px;border-top:1px solid #282326;color:#aaa3a6;font-size:9px}
.death-event-list time,.death-event-list button{padding:0;border:0;background:none;color:#8f7d70;font:700 9px Manrope,sans-serif;text-align:left}
.death-event-list button{cursor:pointer;text-decoration:underline;text-decoration-color:#584336;text-underline-offset:2px}
.death-event-list b{color:#e7b0aa;font:700 9px Manrope,sans-serif}
.death-event-list li[data-kind=healing] b,.death-event-list li[data-kind=heal] b{color:#77d49b}
.death-event-list li[data-kind=absorb] b,.death-event-list li[data-kind=absorbed] b{color:#78c7df}
[data-note-form]{margin:14px;padding:13px;border:1px solid #302d32;border-radius:8px;background:#151418}
[data-note-form]>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
[data-note-time]{color:#e1b67e;font:700 10px Manrope,sans-serif}
[data-use-current-time]{min-height:32px;padding:5px 8px;border:1px solid #3c3538;border-radius:5px;background:#101013;color:#aaa3ad;font:700 8px Inter,sans-serif;cursor:pointer}
[data-note-form] label{display:block;color:#979198;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
[data-note-form] textarea{display:block;width:100%;min-height:74px;margin-top:7px;padding:9px;resize:vertical;border:1px solid #343137;border-radius:6px;background:#0c0c0f;color:#f1edef;font:500 11px/1.45 Inter,sans-serif}
[data-note-form] select{width:100%;min-height:38px;margin:8px 0;padding:7px;border:1px solid #343137;border-radius:6px;background:#0c0c0f;color:#ded8db}
[data-note-form] [type=submit]{width:100%;min-height:38px;margin-top:9px;border:1px solid #8d5235;border-radius:6px;background:linear-gradient(135deg,#8f3025,#c34b2f);color:#fff7ef;font:800 9px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
[data-note-form] [type=submit]:disabled{opacity:.55;cursor:wait}
[data-note-status]{min-height:16px;margin:0 14px 8px;color:#817b83;font-size:9px;line-height:1.4}
[data-note-status][data-state=error]{color:#ee8473}
[data-note-status][data-state=success]{color:#77d49b}
[data-note-status][data-state=pending]{color:#d4a365}
.coach-note-list,[data-note-list]{min-height:0;flex:1;margin:0;padding:0 14px 16px;overflow-y:auto;list-style:none;scrollbar-color:#554033 #111114}
.coach-note{position:relative;padding:12px 40px 12px 0;border-top:1px solid #29262b}
.coach-note-header{display:flex;align-items:center;gap:7px}
.coach-note-time{padding:0;border:0;background:none;color:#ddb17b;font:700 10px Manrope,sans-serif;text-decoration:underline;text-decoration-color:#5c4536;text-underline-offset:2px;cursor:pointer}
.coach-note-type{padding:3px 5px;border-radius:4px;background:#162a42;color:#88b9ee;font-size:7px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.coach-note-type[data-type=phase]{background:#342419;color:#ebbc7e}
.coach-note p{margin:8px 0 6px;color:#d5ced1;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.coach-note small{display:block;color:#716b73;font-size:8px;line-height:1.35}
.coach-note-delete{position:absolute;top:10px;right:0;padding:4px;border:0;background:none;color:#9d6963;font:600 8px Inter,sans-serif;text-decoration:underline;cursor:pointer}
.video-sync{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;border:1px solid #332b27;border-radius:7px;background:linear-gradient(135deg,#171315,#1c1612);color:#9b9290}.video-sync>span{display:flex;min-width:0;flex:1;flex-direction:column}.video-sync b{color:#e4d8cf;font:800 9px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}.video-sync small{overflow:hidden;color:#8f8581;font:600 9px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.video-sync button{min-height:30px;border:1px solid #5d4832;border-radius:5px;padding:5px 9px;background:#211a13;color:#dfb16d;font:800 8px Manrope,sans-serif;cursor:pointer}.video-sync button:hover{border-color:#9b7040;background:#2a2017}.video-sync button:disabled{cursor:wait;opacity:.55}.video-sync output{max-width:190px;color:#d97870;font:700 8px Manrope,sans-serif}
.pull-compare{margin-top:20px;padding:18px;border:1px solid #302d32;border-radius:10px;background:linear-gradient(145deg,#151317,#0f0f11)}
.pull-compare>header{display:flex;height:auto;padding:0;border:0;background:none;backdrop-filter:none;align-items:flex-end;justify-content:space-between;gap:20px}
.pull-compare h2{margin:5px 0 0;font:700 18px Manrope,sans-serif}
.pull-compare label{color:#89838b;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
[data-compare-select]{display:block;min-width:230px;min-height:40px;margin-top:6px;padding:7px 30px 7px 9px;border:1px solid #3b3539;border-radius:6px;background:#0c0c0f;color:#e4dfe2;font:600 10px Inter,sans-serif}
.coach-section-heading{margin:0 0 12px}.coach-section-heading h2{margin:5px 0 0;color:#eee8ea;font:700 18px Manrope,sans-serif}.coach-section-heading p{margin:8px 0 0;color:#89838b;font-size:9px;line-height:1.55}.coach-section-heading.death-heading{margin-top:22px;padding-top:18px;border-top:1px solid #2b282d}.timeline-unavailable{padding:22px}.timeline-unavailable h2{margin:8px 0}.timeline-unavailable p{color:#8f8991;font-size:10px;line-height:1.6}.compare-results{margin-top:18px}.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compare-metric{min-width:0;padding:12px;border:1px solid #2b292d;border-radius:7px;background:#101013}.compare-metric>span{display:block;margin-bottom:9px;color:#77717a;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.compare-metric>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compare-metric p{min-width:0;margin:0}.compare-metric b{display:block;overflow:hidden;color:#e4dfe2;font:700 12px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.compare-metric small{display:block;margin-top:3px;color:#6f6971;font-size:7px;text-transform:uppercase}.compare-pov{margin-top:14px;padding-top:14px;border-top:1px solid #2b292d}.compare-pov h3{margin:0 0 9px;color:#ddb17b;font:700 12px Manrope,sans-serif}.compare-empty{margin:16px 0 0;color:#858087;font-size:10px;line-height:1.55}
.coach-tabs button:focus-visible,.coach-phase:focus-visible,.coach-marker:focus-visible,.marker-jump:focus-visible,.coach-review-button:focus-visible,.death-event-list button:focus-visible,[data-use-current-time]:focus-visible,[data-note-form] textarea:focus-visible,[data-note-form] select:focus-visible,[data-note-form] [type=submit]:focus-visible,.coach-note-time:focus-visible,.coach-note-delete:focus-visible,[data-compare-select]:focus-visible{outline:2px solid #ffc562;outline-offset:2px}
@media(max-width:1100px){[data-review-track]{margin-top:9px}.raid-coach [data-coach-pane="review"],.raid-coach [data-coach-pane="notes"]{min-height:360px}.coach-note-list,[data-note-list]{max-height:430px}}
@media(max-width:900px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){[data-review-track]{min-height:88px}.coach-phase{padding:0 5px;font-size:7px}.coach-marker{width:34px;height:34px}.marker-jump{min-height:44px}.coach-tabs [data-coach-tab]{min-height:44px}.coach-pointer,.death-recap{padding:12px}.death-recap>header{flex-direction:column}.death-recap .coach-review-button{min-height:38px}.death-event-list li{grid-template-columns:46px minmax(0,1fr)}.death-event-list b{grid-column:2}.coach-note-time,[data-use-current-time],.coach-note-delete{min-height:36px}.coach-note-delete{top:7px}.pull-compare>header{align-items:stretch;flex-direction:column}[data-compare-select]{width:100%;min-width:0;min-height:44px}.compare-grid{grid-template-columns:1fr}.video-sync{align-items:stretch;flex-direction:column}.video-sync button{min-height:38px}.video-sync output{max-width:none}}
@media(prefers-reduced-motion:reduce){.coach-marker-tooltip{transition:none}}
@media(forced-colors:active){.coach-phase,.coach-marker:before,.coach-tabs [data-coach-tab][aria-selected=true],.coach-pointer,.death-recap{forced-color-adjust:auto}.coach-playhead{background:CanvasText}.coach-marker[aria-current=true]:before{outline:2px solid Highlight}}

/* Review controls use compact spacing without dropping below readable UI text. */
.coach-phase,.coach-marker-tooltip,.marker-jump,.marker-jump time,.coach-tabs [data-coach-tab],[data-note-count]:not(:empty),.coach-badge,.coach-review-button,.death-recap header time,.death-recap summary,.death-event-list li,.death-event-list time,.death-event-list button,.death-event-list b,[data-use-current-time],[data-note-form] label,[data-note-form] [type=submit],[data-note-status],.coach-note-type,.coach-note small,.coach-note-delete,.pull-compare label,.coach-section-heading p,.compare-metric>span,.compare-metric small{font-size:10px}
.coach-tabs [data-coach-tab]{min-height:38px}
[data-review-track]{min-height:74px;margin-top:8px}
.marker-jumps{margin-top:6px}
.marker-jump{min-height:34px}
.video-sync{display:block;margin-top:8px;padding:0;overflow:hidden}
.video-sync-disclosure>summary{display:flex;min-height:38px;align-items:center;gap:7px;padding:7px 10px;color:#9b9290;font-size:10px;cursor:pointer;list-style:none}
.video-sync-disclosure>summary::-webkit-details-marker{display:none}
.video-sync-disclosure>summary:after{content:"Adjust";margin-left:auto;color:#d6a96d;font-size:10px;font-weight:800}
.video-sync-disclosure[open]>summary:after{content:"Close"}
.video-sync-disclosure>summary strong{color:#e4d8cf;font:800 10px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.video-sync-disclosure>summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-sync-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 10px 10px;border-top:1px solid #332b27}
.video-sync-controls p{flex:1 1 220px;margin:0;color:#8f8581;font-size:10px;line-height:1.4}
.video-sync button{min-height:32px;font-size:10px}
.video-sync output{flex:1 1 100%;max-width:none;font-size:10px}
.video-sync-disclosure>summary:focus-visible{outline:2px solid #ffc562;outline-offset:-2px}

@media(max-width:600px){
  .coach-phase{font-size:10px}
  .video-sync{display:block}
  .video-sync-controls{align-items:stretch;flex-direction:column}
  .video-sync button{min-height:40px}
}