.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;height:100vh;width:100vw;padding:16px}.layout__main{min-width:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.layout__sidebar{background:#161a22;border:1px solid #232936;border-radius:8px;padding:16px;overflow:auto}@media (max-width: 1024px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:100vh}.layout__sidebar{max-height:40vh}}.pull-accordion-root{position:relative}.pull-accordion__playhead-arrow{position:absolute;left:-6px;transform:translateY(-50%);transition:top .18s ease,opacity .15s ease;pointer-events:none;line-height:0;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion: reduce){.pull-accordion__playhead-arrow{transition:none}}.pull-accordion{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pull-accordion__empty,.pull-accordion__no-casts{margin:0;padding:8px 10px;color:#6b7280;font-size:12px;font-style:italic}.pull-accordion__item{background:#1c2130;border:1px solid #232936;border-radius:6px;overflow:hidden}.pull-accordion__item--open{border-color:#2c3445}.pull-accordion__header-row{display:flex;align-items:center}.pull-accordion__header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;flex:1;min-width:0;padding:8px 4px 8px 10px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.pull-accordion__header:hover,.pull-accordion__header:focus-visible{background:#232a3b;outline:none}.pull-accordion__pull-number{font-variant-numeric:tabular-nums;color:#9ca3af;font-size:12px}.pull-accordion__fight-name{font-size:13px;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-accordion__outcome{font-size:11px;font-weight:500}.pull-accordion__outcome--kill{color:#4ade80}.pull-accordion__outcome--wipe{color:#fbbf24}.pull-accordion__duration{font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af}.pull-accordion__fight-link{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;background:transparent;border:none;border-radius:4px;color:#6b7280;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.pull-accordion__fight-link:hover{background:#2a3548;color:#e0e0f0}.pull-accordion__fight-link:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.pull-accordion__chevron{flex:none;color:#6b7280;font-size:11px;width:1ch;text-align:center;padding:0 8px 0 3px;pointer-events:none}.pull-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease;pointer-events:none}.pull-accordion__item--open .pull-accordion__panel{grid-template-rows:1fr;pointer-events:auto}.pull-accordion__panel-inner{overflow:hidden;min-height:0}.pull-accordion__item--open .pull-accordion__panel-inner{border-top:1px solid #232936;overflow-y:auto}.pull-accordion__casts{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column}.pull-accordion__cast{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;padding:6px 12px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;font-size:12px}.pull-accordion__cast:hover,.pull-accordion__cast:focus-visible{background:#2a3346;outline:none}.pull-accordion__cast-name{color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pull-accordion__occurrence{color:#6b7280}.pull-accordion__cast-time{font-variant-numeric:tabular-nums;color:#9ca3af}.pull-accordion__empty-body{margin:0;padding:8px 12px;color:#6b7280;font-size:12px;font-style:italic}.pull-accordion__death{border-left:2px solid #991b1b;list-style:none}.death-row{display:flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;font-size:12px}.death-row__seek{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:3px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.death-row__seek:hover,.death-row__seek:focus-visible{background:#2a3548;color:#e0e0f0;outline:none}.death-row__seek:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.death-row__body{flex:1;display:flex;align-items:center;gap:5px;min-width:0;padding:2px 4px;background:transparent;border:none;border-radius:3px;color:inherit;font:inherit;text-align:left;cursor:default}.death-row__body--expandable{cursor:pointer;transition:background .15s}.death-row__body--expandable:hover,.death-row__body--expandable:focus-visible{background:#2a3346;outline:none}.death-row__body--expandable:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.death-row__player{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.death-row__separator{color:#4b5563;flex:none}.death-row__ability{flex:1;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.death-row__time{flex:none;font-variant-numeric:tabular-nums;color:#9ca3af;margin-left:4px}.death-detail-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.death-detail-panel--open{grid-template-rows:1fr}.death-detail-panel__inner{overflow:hidden;min-height:0}@media (prefers-reduced-motion: reduce){.death-detail-panel{transition:none}}.death-detail{padding:6px 10px 8px 12px;background:#161d2b;border-top:1px solid #232936;font-size:11px}.death-detail__grid{display:grid;grid-template-columns:auto 1fr auto 1fr;column-gap:8px;row-gap:3px;margin-bottom:5px}.death-detail__label{color:#6b7280;white-space:nowrap}.death-detail__value{color:#d1d5db;font-variant-numeric:tabular-nums}.death-detail__top{display:flex;align-items:flex-start;gap:6px;margin-bottom:5px}.death-detail__top .death-detail__grid{flex:1;margin-bottom:0}.death-detail__killed-by{color:#6b7280;margin-bottom:6px}.death-detail__killed-by-name{color:#d1d5db}.death-detail__link{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:2px 3px;background:transparent;border:none;border-radius:3px;color:#6b7280;text-decoration:none;transition:background .15s,color .15s}.death-detail__link:hover,.death-detail__link:focus-visible{background:#2a3548;color:#e0e0f0;outline:none}.death-detail__link:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.death-detail__icons{display:flex;flex-wrap:wrap;gap:4px}.buff-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;overflow:hidden}.buff-icon img{width:24px;height:24px;object-fit:cover}.buff-icon__fallback{display:block;width:24px;height:24px;background:#2a3346;border-radius:3px}.sort-filter-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:220px;background:#1a1f2e;border:1px solid #2e3650;border-radius:8px;box-shadow:0 8px 24px #00000080;padding:10px 0;display:flex;flex-direction:column}.sort-filter-menu__section{padding:4px 12px;display:flex;flex-direction:column;gap:6px}.sort-filter-menu__section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.sort-filter-menu__divider{height:1px;background:#2e3650;margin:6px 0}.sort-filter-menu__sort-row{display:flex;gap:6px}.sort-filter-menu__sort-btn{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 8px;background:#111827;border:1px solid #374151;border-radius:5px;color:#9ca3af;font-size:12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.sort-filter-menu__sort-btn:hover{background:#1f2937;color:#e5e7eb}.sort-filter-menu__sort-btn--active{background:#1e2d4a;border-color:#3b82f6;color:#93c5fd}.sort-filter-menu__sort-btn--active:hover{background:#243459}.sort-filter-menu__sort-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.sort-filter-menu__sort-glyph{color:inherit;font-size:11px}.sort-filter-menu__duration-row{display:flex;align-items:center;gap:6px}.sort-filter-menu__duration-label{font-size:11px;color:#9ca3af;flex:none}.sort-filter-menu__duration-input{width:60px;padding:4px 6px;background:#111827;border:1px solid #374151;border-radius:4px;color:#e5e7eb;font-size:12px;font-family:inherit;text-align:center}.sort-filter-menu__duration-input::placeholder{color:#4b5563}.sort-filter-menu__duration-input:focus-visible{outline:2px solid #3b82f6;outline-offset:1px;border-color:transparent}.sort-filter-menu__outcome-row{display:flex;gap:12px;align-items:center}.sort-filter-menu__checkbox-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none}.sort-filter-menu__checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer}.sort-filter-menu__checkbox-label:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-radius:3px}.sort-filter-menu__clear-btn{align-self:flex-start;padding:4px 10px;background:#1f2937;border:1px solid #374151;border-radius:5px;color:#9ca3af;font-size:11px;cursor:pointer;transition:background .12s,color .12s}.sort-filter-menu__clear-btn:hover{background:#2a3548;color:#e5e7eb}.sort-filter-menu__clear-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}@media (prefers-reduced-motion: reduce){.sort-filter-menu__sort-btn,.sort-filter-menu__clear-btn{transition:none}}.sidebar{display:flex;flex-direction:column;gap:12px;min-height:100%}.sidebar__reports-btn{display:none;flex:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,border-color .15s}[data-auth-enhanced=true] .sidebar__reports-btn{display:inline-flex}.sidebar__reports-btn:hover{background:#2a3548;color:#e0e0f0;border-color:#4b5563}.sidebar__reports-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.auth-badge{position:relative;display:flex;flex-direction:column;gap:4px}.auth-badge__button,.auth-badge__user{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e0e0f0;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.auth-badge__button:hover:not(:disabled),.auth-badge__user:hover{background:#2a3548;border-color:#4b5563}.auth-badge__button:focus-visible,.auth-badge__user:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.auth-badge__button:disabled{opacity:.6;cursor:not-allowed}.auth-badge__logo{width:18px;height:18px;flex:none;object-fit:contain}.auth-badge__avatar{width:18px;height:18px;flex:none;object-fit:cover;border-radius:50%}.auth-badge__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.auth-badge__caret{flex:none;color:#9ca3af}.auth-badge__menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1f2937;border:1px solid #374151;border-radius:6px;box-shadow:0 4px 12px #00000059;z-index:100;overflow:hidden}.auth-badge__menu-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:#e0e0f0;font-size:13px;text-align:left;cursor:pointer}.auth-badge__menu-item:hover{background:#2a3548}.auth-badge__menu-item:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.auth-badge__error{margin:0;padding:6px 10px;background:#3b1f1f;border:1px solid #7f1d1d;border-radius:6px;color:#fca5a5;font-size:11px;word-break:break-word}.sidebar__form{display:flex;gap:6px}.sidebar__input{flex:1;min-width:0;padding:6px 10px;background:#11151f;border:1px solid #232936;border-radius:6px;color:#e5e7eb;font-size:13px}.sidebar__input:focus-visible{outline:2px solid #3b82f6;outline-offset:1px;border-color:transparent}.sidebar__submit{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#e5e7eb;cursor:pointer}.sidebar__submit:hover:not(:disabled){background:#2a3548}.sidebar__submit:disabled{opacity:.5;cursor:not-allowed}@keyframes sidebar-spin{to{transform:rotate(360deg)}}.sidebar__spinner{animation:sidebar-spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.sidebar__spinner{animation:none}}.sidebar__heading-row{display:flex;align-items:center;gap:8px}.sidebar__heading{flex:1;min-width:0;margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__heading-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}.sidebar__heading-link:hover{color:#d1d5db;text-decoration:underline}.sidebar__heading-link:focus-visible{outline:2px solid #3b82f6;outline-offset:1px;border-radius:2px}.sidebar__heading-actions{position:relative;display:flex;align-items:center;gap:2px;flex:none}.sidebar__menu-anchor{position:absolute;top:100%;right:0;z-index:100}.sidebar__filter-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:5px;color:#6b7280;cursor:pointer;position:relative;transition:background .15s,color .15s}.sidebar__filter-btn:hover{background:#2a2a45;color:#e0e0f0}.sidebar__filter-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.sidebar__filter-btn--has-filter:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#3b82f6;pointer-events:none}.sidebar__settings-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:5px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.sidebar__settings-btn:hover{background:#2a2a45;color:#e0e0f0}.sidebar__settings-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.sidebar__hint,.sidebar__status{margin:0;font-size:12px;color:#6b7280}.sidebar__error{margin:0;padding:8px 10px;background:#3b1f1f;border:1px solid #7f1d1d;border-radius:6px;color:#fca5a5;font-size:12px;word-break:break-word}.sidebar__error--inline{padding:6px 10px;font-size:11px}.sidebar__empty-filter{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.sidebar__empty-filter-msg{margin:0;font-size:12px;color:#6b7280}.sidebar__empty-filter-clear{padding:4px 10px;background:#1f2937;border:1px solid #374151;border-radius:5px;color:#9ca3af;font-size:11px;cursor:pointer;transition:background .12s,color .12s}.sidebar__empty-filter-clear:hover{background:#2a3548;color:#e5e7eb}.sidebar__empty-filter-clear:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.sidebar__alignment{margin:auto 0 0;padding:6px 10px;border-radius:6px;font-size:11px;border:1px solid transparent}.sidebar__alignment--ok{background:#0f2a1a;color:#6ee7b7;border-color:#14532d}.sidebar__alignment--warn{background:#2a2410;color:#fcd34d;border-color:#78350f}.sidebar__alignment--error{background:#3b1f1f;color:#fca5a5;border-color:#7f1d1d}.report-tray,.report-tray-handle,.report-tray__scrim{display:none}[data-auth-enhanced=true] .report-tray,[data-auth-enhanced=true] .report-tray-handle{display:flex}[data-auth-enhanced=true] .report-tray__scrim{display:block}.report-tray-handle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:400;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;background:#1f2937;border:1px solid #374151;border-right:none;border-radius:8px 0 0 8px;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s,border-color .15s;pointer-events:auto}.report-tray-handle:hover{background:#2a3548;color:#e0e0f0;border-color:#4b5563}.report-tray-handle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.report-tray-handle__label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.report-tray-handle--tray-open{display:none!important}.report-tray__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.report-tray__scrim--open{opacity:1;pointer-events:auto}.report-tray{position:fixed;top:0;right:0;height:100vh;width:min(420px,100vw);flex-direction:column;background:#161a22;border-left:1px solid #232936;z-index:300;transform:translate(100%);transition:transform .2s ease-out;overflow:hidden}.report-tray--open{transform:translate(0)}@media (max-width: 1024px){.report-tray{width:100vw}}.report-tray__header{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid #232936;flex:none}.report-tray__header-title{flex:1;min-width:0;font-size:14px;font-weight:600;color:#e0e0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-tray__header-actions{display:flex;align-items:center;gap:4px;flex:none}.report-tray__refresh-btn,.report-tray__close-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.report-tray__refresh-btn:hover:not(:disabled),.report-tray__close-btn:hover{background:#2a3548;color:#e0e0f0;border-color:#374151}.report-tray__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.report-tray__refresh-btn:focus-visible,.report-tray__close-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}@keyframes tray-spin{to{transform:rotate(360deg)}}.report-tray__spinner{animation:tray-spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.report-tray__spinner{animation:none}}.report-tray__search-row{padding:10px 16px 8px;border-bottom:1px solid #1c2130;flex:none}.report-tray__search{width:100%;padding:7px 10px;background:#11151f;border:1px solid #232936;border-radius:6px;color:#e5e7eb;font-size:13px;outline:none}.report-tray__search:focus-visible,.report-tray__search:focus{outline:2px solid #3b82f6;outline-offset:1px;border-color:transparent}.report-tray__body{flex:1;overflow-y:auto;padding:8px 0 16px;overscroll-behavior:contain}.report-tray__message{margin:24px 16px 0;font-size:13px;color:#6b7280}.report-tray__top-error{margin:12px 16px;padding:10px 12px;background:#3b1f1f;border:1px solid #7f1d1d;border-radius:6px;display:flex;flex-direction:column;gap:8px}.report-tray__top-error-msg{margin:0;font-size:12px;color:#fca5a5;word-break:break-word}.report-tray__top-retry,.report-tray__clear-search,.report-tray__load-more,.report-tray__source-retry{padding:4px 10px;background:#1f2937;border:1px solid #374151;border-radius:5px;color:#9ca3af;font-size:11px;cursor:pointer;transition:background .12s,color .12s;align-self:flex-start}.report-tray__top-retry:hover,.report-tray__clear-search:hover,.report-tray__load-more:hover,.report-tray__source-retry:hover{background:#2a3548;color:#e5e7eb}.report-tray__top-retry:focus-visible,.report-tray__clear-search:focus-visible,.report-tray__load-more:focus-visible,.report-tray__source-retry:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.report-tray__no-results{display:flex;flex-direction:column;gap:8px;margin:16px 16px 0}.report-tray__no-results-msg{margin:0;font-size:12px;color:#6b7280}.report-tray__section{margin-bottom:4px}.report-tray__section-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 16px;background:transparent;border:none;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .12s,color .12s}.report-tray__section-header:hover{background:#1a1f2b;color:#d1d5db}.report-tray__section-header:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.report-tray__section-chevron{font-size:10px;flex:none;color:#6b7280}.report-tray__section-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-tray__section-badge{flex:none;padding:1px 5px;background:#2a3548;border:1px solid #374151;border-radius:3px;font-size:9px;color:#9ca3af;letter-spacing:.05em}.report-tray__section-count{flex:none;font-size:10px;color:#6b7280;min-width:16px;text-align:right}.report-tray__section-body{display:flex;flex-direction:column}.report-tray__source-error{display:flex;flex-direction:column;gap:8px;margin:4px 16px 8px;padding:8px 10px;background:#3b1f1f;border:1px solid #7f1d1d;border-radius:6px;font-size:11px;color:#fca5a5;word-break:break-word}.report-tray__source-loading{padding:6px 16px;font-size:12px;color:#6b7280}.report-tray__load-more{margin:6px 16px 2px;width:calc(100% - 32px);text-align:center}.report-tray__card{display:block;width:100%;padding:10px 16px;background:transparent;border:none;border-bottom:1px solid #1c2130;color:inherit;text-align:left;cursor:pointer;transition:background .1s}.report-tray__card:hover{background:#1a1f2b}.report-tray__card:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.report-tray__card-title{font-size:13px;color:#c9d1e0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.report-tray__card:hover .report-tray__card-title{color:#e0e8f8}.report-tray__card-zone{font-size:11px;color:#6b7280;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-tray__card-date{font-size:11px;color:#4b5563;margin-bottom:4px}.report-tray__card-encounters{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.report-tray__encounter-chip{display:inline-block;padding:2px 6px;background:#1f2937;border:1px solid #2a3548;border-radius:4px;font-size:10px;color:#9ca3af;white-space:nowrap}.report-tray__card-no-fights{font-size:10px;color:#4b5563;margin-top:3px}.channel-tab-bar{display:flex;align-items:stretch;overflow-x:auto;gap:2px;border-bottom:1px solid #232936;background:#0f1218;scrollbar-width:thin;scrollbar-color:#374151 transparent;flex-shrink:0}.channel-tab-bar__tab{display:flex;align-items:stretch;flex-shrink:0;border-bottom:2px solid transparent;transition:border-color .1s,background .1s}.channel-tab-bar__tab:hover{background:#161a22}.channel-tab-bar__tab--active{border-bottom-color:#2563eb;background:#161a22}.channel-tab-bar__tab-label{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;color:#9ca3af;font-size:13px;cursor:pointer;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;transition:color .1s}.channel-tab-bar__tab--active .channel-tab-bar__tab-label,.channel-tab-bar__tab:hover .channel-tab-bar__tab-label{color:#e6e8eb}.channel-tab-bar__tab-close{display:flex;align-items:center;padding:0 6px;background:transparent;border:none;color:#6b7280;font-size:15px;cursor:pointer;opacity:0;transition:opacity .1s,color .1s;line-height:1}.channel-tab-bar__tab:hover .channel-tab-bar__tab-close{opacity:1}.channel-tab-bar__tab-close:hover{color:#ef4444}.channel-tab-bar__spinner{display:inline-block;width:8px;height:8px;border:2px solid #374151;border-top-color:#9ca3af;border-radius:50%;animation:ctb-spin .8s linear infinite;flex-shrink:0}@keyframes ctb-spin{to{transform:rotate(360deg)}}.channel-tab-bar__error-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:#ef4444;color:#fff;font-size:9px;font-weight:700;flex-shrink:0;cursor:help}.channel-tab-bar__add-tab{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-size:13px;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:color .1s,background .1s}.channel-tab-bar__add-tab:hover{background:#161a22;color:#e6e8eb}.channel-tab-bar__add-form{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#161a22;border-bottom:2px solid #2563eb;flex-shrink:0}.channel-tab-bar__add-input{width:240px;padding:2px 6px;background:transparent;border:none;color:#e6e8eb;font-size:13px;outline:none}.channel-tab-bar__add-input::placeholder{color:#4b5563}.channel-tab-bar__add-btn{padding:2px 10px;background:#2563eb;border:none;border-radius:3px;color:#fff;font-size:12px;cursor:pointer;flex-shrink:0}.channel-tab-bar__add-btn:hover{background:#1d4ed8}.pull-zoom{position:relative;height:40px}.pull-zoom__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#161a22;border:1px solid #232936;overflow:hidden}.pull-zoom__played{position:absolute;top:0;bottom:0;left:0;background:#2563eb38;pointer-events:none;transition:width 80ms linear}.pull-zoom__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;background:transparent}.pull-zoom__range:disabled{cursor:not-allowed}.pull-zoom__markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pull-zoom__marker{position:absolute;top:4px;bottom:4px;width:14px;transform:translate(-50%);background:transparent;border:none;padding:0;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.pull-zoom__marker:before{content:"";position:absolute;left:50%;top:2px;bottom:50%;width:2px;transform:translate(-50%);background:#f59e0b;border-radius:1px;box-shadow:0 0 4px #f59e0b8c}.pull-zoom__marker:hover:before,.pull-zoom__marker:focus-visible:before{background:#fbbf24;width:3px}.pull-zoom__marker:focus-visible{outline:none}.pull-zoom__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:#0b0d12;border:1px solid #2a3140;border-radius:4px;font-size:11px;line-height:1.3;white-space:nowrap;color:#e5e7eb;pointer-events:none;opacity:0;visibility:hidden;z-index:10;display:flex;gap:8px;align-items:baseline}.pull-zoom__tooltip-time{color:#9ca3af;font-variant-numeric:tabular-nums}.pull-zoom__marker:hover .pull-zoom__tooltip,.pull-zoom__marker:focus-visible .pull-zoom__tooltip{opacity:1;visibility:visible}.pull-zoom__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;letter-spacing:.02em;pointer-events:none}.pull-zoom[data-state=disabled] .pull-zoom__track{opacity:.55}.pull-zoom__deaths{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pull-zoom__death{position:absolute;top:50%;bottom:2px;width:14px;transform:translate(-50%);background:transparent;border:none;padding:0;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.pull-zoom__death:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:#dc2626;border-radius:1px;box-shadow:0 0 4px #dc26268c}.pull-zoom__death:hover:before,.pull-zoom__death:focus-visible:before{background:#ef4444;width:3px}.pull-zoom__death:focus-visible{outline:none}.pull-zoom__death-cluster{position:absolute;top:50%;bottom:2px;min-width:3px;background:#dc2626b3;border:none;border-radius:2px;padding:0;cursor:pointer;pointer-events:auto;box-shadow:0 0 4px #dc262666}.pull-zoom__death-cluster:hover,.pull-zoom__death-cluster:focus-visible{background:#ef4444d9;outline:none}.pull-zoom__death-cluster:after{content:attr(data-count);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9);font-variant-numeric:tabular-nums;pointer-events:none}.pull-zoom__death-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(calc(var(--tooltip-anchor, .5) * -100%));padding:5px 8px;background:#0b0d12;border:1px solid #2a3140;border-radius:4px;font-size:11px;line-height:1.3;white-space:nowrap;color:#e5e7eb;pointer-events:none;opacity:0;visibility:hidden;z-index:10;display:grid;grid-template-columns:1fr auto auto;column-gap:10px;row-gap:3px;align-items:baseline}.pull-zoom__death-tooltip-name{color:#e5e7eb}.pull-zoom__death-tooltip-time{color:#9ca3af;font-variant-numeric:tabular-nums}.pull-zoom__death:hover .pull-zoom__death-tooltip,.pull-zoom__death:focus-visible .pull-zoom__death-tooltip,.pull-zoom__death-cluster:hover .pull-zoom__death-tooltip,.pull-zoom__death-cluster:focus-visible .pull-zoom__death-tooltip{opacity:1;visibility:visible}.player-stage{flex:1;min-height:0;display:flex;flex-direction:column}.player-stage>div{flex:1;min-height:0;display:flex;flex-direction:column}.video-player{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.player-frame{position:relative;width:100%;flex:1;min-height:0;background:#000;border-radius:8px;overflow:hidden}.player-frame__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.video-player__controls{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#161a22;border:1px solid #232936;border-radius:6px}.video-player__play{background:#2563eb;color:#fff;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-player__play:disabled{background:#374151;cursor:not-allowed}.video-player__scrub{flex:1;min-width:0;position:relative}.video-player__scrub:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;background:#fff;border-radius:2px;pointer-events:none}.video-player__scrub-annotations{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;pointer-events:none;border-radius:2px;overflow:hidden}.video-player__scrub-band{position:absolute;top:0;bottom:0}.video-player__scrub-band[data-outcome=kill]{background:#16a34a}.video-player__scrub-band[data-outcome=wipe]{background:#f59e0b}.video-player__scrub-input{display:block;width:100%;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer;padding:0;margin:0}.video-player__scrub-input::-webkit-slider-runnable-track{height:4px;background:transparent;border-radius:2px}.video-player__scrub-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;cursor:pointer;margin-top:-4px;box-shadow:0 0 0 2px #fff}.video-player__scrub-input::-moz-range-track{height:4px;background:transparent;border-radius:2px;border:none}.video-player__scrub-input::-moz-range-progress{background:transparent}.video-player__scrub-input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;border:none;cursor:pointer;box-shadow:0 0 0 2px #fff}.video-player__scrub-tooltip{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);padding:4px 8px;background:#0b0d12;border:1px solid #2a3140;border-radius:4px;font-size:11px;line-height:1.3;white-space:nowrap;color:#e5e7eb;pointer-events:none;z-index:10;display:flex;gap:6px;align-items:baseline}.video-player__scrub-tooltip-outcome--kill{color:#4ade80}.video-player__scrub-tooltip-outcome--wipe{color:#fbbf24}.video-player__time{font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af;white-space:nowrap}.video-player__volume{display:flex;align-items:center;gap:6px;width:120px;flex-shrink:0}.video-player__volume-icon{background:none;border:none;color:#e5e7eb;font-size:14px;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.video-player__volume-icon:disabled{opacity:.4;cursor:not-allowed}.video-player__volume-slider{display:block;width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer;padding:0;margin:0;position:relative}.video-player__volume-slider::-webkit-slider-runnable-track{height:4px;background:#fff;border-radius:2px}.video-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;cursor:pointer;margin-top:-4px;box-shadow:0 0 0 2px #fff}.video-player__volume-slider::-moz-range-track{height:4px;background:#fff;border-radius:2px;border:none}.video-player__volume-slider::-moz-range-progress{background:#fff}.video-player__volume-slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#2563eb;border:none;cursor:pointer;box-shadow:0 0 0 2px #fff}.video-player__volume-slider:disabled{opacity:1;cursor:not-allowed}.video-player__volume-slider:disabled::-webkit-slider-runnable-track{background:#ffffff4d}.video-player__volume-slider:disabled::-moz-range-track{background:#ffffff4d}.video-player__volume-slider:disabled::-moz-range-progress{background:#ffffff4d}.video-player__click-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer;background:transparent}.video-player__native-toggle{position:absolute;top:8px;right:8px;z-index:10;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff9;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease,border-color .15s ease}.player-frame:hover .video-player__native-toggle{opacity:1}.video-player__native-toggle:focus-visible{opacity:1;outline:2px solid #2563eb;outline-offset:2px}.video-player__native-toggle[aria-pressed=true]{background:#2563ebbf;color:#fff;border-color:#2563eb}.player-stage:fullscreen{width:100vw;height:100vh;background:#000;display:flex;flex-direction:column}.player-stage:fullscreen>div{flex:1;min-height:0;display:flex;flex-direction:column}.player-stage:fullscreen .video-player{flex:1;min-height:0;gap:4px}.player-stage:fullscreen .player-frame{max-width:calc((100vh - 80px) * 16 / 9);margin:0 auto}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0f1115;color:#e6e8eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-root{height:100%}