:root{--navy:#252633;--navy2:#30313f;--gold:#78c82f;--cream:#f4f5f2;--ink:#282b2d;--muted:#69716d;--line:#dce2dd;--green:#00843d;--green-dark:#006f34;--green-soft:#eaf5e6;--lime:#78c82f;--surface:#fff;--shadow:0 8px 24px rgba(31,42,35,.07)}
body{display:flex;min-height:100vh;flex-direction:column;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
header{min-height:68px;height:68px;padding:0 max(20px,calc((100vw - 1360px)/2));gap:30px;background:var(--surface);color:var(--ink);border-top:5px solid var(--lime);border-bottom:1px solid #d8ded9;box-shadow:0 3px 14px rgba(24,38,29,.08)}
.brand{align-self:stretch;min-width:325px;gap:10px}.brand .ohsaa-logo{width:62px;height:50px;object-fit:contain}.brand b{color:var(--green-dark);font:800 17px/1.15 Inter,"Segoe UI",sans-serif;letter-spacing:-.2px}
header nav{align-self:stretch;margin-left:0;gap:2px}.nav{position:relative;padding:0 15px;color:#454c48;font-weight:750;border-bottom:0;transition:color .16s ease,background .16s ease}.nav::after{content:"";position:absolute;right:15px;bottom:0;left:15px;height:4px;border-radius:4px 4px 0 0;background:transparent}.nav:hover{color:var(--green-dark);background:#f5f9f3;border-bottom-color:transparent}.nav.active{color:var(--green-dark);border-bottom-color:transparent}.nav.active::after{background:var(--lime)}
main{width:100%;max-width:1360px;flex:1;padding:24px 24px 64px}.hero{align-items:center;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.eyebrow{margin-bottom:4px;color:var(--green);font-size:10px;letter-spacing:1.8px}h1{color:var(--navy);font:800 34px/1.05 Inter,"Segoe UI",sans-serif;letter-spacing:-.9px}#subtitle{margin-top:5px}.status{border-color:#d8e1da;border-radius:8px;padding:9px 13px;box-shadow:0 3px 12px rgba(31,42,35,.04)}
.toolbar{gap:12px;margin-bottom:14px}.toolbar label{color:#59645e;font-size:10px}.toolbar select,.toolbar input{min-height:39px;border-color:#cfd8d1;border-radius:6px;outline:none}.toolbar select:focus,.toolbar input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,132,61,.1)}
.card,.game,.team-card,.pick-game{border-color:var(--line);border-radius:8px;box-shadow:var(--shadow)}.division-label{background:var(--navy2)!important;color:#fff!important;border-top:5px solid var(--lime);padding:12px 17px!important}.division-label strong,.division-label b,.division-label span:first-child{color:#fff}th{background:#edf1ed;color:#59645e;padding:10px 15px;border-bottom-color:#d5ddd7}td{padding:11px 15px}tbody tr{transition:background .14s ease}tbody tr:hover{background:#f7faf6}tr.cut td{border-top-color:var(--lime)}.rank{color:var(--green-dark)}.playoff-status{background:var(--green-soft)!important;color:var(--green-dark)!important}
.project-intro{padding:15px 19px;background:linear-gradient(105deg,var(--green-dark),var(--green));border-radius:8px;box-shadow:var(--shadow)}.project-intro h2{font-family:Inter,"Segoe UI",sans-serif;font-weight:800}.project-intro p{color:rgba(255,255,255,.82)}.project-intro button{border-color:rgba(255,255,255,.55)}.game{border-left-color:var(--green)}.game.final{border-left-color:var(--lime)}.team-card{transition:transform .16s ease,box-shadow .16s ease}.team-card:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(31,42,35,.11)}.badge{background:var(--green-soft);color:var(--green-dark)}.pick-game button.selected{background:var(--lime);color:#1f2922}.toast{background:var(--navy2);border-left:4px solid var(--lime)}
.project-games{height:720px;max-height:720px;padding:5px 7px 5px 0}
.projector-filters .search{margin-left:0}
.projector-split{grid-template-columns:minmax(390px,1fr) minmax(590px,1.25fr);align-items:start}.projector-split h3{margin:6px 0 12px}.projected-column .project-standings-head{display:block}.project-standings-filter,.projector-side-filters{min-height:60px;margin:0 0 8px}.project-standings-filter{justify-content:flex-start}.projector-side-filters{display:grid;grid-template-columns:120px 120px 135px minmax(155px,1fr);align-items:end;gap:9px}.projector-side-filters .search{margin-left:0}.projector-side-filters select,.projector-side-filters input{width:100%;min-width:0;padding-left:8px;padding-right:24px}
.feed-button,.button-link,.file-button,.dialog-actions button{border:1px solid #cfd8d1;border-radius:6px;background:#fff;color:var(--green-dark);font-weight:750}.dialog-actions .primary{margin-left:0;border-color:var(--green);background:var(--green);color:#fff}dialog{border:0;border-top:5px solid var(--lime);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
@media(max-width:1120px){header{gap:12px}.brand{min-width:250px}.brand b{max-width:175px;font-size:14px}.nav{padding:0 10px;font-size:13px}.nav::after{left:10px;right:10px}}
@media(max-width:850px){header{height:auto;min-height:0;padding:10px 16px 0;gap:7px 12px}.brand{min-width:0}.brand .ohsaa-logo{width:50px;height:40px}.brand b{max-width:210px}header nav{order:3;width:calc(100% + 32px);margin:0 -16px;padding:0 8px;overflow-x:auto;border-top:1px solid var(--line)}.nav{min-height:46px;white-space:nowrap}main{padding:18px 16px 50px}h1{font-size:29px}}
@media(max-width:560px){.brand b{font-size:13px;max-width:150px}.hero{padding-bottom:13px}h1{font-size:26px}}

/* Dark masthead matches the division banners. */
header{background:var(--navy2);color:#fff;border-bottom-color:#1b1c25;box-shadow:0 3px 14px rgba(24,38,29,.18)}
.brand b{color:#fff}
.nav{color:#d7ddd8}
.nav:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav.active{color:#fff}
@media(max-width:850px){header nav{border-top-color:rgba(255,255,255,.14)}}
@media(max-width:850px){.project-games{height:65vh;max-height:65vh}}
@media(max-width:1150px){.projector-split{grid-template-columns:1fr}.games-column{margin-top:8px}.projector-side-filters{grid-template-columns:repeat(4,minmax(130px,1fr))}.project-standings-filter,.projector-side-filters{min-height:0}}@media(max-width:700px){.projector-side-filters{grid-template-columns:1fr 1fr}}@media(max-width:450px){.projector-side-filters{grid-template-columns:1fr}}

.header-team-search{width:205px;margin-left:auto}.header-team-search input{width:100%;min-height:36px;padding:8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;outline:none}.header-team-search input::placeholder{color:#c8d0cb}.header-team-search input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(120,200,47,.18)}.header-team-search .standing-search-results{color:var(--ink)}
@media(max-width:1120px){.header-team-search{width:165px}.header-team-search input{font-size:12px}}
@media(max-width:850px){.header-team-search{width:min(210px,45vw);margin-left:auto}.header-team-search .standing-search-results{right:0;left:auto}}

@media(min-width:851px){header{display:grid;grid-template-columns:90px minmax(0,1fr) 205px;gap:0}.brand{min-width:0;justify-self:start}.brand .ohsaa-logo{width:78px;height:59px}header nav{justify-content:flex-start}.header-team-search{width:205px;justify-self:end;margin-left:0}}
@media(max-width:850px){.brand .ohsaa-logo{width:70px;height:54px}}

.site-disclaimer{display:flex;flex-direction:column;gap:3px;max-width:1360px;margin:0 auto;padding:0 24px 22px;color:#7a827d;font-size:10px;line-height:1.4;text-align:center}.footer-updated{margin-bottom:5px;color:#59645e;font-size:11px}.footer-updated strong{color:var(--green-dark)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#title:empty{display:none}
.default-helmet{object-fit:contain}
.standing-team-button{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.standing-team-button>span>span:first-child,.standing-team-button>span{font-weight:700}
.standing-team-button:hover>span{color:var(--green-dark)}
.standing-team-button:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:3px}
.standing-search-field{position:relative}.standing-search-field>label{display:block}.standing-autocomplete{position:relative}.standing-search-results{position:absolute;z-index:30;top:calc(100% + 4px);right:0;width:max(100%,340px);overflow:hidden;background:#fff;border:1px solid #cfd8d1;border-radius:7px;box-shadow:0 12px 30px rgba(31,42,35,.18)}.standing-search-results button{display:flex;width:100%;align-items:center;gap:9px;padding:9px 11px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.standing-search-results button:last-child{border-bottom:0}.standing-search-results button:hover,.standing-search-results button.active{background:var(--green-soft)}.standing-search-results button span,.standing-search-results button b,.standing-search-results button small{display:block}.standing-search-results button small{margin-top:2px;color:var(--muted);font-size:10px}.standing-search-results .search-helmet{width:42px;height:32px;object-fit:contain}.standing-search-results p{margin:0;padding:12px;color:var(--muted);font-size:12px}.standing-search-selected{background:#eef9e9!important;box-shadow:inset 4px 0 var(--lime)}
#standings .eliminated-row{background:#fff0f0}#standings .eliminated-row:hover{background:#ffe4e4}#standings .eliminated-row .playoff-status.eliminated{background:#f3d4d2!important;color:#8e302c!important}
@media(max-width:600px){.standing-search-results{right:auto;left:0;width:min(340px,calc(100vw - 32px))}}
#subtitle:empty{display:none}
.team-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}.team-pagination button{min-width:38px;padding:8px 11px;border:1px solid #cfd8d1;border-radius:6px;background:#fff;color:var(--green-dark);font-weight:750}.team-pagination button:hover:not(:disabled){border-color:var(--green);background:var(--green-soft)}.team-pagination button.active{border-color:var(--green);background:var(--green);color:#fff}.team-pagination button:disabled{cursor:not-allowed;opacity:.4}
.county-explorer{display:grid;grid-template-columns:minmax(320px,520px) minmax(240px,1fr);gap:28px;align-items:center;margin:0 0 25px;padding:22px 28px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--lime);border-radius:9px;box-shadow:var(--shadow)}.county-map-wrap{min-width:0}.county-map-wrap svg{display:block;width:100%;height:auto;max-height:480px;overflow:visible}.county-shape{cursor:pointer;stroke:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke;transition:fill .15s ease,stroke .15s ease,filter .15s ease}.county-level-1{fill:#dcebd8}.county-level-2{fill:#a8d49c}.county-level-3{fill:#56a967}.county-level-4{fill:#087a3a}.county-shape:hover,.county-shape:focus-visible{stroke:var(--navy2);stroke-width:2.5;filter:brightness(1.05);outline:none}.county-shape.selected{fill:var(--lime);stroke:var(--navy2);stroke-width:3;filter:drop-shadow(0 3px 5px rgba(20,45,28,.22))}.county-map-legend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.county-map-legend i{display:block;width:24px;height:8px}.county-map-legend i:nth-of-type(1){background:#dcebd8}.county-map-legend i:nth-of-type(2){background:#a8d49c}.county-map-legend i:nth-of-type(3){background:#56a967}.county-map-legend i:nth-of-type(4){background:#087a3a}.county-map-copy h2{margin:2px 0 8px;color:var(--navy);font-size:28px}.county-map-copy>p:not(.eyebrow){max-width:390px;margin:0;color:var(--muted);font-size:15px}.county-selection{display:flex;flex-direction:column;margin:22px 0 12px;padding:15px 17px;background:var(--green-soft);border-left:4px solid var(--green);border-radius:0 7px 7px 0}.county-selection strong{color:var(--green-dark);font-size:17px}.county-selection span{margin-top:3px;color:var(--muted);font-size:12px}.county-map-copy button{padding:9px 13px;border:1px solid var(--green);border-radius:6px;background:#fff;color:var(--green-dark);font-weight:750}.county-map-copy button:hover{background:var(--green-soft)}
@media(max-width:760px){.county-explorer{grid-template-columns:1fr;gap:14px;padding:17px}.county-map-wrap svg{max-height:390px}.county-map-copy{text-align:center}.county-map-copy h2{font-size:22px}.county-map-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.county-selection{text-align:left;margin-top:14px}.county-map-copy>small{margin-top:12px}}
.brand-home{color:inherit;text-decoration:none}.brand-home:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}.brand-home>span{display:flex;align-items:center;height:100%}
.home-view{max-width:900px}.home-card{overflow:hidden;padding:32px 34px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--lime);border-radius:9px;box-shadow:var(--shadow)}.home-card h2{margin:0 0 9px;color:var(--navy);font-size:23px}.home-card>p{max-width:720px;margin:0;color:var(--muted);font-size:16px}.season-notice{margin:26px 0;padding:17px 19px;background:var(--green-soft);border-left:4px solid var(--green);border-radius:0 7px 7px 0}.season-notice strong{color:var(--green-dark);font-size:12px;letter-spacing:.8px;text-transform:uppercase}.season-notice p{margin:5px 0 0}.official-link{display:inline-flex;align-items:center;gap:9px;color:var(--green-dark);font-weight:800;text-decoration:none}.official-link:hover{text-decoration:underline}.official-link span{font-size:20px}
.featured-section{margin-top:24px}.featured-section>h2{margin:0 0 10px;color:var(--navy);font-size:22px}.featured-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-games>.muted{grid-column:1/-1;margin:0;padding:14px 0}.game.admin-selectable{cursor:pointer}.game.admin-selectable:hover{border-color:var(--green);box-shadow:0 8px 22px rgba(0,132,61,.14)}.game.featured-game{box-shadow:inset 0 0 0 2px var(--lime),var(--shadow)}.feature-hint{display:block;padding:6px 12px;border-top:1px solid var(--line);color:var(--green-dark);font-size:9px;font-weight:750;text-align:center}
.featured-team-link{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}.featured-team-link:hover{color:var(--green-dark);text-decoration:underline}.featured-team-link:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}
.ranking-updated{align-self:end;margin-left:auto;padding-bottom:9px;color:var(--muted);font-size:11px}.ranking-source{color:var(--muted);font-size:11px;text-align:right}.ranking-source a{color:var(--green-dark);font-weight:750}.state-ranking-table th:nth-child(2),.state-ranking-table td:nth-child(2){text-align:left}.state-ranking-team{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.state-ranking-team>span{font-weight:700}.state-ranking-team:hover>span{color:var(--green-dark)}
@media(max-width:600px){.state-ranking-table{table-layout:fixed}.state-ranking-table th,.state-ranking-table td{padding:7px 4px;font-size:10px}.state-ranking-table th{font-size:7px}.state-ranking-table th:nth-child(1),.state-ranking-table td:nth-child(1){width:28px}.state-ranking-table th:nth-child(2),.state-ranking-table td:nth-child(2){width:auto}.state-ranking-table th:nth-child(3),.state-ranking-table td:nth-child(3){width:42px}.state-ranking-table th:nth-child(4),.state-ranking-table td:nth-child(4){width:50px}.state-ranking-table th:nth-child(5),.state-ranking-table td:nth-child(5){display:none}.state-ranking-table .team-with-helmet{min-width:0;gap:5px}.state-ranking-table .inline-helmet{width:34px;height:27px}.state-ranking-table .team-with-helmet>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.state-ranking-table small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-updated{margin-left:0}}
@media(max-width:650px){.featured-games{grid-template-columns:1fr}}
@media(max-width:560px){.home-card{padding:24px 20px}.home-card h2{font-size:20px}}
.bracket-label{border-radius:8px 8px 0 0}.bracket-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:18px;overflow-x:auto;padding:20px;background:#eef1ed;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}.bracket-round{display:flex;min-width:230px;flex-direction:column;gap:12px}.bracket-round h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 2px;color:#5b655f;font-size:11px;letter-spacing:1px;text-transform:uppercase}.bracket-round h3 time{color:var(--green-dark);font-weight:850;letter-spacing:.2px;white-space:nowrap}.bracket-match{overflow:hidden;background:#fff;border:1px solid #d7ded8;border-left:4px solid var(--green);border-radius:7px;box-shadow:0 4px 14px rgba(31,42,35,.06)}.bracket-match+.bracket-match{margin-top:9px}.bracket-slot{display:grid;width:100%;min-height:58px;grid-template-columns:24px 38px 1fr;align-items:center;gap:7px;padding:8px;border:0;background:#fff;color:var(--ink);font:inherit;text-align:left}.bracket-slot+.bracket-slot{border-top:1px solid var(--line)}button.bracket-slot{cursor:pointer}button.bracket-slot:hover{background:var(--green-soft)}.bracket-slot .seed{color:var(--green-dark);font-weight:850;text-align:center}.bracket-slot b,.bracket-slot small{display:block}.bracket-slot b{font-size:12px}.bracket-slot small{margin-top:2px;color:var(--muted);font-size:10px}.bracket-slot .inline-helmet{width:38px;height:30px}.bracket-slot.placeholder{grid-template-columns:24px 1fr;color:#79817c;font-size:11px;font-style:italic}.quarterfinals{padding-top:54px}.quarterfinals h3{margin-top:-54px;margin-bottom:42px}.semifinals{padding-top:145px}.semifinals h3{margin-top:-145px;margin-bottom:133px}.semifinals .bracket-match+.bracket-match{margin-top:126px}.final{padding-top:295px}.final h3{margin-top:-295px;margin-bottom:283px}.bracket-search-selected{background:#e4f6dc!important;box-shadow:inset 0 0 0 3px var(--lime)}@media(max-width:850px){.bracket-board{grid-template-columns:repeat(4,260px)}}

@media(max-width:600px){
  #standings .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  #standings .toolbar label,#standings .toolbar select,#standings .toolbar input{width:100%;min-width:0}
  #standings .toolbar .search{grid-column:1/-1;margin-left:0}
  #standings .division-label{padding:9px 11px!important;border-top-width:4px}
  #standings table{table-layout:fixed}
  #standings th,#standings td{padding:7px 4px;font-size:11px}
  #standings th{font-size:8px;letter-spacing:.45px}
  #standings th:nth-child(6),#standings th:nth-child(7),#standings th:nth-child(8),
  #standings td:nth-child(6),#standings td:nth-child(7),#standings td:nth-child(8){display:none}
  #standings th:nth-child(1),#standings td:nth-child(1){width:86px}
  #standings th:nth-child(2),#standings td:nth-child(2){width:28px}
  #standings th:nth-child(3),#standings td:nth-child(3){width:auto}
  #standings th:nth-child(4),#standings td:nth-child(4){width:42px}
  #standings th:nth-child(5),#standings td:nth-child(5){width:58px}
  #standings .status-head,#standings .status-cell{min-width:0;max-width:none}
  #standings .status-cell{padding-left:3px;padding-right:3px}
  #standings .status-cell .playoff-status{max-width:80px;padding:4px 5px;font-size:7px;line-height:1.15}
  #standings .team-with-helmet{min-width:0;gap:5px}
  #standings .inline-helmet{width:34px;height:27px}
  #standings .standing-team-button>span{min-width:0;overflow:hidden;font-size:11px;line-height:1.15;text-overflow:ellipsis}
  #standings .standing-team-button small{margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Compact team schedule dialog so a standard 10-game slate fits without scrolling. */
#team-dialog{max-height:calc(100vh - 16px);padding:16px 20px}
#team-dialog .dialog-head{position:relative;height:0;z-index:2}
#team-dialog .dialog-head .close{position:absolute;top:-12px;right:-8px;padding:2px 7px}
#team-dialog .team-hero{gap:18px;padding:0 8px 12px}
#team-dialog .team-hero img{width:150px;height:112px}
#team-dialog .team-hero h2{font-size:29px}
#team-dialog .team-state-rank{display:inline-block;margin-left:7px;color:var(--ink);font:800 17px/1 Inter,"Segoe UI",sans-serif;vertical-align:super;white-space:nowrap}
#team-dialog .team-hero p:not(.eyebrow){margin:3px 0}
#team-dialog .team-card-record{color:var(--ink)}#team-dialog .team-card-rank{color:var(--green-dark)}
#team-dialog #team-detail>h3{margin:13px 0 8px;font-size:17px}
#team-dialog .team-schedule th{padding-top:7px;padding-bottom:7px}
#team-dialog .team-schedule td{padding-top:7px;padding-bottom:7px}
@media(max-width:600px){
  #team-dialog{width:calc(100vw - 18px);padding:11px 9px}
  #team-dialog .team-hero{gap:8px;padding:0 3px 7px}
  #team-dialog .team-hero img{width:82px;height:62px}
  #team-dialog .team-hero h2{font-size:20px;line-height:1.05}
  #team-dialog .team-state-rank{margin-left:5px;font-size:13px}
  #team-dialog .team-hero .eyebrow{font-size:8px;letter-spacing:1px}
  #team-dialog .team-hero p:not(.eyebrow){margin:2px 0;font-size:11px}
  #team-dialog #team-detail>h3{margin:8px 0 5px;font-size:14px}
  #team-dialog .team-schedule{overflow:hidden}
  #team-dialog .team-schedule table{table-layout:fixed}
  #team-dialog .team-schedule th,#team-dialog .team-schedule td{padding:4px 3px;font-size:9px;line-height:1.2}
  #team-dialog .team-schedule th{font-size:7px;letter-spacing:.45px}
  #team-dialog .team-schedule th:nth-child(1),#team-dialog .team-schedule td:nth-child(1){width:42px}
  #team-dialog .team-schedule th:nth-child(2),#team-dialog .team-schedule td:nth-child(2){width:28px}
  #team-dialog .team-schedule th:nth-child(3),#team-dialog .team-schedule td:nth-child(3){width:auto;overflow-wrap:anywhere}
  #team-dialog .team-schedule th:nth-child(4),#team-dialog .team-schedule td:nth-child(4){width:45px}
  #team-dialog .team-schedule th:nth-child(5),#team-dialog .team-schedule td:nth-child(5){width:40px}
  #team-dialog .team-schedule th:nth-child(6),#team-dialog .team-schedule td:nth-child(6){width:42px}
  #team-dialog .opponent-link{font-size:9px;line-height:1.15;overflow-wrap:anywhere}
}

@media(max-width:600px){
  #projector .project-intro{padding:12px 13px;gap:10px}
  #projector .project-intro h2{font-size:18px}
  #projector .project-intro p{font-size:12px}
  #projector .project-intro button{padding:7px 9px;font-size:11px;white-space:nowrap}
  #projector .projector-side-filters{grid-template-columns:1fr 1fr;gap:8px}
  #projector .projector-side-filters label,#projector .projector-side-filters select,#projector .projector-side-filters input{width:100%;min-width:0}
  #projector .project-standings-filter select{width:100%;min-width:0}
  #projector .projector-split h3{margin:5px 0 9px;font-size:15px}
  #projector .projected-table{table-layout:fixed}
  #projector .projected-table th,#projector .projected-table td{padding:7px 5px;font-size:11px}
  #projector .projected-table th:nth-child(1),#projector .projected-table td:nth-child(1){width:30px}
  #projector .projected-table th:nth-child(2),#projector .projected-table td:nth-child(2){width:auto}
  #projector .projected-table th:nth-child(3),#projector .projected-table td:nth-child(3){width:48px}
  #projector .projected-table th:nth-child(4),#projector .projected-table td:nth-child(4){display:none}
  #projector .projected-table .team-with-helmet{min-width:0;gap:5px}
  #projector .projected-table .inline-helmet{width:34px;height:27px}
  #projector .projected-table .team-with-helmet>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  #projector .projected-table .team-with-helmet small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #projector .games-column{margin-top:13px}
  #projector .project-games{height:58vh;max-height:58vh;padding-right:3px}
  #projector .pick-game{margin-bottom:5px}
  #projector .pick-game button{padding:7px 5px;font-size:10px}
  #projector .pick-game>span{font-size:8px}
  #projector .pick-team{gap:4px}
  #projector .project-helmet{width:32px;height:25px}
  #projector .pick-team .inline-helmet-spacer{width:32px;height:25px}
  #projector .pick-game button small{font-size:7px;letter-spacing:.2px}

  #bracket .toolbar{margin-bottom:10px}
  #bracket .toolbar label,#bracket .toolbar select{width:100%;min-width:0}
  #bracket .division-label{padding:9px 11px!important;border-top-width:4px}
  #bracket .bracket-board{grid-template-columns:repeat(4,215px);gap:10px;padding:11px}
  #bracket .bracket-round{min-width:215px;gap:8px}
  #bracket .bracket-round h3{font-size:9px;letter-spacing:.45px}
  #bracket .bracket-round h3 time{font-size:8px}
  #bracket .bracket-match+.bracket-match{margin-top:6px}
  #bracket .bracket-slot{min-height:48px;grid-template-columns:20px 30px 1fr;gap:5px;padding:6px}
  #bracket .bracket-slot.placeholder{grid-template-columns:20px 1fr;font-size:9px}
  #bracket .bracket-slot .inline-helmet{width:30px;height:24px}
  #bracket .bracket-slot b{font-size:10px}
  #bracket .bracket-slot small{font-size:8px}
  #bracket .quarterfinals{padding-top:46px}
  #bracket .quarterfinals h3{margin-top:-46px;margin-bottom:34px}
  #bracket .semifinals{padding-top:124px}
  #bracket .semifinals h3{margin-top:-124px;margin-bottom:112px}
  #bracket .semifinals .bracket-match+.bracket-match{margin-top:101px}
  #bracket .final{padding-top:248px}
  #bracket .final h3{margin-top:-248px;margin-bottom:236px}
}