html {
	height: 100%;
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type='checkbox'],
[type='radio'] {
	box-sizing: border-box;
	padding: 0
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto
}

[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type='search']::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

:root {
    --inter: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --tecmo: Tecmo, monospaced;
    --blue: #1863d6;           /* existing */
    --pink: #ff6bce;           /* existing hot pink */

    /* NEW COLORS - optimized for visibility on dark blue background */
    --green:  #00ff88;         /* Bright cyan-green - very readable */
    --darkergreen: #00cc66;    /* Slightly darker alternative if #00ff88 is too bright */
	--yellow: #ffff66;        /* Bright yellow with slight green tint - excellent contrast */
	--falcon-blue: #0044CC;



    --dark-bg: #111;
    --default-text: #FFF;
    --subdued-text: rgba(255, 255, 255, 0.65);
}

* {
	box-sizing: border-box
}

body {
	background: var(--blue);
	color: var(--default-text);
	font-family: var(--inter), monospace;
	padding: 2rem 2rem 0 2rem;
	-webkit-text-size-adjust: none;
	min-height: 100%;
  display: flex;
  flex-direction: column;
}

@font-face {
	font-family: 'Tecmo';
	src: url("../fonts/tecmo/gf-tecmoset1-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-style: normal;
	font-named-instance: 'Regular';
	src: url("../fonts/inter/Inter-roman.var57a3.woff2?v=3.15") format("woff2-variations")
}

@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-style: italic;
	font-named-instance: 'Italic';
	src: url("../fonts/inter/Inter-italic.var57a3.woff2?v=3.15") format("woff2-variations")
}

strong {
	font-weight: 700
}

img {
	margin: 0 0 1em 0
}

ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible
}

.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80)
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000000;
	border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000000;
	border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000000;
	border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000000;
	border-width: 0 5px 5px
}

.main-header {
	align-items: center;
	background: #165ec9;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
	display: flex;
	left: 0;
	padding: 1em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}

.main-header h1 {
	font: normal 22px/1 var(--tecmo);
	text-align: center;
	width: 140px
}

.main-header h1 a {
	color: inherit;
	text-decoration: none
}

.main-header nav ul {
	display: flex;
	margin: 0 0 0 1.5em
}

.main-header nav ul>li {
	color: var(--default-text);
	margin: 0 1.5em 0 0;
	position: relative
}

.main-header nav ul>li>a {
	color: inherit;
	display: block;
	font: 400 13px/1 var(--tecmo);
	padding: 8px 30px 8px 12px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase
}

.main-header nav ul>li>a.active {
	background: var(--dark-bg);
	border-radius: 4px 4px 0 0
}

.main-header nav ul>li>a:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	bottom: -0.15em;
	content: " ";
	height: 0;
	right: 10px;
	margin-left: -8px;
	position: absolute;
	top: 9px;
	width: 0
}

.main-header nav ul>li>ol {
	background: var(--dark-bg);
	border-radius: 0 4px 4px 4px;
	display: none;
	padding: 12px 0;
	position: absolute;
	width: 600px;
	z-index: 1000;
}

.main-header nav ul>li>ol>li {
	float: left;
	width: 33.333333333333333%;
}

.main-header nav ul>li>ol>li h6 {
	display: none
}

.main-header nav ul>li>ol>li ol li a {
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0 12px;
	padding: 0.5rem;
	text-decoration: none
}

.main-header nav ul>li>ol>li ol li a i {
	margin-right: 8px;
	vertical-align: middle
}

.main-header nav ul>li>ol>li ol li a:hover {
	background: var(--pink)
}

.main-header nav ul>li.rankings a:after {
	content: none
}

.main-header .nav-players>ol {
	width: 400px
}

.main-header .nav-players>ol>li {
	width: 50%
}

body.home #container {
	padding: 8em 0 0 0
}

body.home #container h2 {
	color: var(--default-text);
	font: normal 1.75em/1.5 var(--tecmo);
	margin: 0.75em auto 3.25em auto;
	text-align: center;
	text-transform: uppercase;
	max-width: 800px
}

body.home #container .top-player-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

body.home #container .top-players {
	flex-basis: 380px;
	margin: 2rem
}

body.home #container .top-players>h3 {
	font: normal 16px/1 var(--tecmo);
	padding: 0 0 0.75rem 0
}

body.home #container .top-players>h3 a {
	color: var(--default-text);
	text-decoration: none
}

body.home #container .top-players>h3 a:hover {
	color: var(--pink)
}

body.home #container .top-players ol {
	background: var(--dark-bg);
	box-shadow: 8px 8px 0 var(--pink);
	padding: 0.75rem 0
}

body.home #container .top-players .player {
	position: relative;
	display: flex;
	padding: 0.5rem 1.25rem
}

body.home #container .top-players .player .helmet-link {
	display: block;
	width: 32px
}

body.home #container .top-players .player .headshot {
	border-radius: 2px;
	margin: 0 12px;
	width: 32px
}

body.home #container .top-players .player .player-info .player-name {
	font-family: var(--tecmo), monospace;
	font-size: 14px;
	margin: 2px 0;
	text-transform: uppercase
}

body.home #container .top-players .player .player-info .player-position-number {
	color: var(--subdued-text);
	font-family: var(--tecmo), monospace;
	font-size: 12px
}
#container {
  flex: 1 0 auto;        /* This pushes the footer down */
  padding-top: 6rem;     /* Space for your fixed header – adjust if needed */
}

#container header {
	margin: 6em 0 3em 0
}

#container header h1 {
	font: normal 32px/1 var(--tecmo);
	text-transform: uppercase
}

#container header h1 i {
	margin: 0 0.25em 0 0;
	vertical-align: middle
}

#container header .ability-notes {
	color: var(--subdued-text);
	font-weight: 500;
	margin: 0.5rem 0 0 0
}

.players {
	margin-bottom: 4rem
}

.players .player {
	align-items: center;
	display: flex;
	margin-bottom: 0.75em
}

.players .player .player-ranking,
.players .player .player-rating {
	width: 52px;
	text-align: center
}

.players .player .player-ranking h5,
.players .player .player-rating h5 {
	font-size: 18px;
	font-weight: bold
}

.players .player .player-ranking h5 a,
.players .player .player-rating h5 a {
	border-radius: 4px;
	color: inherit;
	padding: 2px 8px;
	text-decoration: none
}

.players .player .player-ranking h5 a:hover,
.players .player .player-rating h5 a:hover {
	background: rgba(255, 255, 255, 0.2)
}

.players .player .headshot {
	border-radius: 2px;
	flex-basis: 32px;
	margin: 0 0.75em
}

.players .player .player-info {
	flex-basis: 180px
}

.players .player .player-info .player-name {
	font-size: 18px
}

.players .player .player-info .player-position-number {
	color: var(--subdued-text);
	font-size: 14px;
	font-weight: 500
}

.players .player .player-abilities {
	display: flex;
	flex: 2;
	margin-left: 1rem
}

.players .player .player-abilities>li {
	background-color: rgba(255, 255, 255, 0.25);
	border: 3px solid #fff;
	color: #222;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 2%;
	padding: 8px 4px;
	width: 18%
}

.players .player .player-abilities>li:first-child {
	margin-left: 0
}
-->
.players .labels {
	border-bottom: 4px solid rgba(255, 255, 255, 0.35);
	color: var(--subdued-text);
	margin-bottom: 1em;
	padding: 0
}

.players .labels .section-label h3 {
	font-size: 14px;
	font-weight: bold
}

.players .labels .player-rating-label h5,
.players .labels .player-ranking h5 {
	color: var(--subdued-text);
	font-size: 14px
}

.players .labels .player-rating-label h5 a,
.players .labels .player-ranking h5 a {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
	border-radius: 0;
	color: inherit;
	padding: 0;
	text-decoration: none
}

.players .labels .player-rating-label h5 a:hover,
.players .labels .player-ranking h5 a:hover {
	background: transparent
}

.players .labels .player-rating-label h6,
.players .labels .player-ranking h6 {
	font-size: 12px;
	font-weight: bold
}

.players .labels .player-abilities>li {
	background-color: transparent;
	border: 0;
	color: var(--subdued-text);
	font-size: 14px
}

.players .labels .player-abilities>li a {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
	color: inherit;
	text-decoration: none
}

.players .ability-notes {
	color: var(--subdued-text);
	font-size: 16px;
	line-height: 1.2;
	margin: 0.5em 0 1em 354px
}

:not(body.body-players) .labels a {
	cursor: default
}

body.body-players .labels a {
	cursor: pointer
}

.labels .player-rating-label {
	margin-left: 240px
}

body.body-players .labels .player-rating-label {
	margin-left: 270px
}

.skill-toggles {
	margin: 0.75em 0 2em 0;
	text-align: center
}

.skill-toggles {
	margin: 0.75em 0 2em 0;
	text-align: center
}

.skill-toggles li {
	display: inline-block;
	margin: 0 0.75em 0 0
}

.skill-toggles li a {
	border-bottom: 2px solid var(--subdued-text);
	color: var(--subdued-text);
	display: block;
	font-weight: bold;
	padding: 0 0 0.1em 0;
	position: relative;
	text-align: center;
	text-decoration: none
}

.skill-toggles li a.active,
.skill-toggles li a:hover {
	border-color: var(--default-text);
	color: var(--default-text)
}

.skill-toggles li a.active {
	border: 0
}

.skill-toggles li a.active:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid var(--default-text);
	bottom: -0.75em;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	width: 0
}

.players.rb-wr-te.kick-return .labels .player-abilities .maximum-speed {
	display: block;
	width: 48%
}

.players.rb-wr-te.punt-return .labels .player-abilities .maximum-speed {
	display: block;
	width: 58%
}

.players.qb .player-abilities li.maximum-speed {
	width: 23.5%
}

.players.qb .player-abilities li.passing-speed {
	width: 18.5%
}

.players.qb .player-abilities li.pass-control {
	width: 48.5%
}

.players.qb .player-abilities li.avoid-interception {
	width: 3.5%
}

.players.qb .player-abilities li.avoid-pass-block {
	padding-left: 1px;
	padding-right: 0;
	width: 3.5%
}

.players.default .kick-return-notes,
.players.default .punt-return-notes {
	display: none
}

.players.default .player.RB1 .receiving-ranking,
.players.default .player.RB1 .kick-return-ranking,
.players.default .player.RB1 .punt-return-ranking,
.players.default .player.RB1 .receiving-rating,
.players.default .player.RB1 .kick-return-rating,
.players.default .player.RB1 .punt-return-rating,
.players.default .player.RB2 .receiving-ranking,
.players.default .player.RB2 .kick-return-ranking,
.players.default .player.RB2 .punt-return-ranking,
.players.default .player.RB2 .receiving-rating,
.players.default .player.RB2 .kick-return-rating,
.players.default .player.RB2 .punt-return-rating,
.players.default .player.RB3 .receiving-ranking,
.players.default .player.RB3 .kick-return-ranking,
.players.default .player.RB3 .punt-return-ranking,
.players.default .player.RB3 .receiving-rating,
.players.default .player.RB3 .kick-return-rating,
.players.default .player.RB3 .punt-return-rating,
.players.default .player.RB4 .receiving-ranking,
.players.default .player.RB4 .kick-return-ranking,
.players.default .player.RB4 .punt-return-ranking,
.players.default .player.RB4 .receiving-rating,
.players.default .player.RB4 .kick-return-rating,
.players.default .player.RB4 .punt-return-rating {
	display: none
}

.players.default .player.WR1 .rushing-ranking,
.players.default .player.WR1 .kick-return-ranking,
.players.default .player.WR1 .punt-return-ranking,
.players.default .player.WR1 .receiving-rating,
.players.default .player.WR1 .kick-return-rating,
.players.default .player.WR1 .punt-return-rating,
.players.default .player.WR2 .rushing-ranking,
.players.default .player.WR2 .kick-return-ranking,
.players.default .player.WR2 .punt-return-ranking,
.players.default .player.WR2 .receiving-rating,
.players.default .player.WR2 .kick-return-rating,
.players.default .player.WR2 .punt-return-rating,
.players.default .player.WR3 .rushing-ranking,
.players.default .player.WR3 .kick-return-ranking,
.players.default .player.WR3 .punt-return-ranking,
.players.default .player.WR3 .receiving-rating,
.players.default .player.WR3 .kick-return-rating,
.players.default .player.WR3 .punt-return-rating,
.players.default .player.WR4 .rushing-ranking,
.players.default .player.WR4 .kick-return-ranking,
.players.default .player.WR4 .punt-return-ranking,
.players.default .player.WR4 .receiving-rating,
.players.default .player.WR4 .kick-return-rating,
.players.default .player.WR4 .punt-return-rating,
.players.default .player.TE1 .rushing-ranking,
.players.default .player.TE1 .kick-return-ranking,
.players.default .player.TE1 .punt-return-ranking,
.players.default .player.TE1 .receiving-rating,
.players.default .player.TE1 .kick-return-rating,
.players.default .player.TE1 .punt-return-rating,
.players.default .player.TE2 .rushing-ranking,
.players.default .player.TE2 .kick-return-ranking,
.players.default .player.TE2 .punt-return-ranking,
.players.default .player.TE2 .receiving-rating,
.players.default .player.TE2 .kick-return-rating,
.players.default .player.TE2 .punt-return-rating {
	display: none
}

.players.default .player.RB1 .player-abilities li.running-speed,
.players.default .player.RB2 .player-abilities li.running-speed,
.players.default .player.RB3 .player-abilities li.running-speed,
.players.default .player.RB4 .player-abilities li.running-speed {
	width: 8.4%
}

.players.default .player.RB1 .player-abilities li.maximum-speed,
.players.default .player.RB2 .player-abilities li.maximum-speed,
.players.default .player.RB3 .player-abilities li.maximum-speed,
.players.default .player.RB4 .player-abilities li.maximum-speed {
	width: 68.4%
}

.players.default .player.RB1 .player-abilities li.maximum-speed.kick-return,
.players.default .player.RB1 .player-abilities li.maximum-speed.punt-return,
.players.default .player.RB2 .player-abilities li.maximum-speed.kick-return,
.players.default .player.RB2 .player-abilities li.maximum-speed.punt-return,
.players.default .player.RB3 .player-abilities li.maximum-speed.kick-return,
.players.default .player.RB3 .player-abilities li.maximum-speed.punt-return,
.players.default .player.RB4 .player-abilities li.maximum-speed.kick-return,
.players.default .player.RB4 .player-abilities li.maximum-speed.punt-return {
	display: none
}

.players.default .player.RB1 .player-abilities li.hitting-power,
.players.default .player.RB2 .player-abilities li.hitting-power,
.players.default .player.RB3 .player-abilities li.hitting-power,
.players.default .player.RB4 .player-abilities li.hitting-power {
	width: 8.4%
}

.players.default .player.RB1 .player-abilities li.ball-control,
.players.default .player.RB2 .player-abilities li.ball-control,
.players.default .player.RB3 .player-abilities li.ball-control,
.players.default .player.RB4 .player-abilities li.ball-control {
	padding-left: 1px;
	padding-right: 0;
	width: 3.4%
}

.players.default .player.RB1 .player-abilities li.receptions,
.players.default .player.RB2 .player-abilities li.receptions,
.players.default .player.RB3 .player-abilities li.receptions,
.players.default .player.RB4 .player-abilities li.receptions {
	padding-left: 1px;
	padding-right: 0;
	width: 3.4%
}

.players.default .player.WR1 .player-abilities li.running-speed,
.players.default .player.WR2 .player-abilities li.running-speed,
.players.default .player.WR3 .player-abilities li.running-speed,
.players.default .player.WR4 .player-abilities li.running-speed,
.players.default .player.TE1 .player-abilities li.running-speed,
.players.default .player.TE2 .player-abilities li.running-speed {
	width: 8.4%
}

.players.default .player.WR1 .player-abilities li.maximum-speed,
.players.default .player.WR2 .player-abilities li.maximum-speed,
.players.default .player.WR3 .player-abilities li.maximum-speed,
.players.default .player.WR4 .player-abilities li.maximum-speed,
.players.default .player.TE1 .player-abilities li.maximum-speed,
.players.default .player.TE2 .player-abilities li.maximum-speed {
	width: 28.4%
}

.players.default .player.WR1 .player-abilities li.maximum-speed.kick-return,
.players.default .player.WR1 .player-abilities li.maximum-speed.punt-return,
.players.default .player.WR2 .player-abilities li.maximum-speed.kick-return,
.players.default .player.WR2 .player-abilities li.maximum-speed.punt-return,
.players.default .player.WR3 .player-abilities li.maximum-speed.kick-return,
.players.default .player.WR3 .player-abilities li.maximum-speed.punt-return,
.players.default .player.WR4 .player-abilities li.maximum-speed.kick-return,
.players.default .player.WR4 .player-abilities li.maximum-speed.punt-return,
.players.default .player.TE1 .player-abilities li.maximum-speed.kick-return,
.players.default .player.TE1 .player-abilities li.maximum-speed.punt-return,
.players.default .player.TE2 .player-abilities li.maximum-speed.kick-return,
.players.default .player.TE2 .player-abilities li.maximum-speed.punt-return {
	display: none
}

.players.default .player.WR1 .player-abilities li.hitting-power,
.players.default .player.WR2 .player-abilities li.hitting-power,
.players.default .player.WR3 .player-abilities li.hitting-power,
.players.default .player.WR4 .player-abilities li.hitting-power,
.players.default .player.TE1 .player-abilities li.hitting-power,
.players.default .player.TE2 .player-abilities li.hitting-power {
	width: 3.4%;
	padding-left: 1px;
	padding-right: 0
}

.players.default .player.WR1 .player-abilities li.ball-control,
.players.default .player.WR2 .player-abilities li.ball-control,
.players.default .player.WR3 .player-abilities li.ball-control,
.players.default .player.WR4 .player-abilities li.ball-control,
.players.default .player.TE1 .player-abilities li.ball-control,
.players.default .player.TE2 .player-abilities li.ball-control {
	width: 3.4%;
	padding-left: 1px;
	padding-right: 0
}

.players.default .player.WR1 .player-abilities li.receptions,
.players.default .player.WR2 .player-abilities li.receptions,
.players.default .player.WR3 .player-abilities li.receptions,
.players.default .player.WR4 .player-abilities li.receptions,
.players.default .player.TE1 .player-abilities li.receptions,
.players.default .player.TE2 .player-abilities li.receptions {
	width: 48.4%
}

.players.rushing .receiving-ranking,
.players.rushing .kick-return-ranking,
.players.rushing .punt-return-ranking,
.players.rushing .receiving-rating,
.players.rushing .kick-return-rating,
.players.rushing .punt-return-rating,
.players.rushing .kick-return-notes,
.players.rushing .punt-return-notes {
	display: none
}

.players.rushing .player-abilities li.running-speed {
	width: 8.4%
}

.players.rushing .player-abilities li.maximum-speed {
	width: 68.4%
}

.players.rushing .player-abilities li.maximum-speed.kick-return,
.players.rushing .player-abilities li.maximum-speed.punt-return {
	display: none
}

.players.rushing .player-abilities li.hitting-power {
	width: 8.4%
}

.players.rushing .player-abilities li.ball-control {
	padding-left: 1px;
	padding-right: 0;
	width: 3.4%
}

.players.rushing .player-abilities li.receptions {
	padding-left: 1px;
	padding-right: 0;
	width: 3.4%
}

.players.receiving .rushing-ranking,
.players.receiving .kick-return-ranking,
.players.receiving .punt-return-ranking,
.players.receiving .rushing-rating,
.players.receiving .kick-return-rating,
.players.receiving .punt-return-rating,
.players.receiving .kick-return-notes,
.players.receiving .punt-return-notes {
	display: none
}

.players.receiving .player-abilities li.running-speed {
	width: 8.4%
}

.players.receiving .player-abilities li.maximum-speed {
	width: 28.4%
}

.players.receiving .player-abilities li.maximum-speed.kick-return,
.players.receiving .player-abilities li.maximum-speed.punt-return {
	display: none
}

.players.receiving .player-abilities li.hitting-power {
	width: 3.4%;
	padding-left: 1px;
	padding-right: 0
}

.players.receiving .player-abilities li.ball-control {
	width: 3.4%;
	padding-left: 1px;
	padding-right: 0
}

.players.receiving .player-abilities li.receptions {
	width: 48.4%
}

.players.rb-wr-te.kick-return .rushing-ranking,
.players.rb-wr-te.kick-return .receiving-ranking,
.players.rb-wr-te.kick-return .punt-return-ranking,
.players.rb-wr-te.kick-return .rushing-rating,
.players.rb-wr-te.kick-return .receiving-rating,
.players.rb-wr-te.kick-return .rb-wr-te-notes,
.players.rb-wr-te.kick-return .punt-return-rating,
.players.rb-wr-te.kick-return .punt-return-notes {
	display: none
}

.players.rb-wr-te.kick-return .labels .player-abilities .maximum-speed {
	display: none
}

.players.rb-wr-te.kick-return .player-abilities li.running-speed {
	width: 18.5%
}

.players.rb-wr-te.kick-return .player-abilities li.maximum-speed {
	display: none
}

.players.rb-wr-te.kick-return .player-abilities li.maximum-speed.punt-return {
	display: none
}

.players.rb-wr-te.kick-return .player-abilities li.maximum-speed.kick-return {
	display: block;
	width: 58.5%
}

.players.rb-wr-te.kick-return .player-abilities li.hitting-power {
	width: 8.5%
}

.players.rb-wr-te.kick-return .player-abilities li.ball-control {
	width: 8.5%
}

.players.rb-wr-te.kick-return .player-abilities li.receptions {
	display: none
}

.players.rb-wr-te.punt-return .rushing-ranking,
.players.rb-wr-te.punt-return .receiving-ranking,
.players.rb-wr-te.punt-return .kick-return-ranking,
.players.rb-wr-te.punt-return .rushing-rating,
.players.rb-wr-te.punt-return .receiving-rating,
.players.rb-wr-te.punt-return .kick-return-rating,
.players.rb-wr-te.punt-return .rb-wr-te-notes,
.players.rb-wr-te.punt-return .kick-return-notes {
	display: none
}

.players.rb-wr-te.punt-return .labels .player-abilities .maximum-speed {
	display: none
}

.players.rb-wr-te.punt-return .player-abilities li.running-speed {
	width: 20%
}

.players.rb-wr-te.punt-return .player-abilities li.maximum-speed {
	display: none
}

.players.rb-wr-te.punt-return .player-abilities li.maximum-speed.kick-return {
	display: none
}

.players.rb-wr-te.punt-return .player-abilities li.maximum-speed.punt-return {
	display: block;
	width: 70%
}

.players.rb-wr-te.punt-return .player-abilities li.hitting-power {
	width: 10%
}

.players.rb-wr-te.punt-return .player-abilities li.ball-control {
	width: 10%
}

.players.rb-wr-te.punt-return .player-abilities li.receptions {
	display: none
}

.players.ol .player-abilities li.maximum-speed {
	width: 49%
}

.players.ol .player-abilities li.hitting-power {
	width: 49%
}

.players.dl .player-abilities li.running-speed {
	width: 8.4%
}

.players.dl .player-abilities li.rushing-power {
	width: 33.4%
}

.players.dl .player-abilities li.maximum-speed {
	width: 8.4%
}

.players.dl .player-abilities li.hitting-power {
	width: 33.0%
}

.players.dl .player-abilities li.pass-coverage {
	width: 3.4%
}
.players.dl .player-abilities li.pass-interceptions {
	width: 3.4%;
	padding-left: 1px;
	padding-right: 0
}

.players.lb .player-abilities li.running-speed {
	width: 8.4%
}

.players.lb .player-abilities li.rushing-power {
	width: 33.4%
}

.players.lb .player-abilities li.maximum-speed {
	width: 8.4%
}

.players.lb .player-abilities li.hitting-power {
	width: 27.4%
}

.players.lb .player-abilities li.pass-coverage {
	width: 6.2%
}

.players.lb .player-abilities li.pass-interceptions {
	width: 6.2%
}

.players.secondary .player-abilities li.running-speed {
	width: 10%
}

.players.secondary .player-abilities li.rushing-power {
	width: 15%
}

.players.secondary .player-abilities li.maximum-speed {
	width: 30%
}

.players.secondary .player-abilities li.hitting-power {
	width: 5%
}

.players.secondary .player-abilities li.pass-coverage {
	width: 15%
}

.players.secondary .player-abilities li.pass-interceptions {
	width: 25%
}

.players.kicker .player-abilities li.kicking-ability {
	width: 69%
}

.players.kicker .player-abilities li.avoid-kick-block {
	width: 29%
}

.players.punter .player-abilities li.kicking-ability {
	width: 69%
}

.players.punter .player-abilities li.avoid-kick-block {
	width: 29%
}

.power-6 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 6%, transparent 6%)
}

.power-13 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 13%, transparent 13%)
}

.power-19 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 19%, transparent 19%)
}

.power-19yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 19%, transparent 19%)
}

.power-24yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 24%, transparent 24%)
}

.power-25 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 25%, transparent 25%)
}

.power-29yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 29%, transparent 29%)
}

.power-31 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 31%, transparent 31%)
}

.power-34yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 34%, transparent 34%)
}

.power-38 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 38%, transparent 38%)
}

.power-38yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 38%, transparent 38%)
}

.power-38blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 38%, transparent 38%)
}

.power-40 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 40%, transparent 40%)
}

.power-44 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 44%, transparent 44%)
}

.power-45 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 45%, transparent 45%)
}

.power-48blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 48%, transparent 48%)
}

.power-50 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 50%, transparent 50%)
}

.power-50blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 50%, transparent 50%)
}

.power-51 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 51%, transparent 51%)
}

.power-55yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 55%, transparent 55%)
}

.power-56 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 56%, transparent 56%)
}

.power-56blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 56%, transparent 56%)
}

.power-60yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 60%, transparent 60%)
}

.power-63 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 63%, transparent 63%)
}

.power-63green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 63%, transparent 63%)
}

.power-66blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 66%, transparent 66%)
}

.power-68green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 68%, transparent 68%)
}

.power-69 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 69%, transparent 69%)
}

.power-69blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 69%, transparent 69%)
}

.power-70blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 70%, transparent 70%)
}

.power-70yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 70%, transparent 70%)
}

.power-72yellow {
    background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 72%, transparent 72%) !important;
}

.power-72blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 72%, transparent 72%)
}

.power-72 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 72%, transparent 72%)
}

.power-74 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 74%, transparent 74%)
}

.power-74blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 74%, transparent 74%)
}

.power-75 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 75%, transparent 75%)
}

.power-75blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 75%, transparent 75%)
}

.power-76 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 76%, transparent 76%)
}

.power-77blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 77%, transparent 77%)
}

.power-78yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 78%, transparent 78%)
}

.power-78green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 78%, transparent 78%)
}

.power-78 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 78%, transparent 78%)
}

.power-80 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 80%, transparent 80%)
}

.power-80yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 80%, transparent 80%)
}

.power-81 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 81%, transparent 81%)
}

.power-82yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 82%, transparent 82%)
}

.power-83yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 83%, transparent 83%)
}

.power-84 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 84%, transparent 84%)
}

.power-86yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 86%, transparent 86%)
}

.power-88 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 88%, transparent 88%)
}

.power-89 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 89%, transparent 89%)
}

.power-89yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 89%, transparent 89%)
}

.power-90 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 90%, transparent 90%)
}

.power-90green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 90%, transparent 90%)
}

.power-90yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 90%, transparent 90%)
}

.power-93green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 93%, transparent 93%)
}

.power-94 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 94%, transparent 94%)
}

.power-94yellow {
	background: linear-gradient(to right, var(--yellow) 0%, var(--yellow) 94%, transparent 94%)
}

.power-95green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 95%, transparent 95%)
}

.power-96green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 96%, transparent 96%)
}

.power-96blue {
	background: linear-gradient(to right, var(--falcon-blue) 0%, var(--falcon-blue) 96%, transparent 96%)
}

.power-98green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 98%, transparent 98%)
}

.power-99green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 99%, transparent 99%)
}

.power-100 {
	background: linear-gradient(to right, var(--pink) 0%, var(--pink) 100%, transparent 100%)
}


.power-100green {
	background: linear-gradient(to right, var(--darkergreen) 0%, var(--darkergreen) 100%, transparent 100%)
}

.helmet {
	background-image: url("../images/helmets.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 60px;
	width: 60px
}

.player .helmet,
.top-nav .helmet {
	background-size: 867px 30px;
	height: 30px;
	width: 30px
}

.helmet-49ers {
	background-position: 0px 0
}

.helmet-bears {
	background-position: -62px 0
}

.helmet-bengals {
	background-position: -124px 0
}

.helmet-bills {
	background-position: -186px 0
}

.helmet-broncos {
	background-position: -248px 0
}

.helmet-browns {
	background-position: -310px 0
}

.helmet-buccaneers {
	background-position: -372px 0
}

.helmet-cardinals {
	background-position: -434px 0
}

.helmet-chargers {
	background-position: -496px 0
}

.helmet-chiefs {
	background-position: -558px 0
}

.helmet-colts {
	background-position: -620px 0
}

.helmet-cowboys {
	background-position: -682px 0
}

.helmet-dolphins {
	background-position: -744px 0
}

.helmet-eagles {
	background-position: -806px 0
}

.helmet-falcons {
	background-position: -868px 0
}

.helmet-giants {
	background-position: -930px 0
}

.helmet-jets {
	background-position: -992px 0
}

.helmet-lions {
	background-position: -1054px 0
}

.helmet-oilers {
	background-position: -1116px 0
}

.helmet-packers {
	background-position: -1178px 0
}

.helmet-patriots {
	background-position: -1240px 0
}

.helmet-raiders {
	background-position: -1302px 0
}

.helmet-rams {
	background-position: -1364px 0
}

.helmet-redskins {
	background-position: -1426px 0
}

.helmet-saints {
	background-position: -1488px 0
}

.helmet-seahawks {
	background-position: -1550px 0
}

.helmet-steelers {
	background-position: -1612px 0
}

.helmet-vikings {
	background-position: -1674px 0
}

.player .helmet-49ers,
.top-nav .helmet-49ers {
	background-position: 0px 0
}

.player .helmet-bears,
.top-nav .helmet-bears {
	background-position: -31px 0
}

.player .helmet-bengals,
.top-nav .helmet-bengals {
	background-position: -62px 0
}

.player .helmet-bills,
.top-nav .helmet-bills {
	background-position: -93px 0
}

.player .helmet-broncos,
.top-nav .helmet-broncos {
	background-position: -124px 0
}

.player .helmet-browns,
.top-nav .helmet-browns {
	background-position: -155px 0
}

.player .helmet-buccaneers,
.top-nav .helmet-buccaneers {
	background-position: -186px 0
}

.player .helmet-cardinals,
.top-nav .helmet-cardinals {
	background-position: -217px 0
}

.player .helmet-chargers,
.top-nav .helmet-chargers {
	background-position: -248px 0
}

.player .helmet-chiefs,
.top-nav .helmet-chiefs {
	background-position: -279px 0
}

.player .helmet-colts,
.top-nav .helmet-colts {
	background-position: -310px 0
}

.player .helmet-cowboys,
.top-nav .helmet-cowboys {
	background-position: -341px 0
}

.player .helmet-dolphins,
.top-nav .helmet-dolphins {
	background-position: -372px 0
}

.player .helmet-eagles,
.top-nav .helmet-eagles {
	background-position: -403px 0
}

.player .helmet-falcons,
.top-nav .helmet-falcons {
	background-position: -434px 0
}

.player .helmet-giants,
.top-nav .helmet-giants {
	background-position: -465px 0
}

.player .helmet-jets,
.top-nav .helmet-jets {
	background-position: -496px 0
}

.player .helmet-lions,
.top-nav .helmet-lions {
	background-position: -527px 0
}

.player .helmet-oilers,
.top-nav .helmet-oilers {
	background-position: -558px 0
}

.player .helmet-packers,
.top-nav .helmet-packers {
	background-position: -589px 0
}

.player .helmet-patriots,
.top-nav .helmet-patriots {
	background-position: -620px 0
}

.player .helmet-raiders,
.top-nav .helmet-raiders {
	background-position: -651px 0
}

.player .helmet-rams,
.top-nav .helmet-rams {
	background-position: -682px 0
}

.player .helmet-redskins,
.top-nav .helmet-redskins {
	background-position: -713px 0
}

.player .helmet-saints,
.top-nav .helmet-saints {
	background-position: -744px 0
}

.player .helmet-seahawks,
.top-nav .helmet-seahawks {
	background-position: -775px 0
}

.player .helmet-steelers,
.top-nav .helmet-steelers {
	background-position: -806px 0
}

.player .helmet-vikings,
.top-nav .helmet-vikings {
	background-position: -837px 0
}

.headshot {
	background-repeat: no-repeat;
	display: inline-block;
	height: 32px;
	width: 32px
}

.headshot-49ers {
	background-image: url("../images/players/49ers.png")
}

.headshot-bears {
	background-image: url("../images/players/bears.png")
}

.headshot-bengals {
	background-image: url("../images/players/bengals.png")
}

.headshot-bills {
	background-image: url("../images/players/bills.png")
}

.headshot-broncos {
	background-image: url("../images/players/broncos.png")
}

.headshot-browns {
	background-image: url("../images/players/browns.png")
}

.headshot-buccaneers {
	background-image: url("../images/players/buccaneers.png")
}

.headshot-cardinals {
	background-image: url("../images/players/cardinals.png")
}

.headshot-chargers {
	background-image: url("../images/players/chargers.png")
}

.headshot-chiefs {
	background-image: url("../images/players/chiefs.png")
}

.headshot-colts {
	background-image: url("../images/players/colts.png")
}

.headshot-cowboys {
	background-image: url("../images/players/cowboys.png")
}

.headshot-dolphins {
	background-image: url("../images/players/dolphins.png")
}

.headshot-eagles {
	background-image: url("../images/players/eagles.png")
}

.headshot-falcons {
	background-image: url("../images/players/falcons.png")
}

.headshot-giants {
	background-image: url("../images/players/giants.png")
}

.headshot-jets {
	background-image: url("../images/players/jets.png")
}

.headshot-lions {
	background-image: url("../images/players/lions.png")
}

.headshot-oilers {
	background-image: url("../images/players/oilers.png")
}

.headshot-packers {
	background-image: url("../images/players/packers.png")
}

.headshot-patriots {
	background-image: url("../images/players/patriots.png")
}

.headshot-raiders {
	background-image: url("../images/players/raiders.png")
}

.headshot-rams {
	background-image: url("../images/players/rams.png")
}

.headshot-redskins {
	background-image: url("../images/players/redskins.png")
}

.headshot-saints {
	background-image: url("../images/players/saints.png")
}

.headshot-seahawks {
	background-image: url("../images/players/seahawks.png")
}

.headshot-steelers {
	background-image: url("../images/players/steelers.png")
}

.headshot-vikings {
	background-image: url("../images/players/vikings.png")
}

.headshot-0 {
	background-position: 0px 0
}

.headshot-1 {
	background-position: -32px 0
}

.headshot-2 {
	background-position: -64px 0
}

.headshot-3 {
	background-position: -96px 0
}

.headshot-4 {
	background-position: -128px 0
}

.headshot-5 {
	background-position: -160px 0
}

.headshot-6 {
	background-position: -192px 0
}

.headshot-7 {
	background-position: -224px 0
}

.headshot-8 {
	background-position: -256px 0
}

.headshot-9 {
	background-position: -288px 0
}

.headshot-10 {
	background-position: -320px 0
}

.headshot-11 {
	background-position: -352px 0
}

.headshot-12 {
	background-position: -384px 0
}

.headshot-13 {
	background-position: -416px 0
}

.headshot-14 {
	background-position: -448px 0
}

.headshot-15 {
	background-position: -480px 0
}

.headshot-16 {
	background-position: -512px 0
}

.headshot-17 {
	background-position: -544px 0
}

.headshot-18 {
	background-position: -576px 0
}

.headshot-19 {
	background-position: -608px 0
}

.headshot-20 {
	background-position: -640px 0
}

.headshot-21 {
	background-position: -672px 0
}

.headshot-22 {
	background-position: -704px 0
}

.headshot-23 {
	background-position: -736px 0
}

.headshot-24 {
	background-position: -768px 0
}

.headshot-25 {
	background-position: -800px 0
}

.headshot-26 {
	background-position: -832px 0
}

.headshot-27 {
	background-position: -864px 0
}

.headshot-28 {
	background-position: -896px 0
}

.headshot-29 {
	background-position: -928px 0
}

.headshot-30 {
	background-position: -960px 0
}

.headshot-QB1 {
	background-position: 0px 0
}

.headshot-QB2 {
	background-position: -32px 0
}

.headshot-RB1 {
	background-position: -64px 0
}

.headshot-RB2 {
	background-position: -96px 0
}

.headshot-RB3 {
	background-position: -128px 0
}

.headshot-RB4 {
	background-position: -160px 0
}

.headshot-WR1 {
	background-position: -192px 0
}

.headshot-WR2 {
	background-position: -224px 0
}

.headshot-WR3 {
	background-position: -256px 0
}

.headshot-WR4 {
	background-position: -288px 0
}

.headshot-TE1 {
	background-position: -320px 0
}

.headshot-TE2 {
	background-position: -352px 0
}

.headshot-C {
	background-position: -384px 0
}

.headshot-LG {
	background-position: -416px 0
}

.headshot-RG {
	background-position: -448px 0
}

.headshot-LT {
	background-position: -480px 0
}

.headshot-RT {
	background-position: -512px 0
}

.headshot-RE {
	background-position: -544px 0
}

.headshot-NT {
	background-position: -576px 0
}

.headshot-LE {
	background-position: -608px 0
}

.headshot-ROLB {
	background-position: -640px 0
}

.headshot-RILB {
	background-position: -672px 0
}

.headshot-LILB {
	background-position: -704px 0
}

.headshot-LOLB {
	background-position: -736px 0
}

.headshot-RCB {
	background-position: -768px 0
}

.headshot-LCB {
	background-position: -800px 0
}

.headshot-FS {
	background-position: -832px 0
}

.headshot-SS {
	background-position: -864px 0
}

.headshot-K {
	background-position: -896px 0
}

.headshot-P {
	background-position: -928px 0
}

body.text {
	background: #FFF
}

body.text .text-column {
	color: #3a3a3a;
	margin: 120px auto;
	max-width: 700px;
	text-shadow: 0 1px 0 #fff
}

body.text .text-column img {
	border-radius: 4px
}

body.text .text-column a {
	color: #1863d6;
	font-weight: 700
}

body.text .text-column h1 {
	font: normal 36px/40px var(--tecmo);
	margin: 0 0 0.5rem 0;
	text-transform: uppercase
}

body.text .text-column h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	margin: 2em 0 0.5em 0
}

body.text .text-column h3 {
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 0.25em 0
}

body.text .text-column p {
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 1em 0
}

body.text .text-column p.caption {
	color: #626262;
	font-size: 14px;
	margin: -0.75em 0 1.5em 0
}

footer {
  width: 100vw;                 /* Force full viewport width */
  margin-left: calc(-50vw + 50%); /* Center it if body is centered, pulls to edges */
  background: var(--dark-bg);
  padding: 1rem 2rem 1.5rem !important;  /* Small padding, more at bottom */
  box-sizing: border-box;
}

footer .footer-lists {
	display: flex;
	flex-shrink: 0;
  background: var(--dark-bg);
  width: 100%;
  margin: 0;
  padding: 1rem 2rem 1.5rem 2rem;  /* Small padding, extra at bottom */
  text-align: center;
}

footer h6 {
	color: var(--default-text);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.025em;
	margin: 0 0 0.3rem 0;
	text-transform: uppercase;
	opacity: 0.8;
}

footer a {
  display: inline-block;
  color: var(--default-text);
  text-decoration: none;
  font-size: 0.9rem;
}

footer .team-list,
footer nav,
footer ul,
footer .credits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

footer .team-list>li {
	margin: 0 0 1em 0;
	text-align: center
}

footer .team-list>li ol li {
	text-align: center
}

footer .team-list>li ol li a {
	border-radius: 4px;
	color: var(--default-text);
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 1rem;
	text-decoration: none
}

footer .team-list>li ol li a span {
	display: block;
	margin: 0.5em 0 0 0
}

footer .team-list>li ol li a:hover {
	background: var(--pink)
}

footer .player-list {
	flex-basis: 20%
}

footer .player-list a {
	color: var(--default-text);
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin: 0 2em 0 0;
	padding: 1em 0;
	text-decoration: none
}

footer .player-list a:hover {
	color: var(--pink)
}

footer .credits {
	background: #000;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	color: var(--subdued-text);
	font-size: 16px;
	margin: 1rem -2rem -2rem -2rem;
	padding: 0.5rem 2rem;
	text-align: center
}

footer .credits a {
	color: var(--pink);
	font-weight: bold;
	text-decoration: none
}

/* New helmet icons */

.newhelmets-jaguars {
background-image: url("../images/helmetjaguars.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-titans{
background-image: url("../images/helmettitans.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-ravens{
background-image: url("../images/helmetravens.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-texans{
background-image: url("../images/helmettexans.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-panthers{
background-image: url("../images/helmetpanthers.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-patriots{
background-image: url("../images/helmetpatriots.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-bucs{
background-image: url("../images/helmetbucs.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-99falcon{
background-image: url("../images/machinefalcon.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-99stingray{
background-image: url("../images/machinestingray.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}
	
.newhelmets-99fox{
background-image: url("../images/machinefox.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-99goose{
background-image: url("../images/machinegoose.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-99skyway{
background-image: url("../images/skyway.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

.newhelmets-99worldtour{
background-image: url("../images/WorldTour.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 60px;
width: 60px
}

/* Small icons */
.newhelmets-jaguarsteam {
background-image: url("../images/helmetjaguars.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}


.newhelmets-titansteam {
background-image: url("../images/helmettitans.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}

.newhelmets-texansteam {
background-image: url("../images/helmettexans.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}

.newhelmets-panthersteam {
background-image: url("../images/helmetpanthers.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}

.newhelmets-ravensteam {
background-image: url("../images/helmetravens.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}

.newhelmets-patriotsteam {
background-image: url("../images/helmetpatriots.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}

.newhelmets-bucsteam {
background-image: url("../images/helmetbucs.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px;
}

.newhelmets-99falcon30{
background-image: url("../images/machinefalcon.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-99stingray30{
background-image: url("../images/machinestingray.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-99fox30{
background-image: url("../images/machinefox.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-99goose30{
background-image: url("../images/machinegoose.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

/* F-Zero 99 Course Icons */
.newhelmets-knight{
background-image: url("../images/knight.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-mirrorknight{
background-image: url("../images/mirrorknight.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-queen{
background-image: url("../images/queen.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-mirrorqueen{
background-image: url("../images/mirrorqueen.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-king{
background-image: url("../images/king.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-mirrorking{
background-image: url("../images/mirrorking.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-ace{
background-image: url("../images/ace.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-mirrorace{
background-image: url("../images/mirrorace.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-secret{
background-image: url("../images/secret.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-miniprix{
background-image: url("../images/miniprix.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-classicminiprix{
background-image: url("../images/classicminiprix.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-miniworldtour{
background-image: url("../images/miniworldtour.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-frozenworldtour{
background-image: url("../images/worldtour.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-frozenknight{
background-image: url("../images/frozenknight.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

.newhelmets-festival{
background-image: url("../images/festival.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 30px;
width: 30px
}

/*# sourceMappingURL=application.css.map */

/* HIDDEN CODE */
.hidden-section {
  visibility: hidden;
}

/* Completely hide Chargers - no space or gap left */
.hidden-team {
  display: none !important;
}

/* Ensure no float gap from hidden item */
.main-header nav ul li ol.team-list::after {
  content: "";
  display: table;
  clear: both;
}

/* Visual gap after Ace */
.dropdown-gap {
  height: 30px !important;        /* Adjust for desired space */
  width: 100% !important;
  float: left !important;
}

/* Hide entire group (heading + list) without affecting layout */
.hidden-group {
  display: none !important;
}

/* Default: Show only the long overall rating bar, hide the 5 abilities */
.player-abilities {
  display: none;  /* Hidden by default */
}

/* When body has .show-abilities class: hide the long bar, show the 5 bars */
body.show-abilities .player-rating,
body.show-abilities .player-overall-bar  /* adjust selector if needed */
{
  display: none;  /* Hide the single long bar */
}

body.show-abilities .player-abilities {
  display: flex;  /* Show the 5 bars */
}

/* Style the 5 bars to be exactly 20% each */
body.show-abilities .player-abilities {
  gap: 1%;                /* Small even spacing (optional) */
  margin-left: 1rem;
}

body.show-abilities .player-abilities > li {
  width: 19.8%;           /* 5 × 19.8% + 4 × 1% gap = ~100% (adjust gap if needed) */
  /* Or cleaner: use flex */
  flex: 1;                /* Best: each takes equal space automatically */
  margin: 0;
  background-color: rgba(255, 255, 255, 0.25);
  border: 3px solid #fff;
  color: #222;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 4px;
  text-align: center;
  box-sizing: border-box;
}

/* ALIGNMENT FIX */
/* Only apply equal 20% bars on pages with .equal-bars class */
body.equal-bars .player-abilities {
  display: flex !important;
  gap: 1%;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.equal-bars .player-abilities li {
  flex: 1 0 0;
  width: auto !important;
  margin: 0 !important;
  /* rest of your bar styling */
  background-color: rgba(255, 255, 255, 0.25);
  border: 3px solid #fff;
  color: #222;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 4px;
  text-align: center;
  box-sizing: border-box;
}


/* Force "Ranking" title over the 3rd bar */
.ranking-title {
  position: relative !important;
  left: 350% !important;        /* Big push to the right */
  transform: translateX(-50%) !important;  /* Centers it on the new position */
  display: inline-block !important;
  white-space: nowrap;
  font-weight: bold;
}

/* Optional: add dropdown arrow */
.ranking-title::after {
  content: " ▼";
  margin-left: 5px;
  font-size: 0.9em;
}

/* HEADER FIX */
/* Tighten the header container */
header {
  padding: 0 !important;        /* Remove the 10px top/bottom padding */
  margin: 0 0 1rem 0;           /* Optional: small bottom margin for breathing room */
  text-align: center;           /* Keep logo centered */
  background: none;             /* If there's any background adding space */
}

/* Tighten the image itself */
header img {
  display: block;
  margin: 0 auto;               /* Center it, remove any side margins */
  padding: 0;
  max-width: 100%;
  height: 100%;
  /* If the PNG has transparent space around the logo, crop it visually */
  /* Adjust these values to "crop" the empty space */
  /* Example: reduce top/bottom empty area */
  clip-path: inset(10% 0 15% 0); /* top right bottom left - tweak percentages */
}

/* Optional: reduce space below header */
#container,
section.io-container {
  margin-top: 0 !important;     /* Remove any top margin on main content */
  padding-top: 1rem !important; /* Small padding instead */
}

header img {
  clip-path: none !important;   /* Removes any cropping */
  max-height: none !important;
  object-fit: contain;          /* Keeps proportions */
}

header {
  padding: 1rem 0 !important;
  min-height: 20px !important;
  text-align: center;
}

/* Fix Pilots dropdown - fitted box, centered under tab, icons + names aligned left (original style) */
.main-header nav .nav-players > ol.player-list {
  width: 185px !important;              /* Smaller box - fitted for one column */
  padding: 1rem !important;              /* Tight padding - less extra space */
  left: auto !important;                 /* Reset left positioning */
  transform: none !important;            /* Remove centering override */
  right: auto !important;
}

/* Keep text inline with icon, no wrapping/pushing */
.main-header nav .nav-players > ol.player-list a {
  white-space: nowrap !important;       /* Prevents text wrapping */
  padding: .5rem 0 !important;
}

/* Icon left of text */
.main-header nav .nav-players > ol.player-list img,
.main-header nav .nav-players > ol.player-list i {
  margin-right: 8px !important;
  vertical-align: middle !important;
}

/* No-jump full pink hover in Pilots dropdown */
.main-header nav .nav-players > ol.player-list a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;  /* Left-aligned content */
  padding: 0.6rem 1rem !important;         /* Consistent padding always */
  width: 172% !important;
  box-sizing: border-box !important;
  position: relative !important;           /* Allows pseudo-element */
}

/* Full pink highlight using pseudo-element - no layout shift */
.main-header nav .nav-players > ol.player-list a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff6bce !important;
  border-radius: 4px !important;
  opacity: 0;
  pointer-events: none;
}

/* Fix dropdown alignment - icons left-aligned, text doesn't push */
.main-header nav ul li ul.team-list li a,
.main-header nav ul li ol.team-list li a {
  display: flex !important;
	flex-direction: row !important;        /* Icon left, text right */
	justify-content: flex-start !important; /* Left-align content */
	text-align: left !important;
  align-items: center !important;
  padding: 0.3rem 1rem !important;
  text-decoration: none !important;
  /* white-space: nowrap !important; */
}

/* Fixed width for icon column - perfect alignment */
.main-header nav ul li ul.team-list i,
.main-header nav ul li ol.team-list i {
  width: 50px !important;               /* Fixed icon column width */
  height: 50px !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;            /* Prevents shrinking */
  text-align: center;
}

/* Text takes remaining space */
.main-header nav ul li ul.team-list span,
.main-header nav ul li ol.team-list span {
  font-size: 01.10rem !important;
}