#fight-report{position:relative;overflow-x:clip;min-height:100svh;touch-action:pan-y}
#fight-report .mode-menu{position:absolute;inset:0;min-height:100svh;padding:28px;transform:translateX(-25%);opacity:0;pointer-events:none;transition:transform .32s ease,opacity .25s ease}
#fight-report #mode-content{position:relative;background:var(--bg);transition:transform .32s ease,opacity .25s ease}
#fight-report.mode-menu-open .mode-menu{transform:translateX(0);opacity:1;pointer-events:auto}
#fight-report.mode-menu-open #mode-content{transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none}
#fight-report .mode-menu header{border:0;margin-bottom:32px;padding:0;justify-content:space-between}
#fight-report .mode-menu .brand{display:flex;align-items:center;gap:10px}
#fight-report .brand-icon{object-fit:contain}
#fight-report .mode-header{justify-content:flex-start;gap:8px;padding-bottom:24px;border:0;flex-wrap:nowrap}
#fight-report .mode-header .brand{font-size:12px;letter-spacing:1.3px}
#fight-report #brand-mode{color:var(--sub);font-weight:550}
#fight-report #mode-back,#fight-report .close{display:grid;place-items:center;width:40px;min-height:44px;padding:0;border:0;background:transparent;color:var(--sub);flex-shrink:0}
#fight-report #mode-back svg,#fight-report .close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#fight-report .mode-menu label{display:block;color:var(--sub);font-size:13px;margin-bottom:24px}
#fight-report .mode-menu .tournament-with-notifications{display:block;margin-top:8px}
#fight-report .mode-menu select{border-radius:10px;padding:12px;min-height:48px}
#fight-report .mode{display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0;text-align:left}
#fight-report .mode strong{font-size:19px;letter-spacing:.2px}
#fight-report .mode-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--b) 15%,var(--bg));color:var(--b);flex-shrink:0}
#fight-report .mode-icon.next{background:color-mix(in srgb,#4bb59b 15%,var(--bg));color:light-dark(#267f6d,#73cbb6)}
#fight-report .mode-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#fight-report #picker-notifications{cursor:pointer;padding:8px;margin:-8px;align-items:center;justify-content:center;min-width:36px;min-height:36px;touch-action:manipulation}
#fight-report #picker-notifications[aria-disabled=true]{opacity:.45;cursor:default}
#fight-report #picker-notifications:focus-visible{outline:2px solid var(--b);outline-offset:3px;border-radius:6px}
#fight-report #next-content h1{font-size:32px;letter-spacing:-.8px;margin:12px 0 10px}
@media(max-width:600px){#fight-report .mode-menu{padding:16px}#fight-report .mode-header .brand{font-size:11px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){#fight-report .mode-menu,#fight-report #mode-content{transition:none}}

#fight-report .mode{transition:background-color .1s ease;border-radius:8px;padding-left:10px;padding-right:10px}
#fight-report .mode:active,#fight-report .mode.mode-tapped{background:color-mix(in srgb,var(--ink) 9%,var(--bg));filter:none}

#fight-report .team-picker.picker-fields{grid-template-columns:1fr;padding:0;gap:8px}
#fight-report .mode-icon.team{background:color-mix(in srgb,#9a75d1 15%,var(--bg));color:light-dark(#7650a9,#bd9ce8)}