.ibm-plex-sans-<uniquifier> {
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" <width>;
}
/*"Barlow Semi Condensed",*/


:root {
	--hero-color: #0FC; /* #FF484E; */
	--hero-color-6: #0FC6;
	--hero-color-3: #0FC3;
	--hero-color-1: #0FC1;

	--default-font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
	--narrow-font-family: "IBM Plex Sans",-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
}

/*"Space Grotesk","IBM Plex Sans",*/
* {box-sizing:border-box;font-optical-sizing:auto;}
html,body {margin:0;padding:0;background:#F6F7F9;scroll-behavior:smooth;color:#2D3138;font-family:var(--default-font-family);}
/*html {background:#3FC;}*/
/*body {background:linear-gradient(to bottom,#3FC,#F5F5F5 150px) fixed;}*/

input, button {font-family:var(--default-font-family);}

.table-scroller {overflow-x:auto;}

.table-scroller + .scroll-note {display:none;position:absolute;right:10px;top:30px;font-family:var(--narrow-font-family);font-size:12px;color:#5B6270;}
.table-scroller.has-scrollbar + .scroll-note {display:block;}

table {font-family:var(--narrow-font-family);}

table {font-size:12px;border-collapse:collapse;line-height:1;}
table td {padding:10px;white-space:nowrap;}
table tbody td {border-bottom:1px solid rgba(0,10,30,0.1);}
table tbody:last-child tr:last-child td, table tbody:last-child tr:last-child th {border-bottom:0 none;}
table th {padding:10px;text-align:left;font-size:10px;font-weight:bold;white-space:nowrap;}
table tbody th {font-size:12px;}
table tbody tr th, table tr:last-child th {border-bottom:1px solid rgba(0,10,30,0.1);}
table thead tr:last-child th {border-bottom:2px solid rgba(0,10,30,0.25);}
table tbody th {background:var(--hero-color-1);}
table td.bl, table th.bl {border-left:1px solid rgba(0,10,30,0.1);}
table th a {color:#2D3138;}

table tbody tr.totals-row td, table tbody tr.totals-row th {background:var(--hero-color-1);border-top:2px solid rgba(0,10,30,0.25);}
table tbody tr.totals-row td:nth-child(2) {font-weight:bold;}

table h4 {font-family:var(--default-font-family);}

table.games-table {font-size:14px;}
table.games-table th {font-size:12px;}
table.games-table tbody th {font-size:14px;}
table.games-table td {padding:15px 10px;}

td .w {background:#0C6;color:#FFF;font-weight:bold;padding:3px 8px;border-radius:20px;}
td .l {background:#C06;color:#FFF;font-weight:bold;padding:3px 8px;border-radius:20px;}

/*#site-header {display:flex;z-index:100;position:sticky;top:0;background:rgba(0,10,30,0.9);backdrop-filter:blur(10px);box-shadow:0 0 10px rgba(0,10,30,0.5);padding:20px;justify-content:space-between;align-items:center;line-height:1;}*/
#site-header {
	backdrop-filter: blur(5px);
/*	background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.8));*/
	background: linear-gradient(to top,rgba(0,10,30,0.95),rgba(0,10,30,0.85));
	display: flex;
	justify-content: space-between;
	padding: 20px 30px 20px 20px;
	align-items: center;
	gap: 20px;
	z-index: 100;
	position: sticky;
	top: 10px;
	border-bottom: 1px solid rgba(0,10,30,1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	margin: 0 10px 10px;
	border-radius: 40px;
	line-height:1;
}
#site-header h1 {margin:0;font-size:20px;font-weight:1000;color:var(--hero-color);display:flex;align-items:center;flex-grow:1;}
#site-header h1 svg#wordmark {height:30px;display:block;}
#site-header h1 svg#logo {margin:-5px 0;height:40px;display:block;}
#site-header h1 a {color:var(--hero-color);text-decoration:none;display:flex;gap:15px;align-items:center;}
#site-header h1 a:hover {text-decoration:underline;}
#site-header h1 a span {font-weight:300;color:#FFF;font-style:italic;margin-left:10px;font-size:0.8em;}

#site-header nav {font-size:16px;display:flex;gap:20px;align-items:center;justify-content:flex-end;flex-grow:1;font-family:var(--narrow-font-family);flex-wrap:wrap;overflow:hidden;height:32px;}
#site-header nav a {color:#FFF;text-decoration:none;font-family:}
#site-header nav a:hover {text-decoration:underline;}
#site-header nav hr {margin:0;width:0;height:2em;border:1px solid rgba(255,255,255,0.2);}
#site-header a.social svg {width:30px;height:30px;}
#site-header a.social svg path {fill:var(--hero-color);}
#site-header a.social:hover svg path {fill:#FFF;}


#site-body {padding:20px;}

#site-footer {padding:20px;display:flex;justify-content:space-between;}
#site-footer p {margin:0;font-size:0.8em;text-align:center;}
#site-footer p a {color:#2D3138;}
#site-footer p em {color:#5B6270;font-family:var(--narrow-font-family);}

.la {text-align:left;}
.ca {text-align:center;}
.ra {text-align:right;}
.miss {color:#C06;}
.make {color:#0C6;}
.fw75 {font-variation-settings:"wdth" 75;}
a {color:#06C;}
#site-body hr {margin:40px auto;border:1px solid #EEE;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mt40 {margin-top:40px;}
.pt0 {padding-top:0;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.gp0 {gap:0;}

.hidden {display:none;}

.message {background:var(--hero-color-1);border:1px solid var(--hero-color);border-left-width:6px;padding:20px;border-radius:10px;}
.message h4 {margin:0 0 10px;}
.message p {font-style:italic;font-size:0.9em;}
.message p:first-child {margin-top:0;}
.message p:last-child {margin-bottom:0;}

.glossary-list {list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px;font-style:normal;font-size:0.75em;font-family:var(--narrow-font-family);}
.glossary-list li {display:flex;gap:10px;width:37ch;}
.glossary-list li strong {width:5ch;}


.index-list {display:flex;flex-direction:column;margin:0;padding:0;list-style-type:none;width:fit-content;gap:10px;}
.index-list li {margin:0;padding:0 0 0 1.5em;position:relative;}
.index-list li:before  {content:"→";position:absolute;color:var(--hero-color);left:0;}

.index-list-columns, .index-list-columns-wide {flex-direction:row;flex-wrap:wrap;}
.index-list-columns li {min-width:200px;width:calc(20% - 20px);}
.index-list-columns-wide li {min-width:300px;width:calc(25% - 20px);}

.index-tile-grid {display:flex;gap:20px;flex-wrap:wrap;}

.index-tile.box {padding:40px 40px 20px 20px;text-decoration:none;font-weight:700;color:#2D3138;font-size:20px;min-width:200px;width:calc(25% - 15px);margin:0;display:flex;align-items:flex-end;}
.index-tile-grid-5 .index-tile.box {min-width:200px;width:calc(20% - 16px);}
.index-tile-grid-6 .index-tile.box {min-width:150px;width:calc((100% / 6) - 20px);flex-grow:1;}
.index-tile.box + .index-tile.box {margin-top:0;}
.index-tile.box.team-tile {border-bottom:5px solid var(--hero-color);display:flex;flex-direction:column;align-items:flex-start;}
.index-tile.box.team-tile small {font-weight:300;}
.index-tile.box.east {border-bottom:5px solid #6ca6d7;}
.index-tile.box.north {border-bottom:5px solid #981a30;}
.index-tile.box.south {border-bottom:5px solid #0d213b;}
.index-tile.box.central {border-bottom:5px solid #c81c33;}
.index-tile.box.west {border-bottom:5px solid #eaa819;}
.index-tile.box.finals {border-bottom:5px solid #f47c31;}
.index-tile.box.wildcard {border-bottom:5px solid #45a159;}

.box {
	border-width:1px;
	border-style:solid;
/*	background:linear-gradient(to top,#FFF,#F6F7F9);*/
	background:linear-gradient(to bottom,#F6F7F9,#FFF 80px);
	border-radius: 10px;
	border-top-color: #FFF;
	border-left-color: #FFF;
	border-right-color: #ECEDEF;
	border-bottom-color: #ECEDEF;
	box-shadow: 5px 5px 15px #ECEDEF, -5px -5px 15px #FFF;
	scroll-margin-top:100px;
	position:relative;
}
a.box:hover {
	background: linear-gradient(to bottom,#FFF,#F6F7F9 80px);
	border-bottom-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #ECEDEF;
	border-top-color: #ECEDEF;
	box-shadow: 5px 5px 15px #FFF, -5px -5px 15px #ECEDEF;
}	

.box-inner {
	display:flex;
	padding:20px;
	gap:20px;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.box-inner.pt0 {padding-top:0;}
.box-inner.gp0 {gap:0;}

.box + .box {margin-top:20px;}

.box > .table-scroller, .box > .table-scroller > table {width:100%;}

.box h2 {margin:0;line-height:1;font-size:40px;position:relative;}
.box h2 .small {display:block;font-size:20px;margin-top:10px;}
.box > h2 {padding:20px 20px 20px 80px;}
.box-inner > h2 {padding:0 0 0 60px;flex-grow:1;}
.box h2::before {content:"";position:absolute;left:0;top:0;width:1em;height:1em;/*border-radius:50% 3px 50% 3px;*/}
.box > h2::before {left:20px;top:20px;}
.box-inner > div > h2::before {display:none;}

.box h2::before, .box > h3::before, .box table h4::before {background-image:url('small-ball.svg');background-size: 1em auto;background-repeat: no-repeat;background-position: center center;}
.box > h2.east::before, .box > h3.east::before {background-image:url('small-ball-east.svg');}
.box > h2.south::before, .box > h3.south::before {background-image:url('small-ball-south.svg');}
.box > h2.west::before, .box > h3.west::before {background-image:url('small-ball-west.svg');}
.box > h2.north::before, .box > h3.north::before {background-image:url('small-ball-north.svg');}
.box > h2.central::before, .box > h3.central::before {background-image:url('small-ball-central.svg');}
.box > h2.finals::before, .box > h3.finals::before {background-image:url('small-ball-finals.svg');}
.box > h2.wildcard::before, .box > h3.wildcard::before {background-image:url('small-ball-wildcard.svg');}

.box > h3 {margin:0;padding:20px 20px 10px 55px;position:relative;line-height:1;font-size:24px;}
.box > h3::before {content:"";position:absolute;left:20px;top:20px;width:1em;height:1em;/*background:var(--hero-color);border-radius:50% 3px 50% 3px;*/}

.box table h4 {margin:0;padding:0 0 0 10px;/* 0 0 40px;*/position:relative;line-height:1;font-size:20px;}
/*.box table h4::before {content:"";position:absolute;left:10px;top:0;width:1em;height:1em;}*/


.game-details {display:flex;justify-content:center;align-items:center;margin-bottom:10px;gap:10px;align-items:stretch;}
.game-details .box + .box {margin:0;}
.game-details .home-team, .game-details .away-team {display:flex;gap:20px;align-items:center;width:40%;flex-grow:1;}
.game-details .box.home-team {text-align:right;}
.game-details .home-team a, .game-details .away-team a {text-decoration:none;color:#2D3138;}
.game-details .home-team a:hover, .game-details .away-team a:hover {text-decoration:underline;}
.game-details .box h2 {width:100%;padding:20px;}
.game-details .box.home-team h2 {padding-right:30px;}
.game-details .box.away-team h2 {padding-left:30px;}
.game-details .box h2::before {display:none;}
.game-details .box.score {padding:10px 30px;font-size:60px;line-height:1;align-items:center;display:flex;font-weight:900;justify-content:center;}
.game-details .box.summary table {height:100%;}
.game-meta {margin:0;display:flex;gap:40px;justify-content:center;align-items:center;width:100%;}


.shot-chart {position:relative;margin:10px 20px 20px 20px;display:flex;gap:40px;align-items:flex-start;}
.shot-chart-half {width:75%;position:relative;}
.shot-chart-full {width:100%;position:relative;}
.shot-chart img.court {width:100%;height:auto;vertical-align:center;border-radius:4px;z-index:1;position:relative;pointer-events:none;}
.shot-chart img.court.court-overlay {z-index:50;opacity:0.5;position:absolute;top:0;left:0;}
.shot-chart .shots {position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0,10,30);border-radius:4px;}
.shot-chart .shots a.x, .shot-chart .shots a.o {position:absolute;color:transparent;display:flex;width:1%;height:1%;border-radius:8px;justify-content:center;align-items:center;}
.shot-chart-full .shots a.x, .shot-chart-full .shots a.o {transform:translateX(-50%) translateY(-50%);height:2%;}
.shot-chart-half .shots a.x, .shot-chart-half .shots a.o {transform:translateX(50%) translateY(-50%);}
.shot-chart .shots a.x {border:2px solid #906C;z-index:5;}
.shot-chart .shots a.o {background:#0FCC;z-index:10;}

.player-image {width:100px;height:100px;border-radius:100px;background:linear-gradient(to top,#0FC,#0FC0);}

.nav-pills {margin:20px auto;display:flex;gap:10px;width:fit-content;}
.nav-pills a {border:2px solid var(--hero-color);border-radius:40px;padding:10px 20px;font-weight:bold;color:#2D3138;text-decoration:none;}
.nav-pills a.active {background:var(--hero-color);border-color:var(--hero-color);}
.nav-pills a:hover {background:var(--hero-color-3);border-color:var(--hero-color);}

.jump-pills {margin:20px auto;display:flex;gap:5px;width:fit-content;flex-wrap:wrap;justify-content:center;}
.jump-pills a {border-radius:5px;padding:5px 10px;font-weight:bold;color:#2D3138;text-decoration:none;background:var(--hero-color-3);}
.jump-pills a:hover {background:var(--hero-color);}


.toggles {margin:20px auto;gap:4px;border:2px solid var(--hero-color);padding:4px;display:flex;width:fit-content;border-radius:40px;}
.toggles a.toggle {border-radius:40px;padding:10px 20px;font-weight:bold;color:#2D3138;text-decoration:none;}
.toggles a.toggle.active {background:var(--hero-color);}
.toggles a:hover {background:var(--hero-color-3);}

.conf-pill {background:#5B6270;color:#FFF;border-radius:20px;padding:3px 8px;font-weight:bold;text-decoration:none;font-size:0.8em;}
.conf-pill.east {background:#6ca6d7;}
.conf-pill.north {background:#981a30;}
.conf-pill.south {background:#0d213b;}
.conf-pill.central {background:#c81c33;}
.conf-pill.west {background:#eaa819;}
.conf-pill.finals {background:#f47c31;}
.conf-pill.wildcard {background:#45a159;}

.gender-pill {border:1px solid #5B6270;color:#5B6270;border-radius:20px;padding:1px 6px;font-weight:normal;text-decoration:none;font-size:0.8em;}
.gender-pill.m {color:#ff7900;border-color:#ff7900;} /* #06C; */
.gender-pill.f {color:#9200fe;border-color:#9200fe;} /* #C06 */

.record-boxes {display:flex;gap:20px;flex-wrap:wrap;}
.record-boxes .box {margin:0;flex-grow:1;min-width:200px;width:calc(25% - 15px);}
.record-box {padding:10px 10px 20px 10px;display:flex;flex-direction:column;gap:10px;}
.record-box-row {display:flex;align-items:center;padding:0 20px 0 10px;gap:10px;}
.record-box-row-top {background:var(--hero-color-3);padding:10px 20px 10px 10px;border-radius:100px;font-size:1.2em;}
.record-box-row + .record-box-row {border-top:1px solid #ECEDEF;padding-top:10px;}
.record-box-row-top + .record-box-row {border-top:0 none;padding-top:0;}
.record-box .record-image {width:50px;height:50px;border-radius:50px;background:linear-gradient(to top,#0FC,#0FC0);vertical-align:bottom;}
.record-box .record-detail {flex-grow:1;}
.record-box .record-name {font-size:1.2em;font-weight:bold;}
.record-box .record-name a {color:#2D3138;text-decoration:none;}
.record-box .record-name a:hover {color:#06C;text-decoration:underline;}
.record-box .record-date {font-size:0.8em;font-family:var(--narrow-font-family);}
.record-box .record-date a {color:#5B6270;text-decoration:none;font-family:var(--narrow-font-family);}
.record-box .record-date a:hover {color:#06C;text-decoration:underline;}
.record-box .record-stat {font-size:1.75em;line-height:1;font-weight:bold;font-family:var(--narrow-font-family);}

.chart-footnote {margin:0;font-size:12px;font-family:var(--narrow-font-family);color:#5B6270;}


.season-selector {position:relative;display:flex;gap:10px;align-items:center;}	
.season-selector .label {font-size:0.8em;color:#5B6270;font-weight:bold;}
.season-selector .selection {background:var(--hero-color-3);padding:7px 10px;border-radius:6px;display:block;font-weight:bold;cursor:pointer;font-size:0.8em;}
.season-selector:hover .selection {background:var(--hero-color);border-radius:6px 6px 0 0;}
.season-selector .selection::after {content:"⏷";margin-left:10px;}
.season-selector .list {display:none;flex-direction:column;gap:5px;position:absolute;top:100%;right:0;margin:0;padding:10px;background:#FFF;z-index:100;list-style-type:none;border:2px solid var(--hero-color);border-radius:6px 0 6px 6px;}
.season-selector:hover .list {display:flex;}
.season-selector .list li {padding:0;margin:0;}
.season-selector .list li a {white-space:nowrap;color:#2D3138;text-decoration:none;padding:5px;display:block;}
.season-selector .list li a.active {font-weight:bold;}
.season-selector .list li a:hover {color:#06C;text-decoration:underline;}


.box-columns-two {display:flex;gap:20px;}
.box-columns-two > .box {width:50%;}
.box-columns-two > .box + .box {margin-top:0;}

.stat-summary-header {margin:0;padding:20px 20px 0 20px;display:flex;justify-content:space-between;align-items:center;font-size:24px;}
.stat-summary-header .team {width:30%;}
.stat-summary-header .team:last-child {text-align:right;}
.stat-summary-header .title {width:40%;text-align:center;font-size:0.8em;text-transform:uppercase;font-family:var(--narrow-font-family);}
.box-inner.stat-summary-rows {flex-direction:column;align-items:stretch;gap:5px;}
.stat-summary-row {display:flex;justify-content:space-between;align-items:center;font-family:var(--narrow-font-family);}
.stat-summary-row p {margin:0;}
.stat-summary-row .stat-label {font-weight:bold;}
.stat-summary-row p .stat {font-size:1.5em;font-family:var(--narrow-font-family);font-weight:bold;}
.stat-summary-row small {color:#5B6270;}
.stat-graph-row {display:flex;gap:20px;}
.stat-graph-row .w50 {display:flex;width:50%;}
.stat-graph-row .w50:last-child {flex-direction:row-reverse;}
.stat-graph-row-alt {gap:2px}
.stat-graph-row .bar {height:15px;}
.stat-graph-row > .bar {overflow:hidden;border-radius:10px;}
.stat-graph-row-alt > div:first-child {border-radius:10px 0 0 10px;}
.stat-graph-row-alt > div:last-child {border-radius:0 10px 10px 0;}
.stat-graph-row + .stat-summary-row {margin-top:10px;}

.stat-leader-row {display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;}
.stat-leader-row + .stat-leader-row {margin-top:10px;}
.stat-leader-row .stat-leader {width:40%;display:flex;align-items:center;gap:20px;}
.stat-leader-row .stat-leader:last-child {flex-direction:row-reverse;text-align:right;}
.stat-leader-row .stat-label {width:20%;text-align:center;font-family:var(--narrow-font-family);font-weight:bold;line-height:1.8;}
.stat-leader-row .player-image {width:65px;height:65px;}
.stat-leader-detail {}
.stat-leader-detail p {margin:0;}
.stat-leader-detail .stat {font-size:1.75em;line-height:1;font-weight:bold;font-family:var(--narrow-font-family);}
.stat-leader-detail small {color:#5B6270;font-family:var(--narrow-font-family);}


.game-details .box.home-team h2, .game-details .box.away-team h2 {display:flex;align-items:center;gap:15px;padding:20px;}
.game-details .box.home-team h2 a, .game-details .box.away-team h2 a {flex-grow:1;}
.game-details .box.home-team h2 svg, .game-details .box.away-team h2 svg {height:50px;width:auto;}

.inpage-search {margin:20px auto;position:relative;width:fit-content;width:100%;max-width:350px;}
.inpage-search input {padding:15px 50px 15px 15px;border-radius:40px;font-size:16px;border:2px solid rgba(0,10,30,0.25);width:100%;}
.inpage-search input:focus-visible {outline:1px solid var(--hero-color);border-color:#FFF;box-shadow:0 0 10px var(--hero-color-6);}
.inpage-search button {border:0 none;background:var(--hero-color-3);padding:4px 6px 8px;border-radius:40px;font-size:24px;font-weight:bold;position:absolute;right:6px;top:6px;width:40px;height:40px;cursor:pointer;}
.inpage-search input:placeholder-shown + button {display:none;}
.inpage-search button:hover {background:var(--hero-color);}


.error-page {display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100dvh - 200px);}
.error-page h1 {font-size:20vmin;color:rgba(0,10,30,0.2);margin:0;}
.error-page p {font-weight:bold;font-size:5vmin;color:rgba(0,10,30,0.2);margin:0;}


#mobile-nav-open {display:none;align-items:center;justify-content:center;height:40px;width:40px;margin:-10px -5px;}
#mobile-nav-open svg {display:block;width:2em;}
#mobile-nav-open svg path {fill:#FFF;}

#mobile-nav-close {background:#FFF;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:0.5em;}
#mobile-nav-close svg {display:block;width:1em;height:1em;}
#mobile-nav-close svg path {fill:rgb(0,10,30);}

#mobile-nav {display:none;position:fixed;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(5px);background:linear-gradient(to top,rgba(0,10,30,0.95),rgba(0,10,30,0.85));z-index:1000;font-size:20px;text-align:center;}
#mobile-nav .inner {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:40px;padding:40px;}
#mobile-nav .inner .mobile-nav-group {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;width:100%;max-width:400px;}
#mobile-nav .inner .mobile-nav-group a {width:calc(50% - 10px);}
#mobile-nav hr {margin:0 auto;width:50%;border:1px solid rgba(255,255,255,0.2);}
#mobile-nav a {color:#FFF;}


@media screen and (max-width:1520px) {
	#site-header h1 a span {display:none;}
}

@media screen and (max-width:1335px) {
	#mobile-nav-open {display:flex;}
}

@media screen and (max-width:760px) {

	#site-header {padding:15px 20px 15px 15px;}
	#site-header h1 svg#wordmark {height:20px;}
	#site-header h1 svg#logo {margin:-5px 0;height:25px;}
	#site-header h1 a {gap:10px;}
	
	#site-header nav {display:none;}

	
	#site-body {padding:10px;}
	
	.table-scroller + .scroll-note {top:10px;}
	
	.box-inner {padding:10px;}
	
	.box h2 {margin:0;line-height:1;font-size:22px;}
	.box h2 .small {font-size:16px;margin-top:5px;}
	.box > h2 {padding:10px 10px 10px 40px;}
	.box-inner > h2 {padding:0 0 0 30px;}
	.box h2::before {left:0;top:0;}
	.box > h2::before {left:10px;top:10px;}
	
	
	.box > h3 {padding:10px 10px 5px 35px;font-size:18px;}
	.box > h3::before {left:10px;top:10px;}
	
	.box table h4 {padding:0;font-size:16px;}

	.game-details {flex-direction:row;flex-wrap:wrap;}
	.game-details .box.score {padding:10px 20px;font-size:30px;}
	.game-details .box.home-team h2, .game-details .box.away-team h2 {padding:10px 20px;}
	.game-details .box.home-team h2 svg, .game-details .box.away-team h2 svg {height:25px;}
	.game-details .box.home-team {width:72%;order:1;text-align:left;}
	.game-details .box.away-team {width:72%;order:3;}
	.game-details .box.away-team h2 {flex-direction:row-reverse;}
	.game-details .box.home-score {width:25%;order:2;}
	.game-details .box.away-score {width:25%;order:4;}
	.game-details .box.summary {width:100%;order:5;}
	.game-details .box.summary table {width:100%;}
	.game-meta {flex-direction:column;gap:10px;font-size:0.875em;}


	.shot-chart {margin:5px 10px 10px 10px;gap:20px;flex-direction:column;align-items:stretch;}
	.shot-chart-half {width:100%;}

	.player-image {width:50px;height:50px;border-radius:50px;}
	
	.nav-pills {font-size:14px;flex-wrap:wrap;justify-content:center;}
	.nav-pills a {padding:6px 12px;}

	.toggles {font-size:14px;flex-wrap:wrap;justify-content:center;border-radius:22px;}
	.toggles a.toggle {padding:6px 12px;}

	
	.index-list-columns li {min-width:200px;min-width:auto;width:calc(50% - 5px);}

	.index-tile-grid {gap:10px;}

	.index-tile.box {padding:20px 20px 10px 10px;font-size:16px;min-width:auto;width:calc(50% - 5px);}
	.index-tile-grid-5 .index-tile.box {min-width:auto;width:calc(50% - 5px);}
	.index-tile-grid-6 .index-tile.box {min-width:auto;width:calc(50% - 5px);}
	
	.record-box-row {font-size:0.9em;}
	.record-box-row-top {font-size:1em;}
	.record-box .record-stat {font-size:1.5em;}
	
	.box-columns-two {flex-direction:column;}
	.box-columns-two > .box {width:100%;}
	
	.stat-summary-header {padding:10px 10px 0 10px;font-size:20px;}
	.stat-summary-row p .stat {font-size:1.25em;}
	.stat-graph-row .bar {height:10px;}
	.stat-leader-row {font-size:0.8em;align-items:flex-start;}
	.stat-leader-row .player-image {display:none;}

	#site-footer {flex-direction:column;gap:10px;}

}