* {
	margin: 0;
	padding: 0;
	font-family: 'Rowdies', cursive;
}
html {
	overflow: hidden;
}
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	background-color: #5f7739;
	cursor:url(../img/interface/cursor-default.png) 4 0, default;
	height: 100%;
}
:root {
	--brown0 : #9e5c33;
	--brown1 : #985228;
	--brown2 : #7d4320;
	--brown3 : #613011;
	--brown5 : #663619;
	--black  : #3a322b;
	--white  : #ffe5c1;
	--beige  : #ddac53;
	--beige1 : #eecc9b;
	--yellow0 : #efd561;
	--yellow1 : #dec035;
	--orange0 : #e28235;
	--orange1 : #ce5a28;
	--orange2 : #af3a0d;
	--red2   : #882316;
	--gold0  : #ddab52;
}
@font-face {
  font-family: 'Rowdies';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/_ptRMTieMYPNBAK219hth1Ob4KDNu.woff2) format('woff2'), url(../font/ptRMTieMYPNBAK219hth1Ob4LiFtpe4OZA.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Rowdies';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/_ptRMTieMYPNBAK219hth1Of4KDNu.woff2) format('woff2'), url(../font/ptRMTieMYPNBAK219hth1Of4LiFtpe4OZA.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rowdies';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../font/_ptRMTieMYPNBAK219hth1On4KA.woff2) format('woff2'), url(../font/ptRMTieMYPNBAK219hth1On4LiFtpe4.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rowdies';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/_ptRJTieMYPNBAK21_r9DwdbZ.woff2) format('woff2'), url(../font/ptRJTieMYPNBAK21_r9Dx8TaJQtXrA.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Rowdies';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/_ptRJTieMYPNBAK21_r5DwdbZ.woff2) format('woff2'), url(../font/ptRJTieMYPNBAK21_r5Dx8TaJQtXrA.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rowdies';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/_ptRJTieMYPNBAK21_rBDwQ.woff2) format('woff2'), url(../font/ptRJTieMYPNBAK21_rBDx8TaJQs.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
option {
	font-size:12px;
}
select::-ms-expand {
	display: none;
}
select:focus {
	background:none;
	outline: none;
}
input {
	outline: none;
}
::-webkit-input-placeholder, ::-moz-placeholder {
	color: var(--black);
}
 #youtube  { display: none; }
#youtube {
	background-image: url(../img/youtube.png);
	background-color: #ea240a;
	box-shadow: inset 0 -5px 0 #7f282b;
}
#youtube:hover {
	box-shadow: inset 0 -5px 0 #d0311c;
	background-color: #ff3a20;
}
#youtube:active {
	box-shadow: inset 0 5px 0 #922801;
	background-color:var(--red2);
	background-position: center 10px;
}
#featured-video {
	display: inline-block;
	background-color: var(--black);
	border: 4px solid var(--black);
	border-radius: 10px;
	margin-top: 10px;
	padding: 0 5px 5px 5px;
	color: #ffe6c2;
	width: 150px;
	position: relative;
}
#featured-video {
	margin-bottom: 10px;
	height: 111px;
}
#featured-video h4 { margin: 2px 0 11px 0; }
#featured-video img { width: 100%; height: auto; border-radius:7px; margin-top:-7px; }
.input {
	margin-top:-7px;
	width: 100%;
	text-align: center;
	height: 47px;
	font-size: 25px;
	background-color: #ffe6c2;
	border: 6px solid var(--black);
	box-shadow: inset 0 8px 0 #e0c6a0;
	color: var(--black);
	border-radius:10px;
	cursor:url(../img/interface/cursor-text.png) 16 16, text;
}
.popup-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.popup-box {
	background-color: var(--brown0);
	border-radius: 13px;
	border: 6px solid var(--black);
	padding: 30px 50px;
	color: var(--white);
}
h1.button-quit {
	position: absolute;
	z-index: 3;
	top: -6px;
	right: -6px;
	width: 45px;
	height: 45px;
	background-color: var(--gold0);
	border: 6px solid var(--black);
	border-radius: 0 10px 0 10px;
	background-size: 100%;
	text-align: center;
	cursor: url(../img/interface/cursor-pointer.png) 16 0, pointer;
}
h1.button-quit:hover {
	background-color: #f7c263;
}
h1.button-quit:active {
	background-color: #d8a03b;
}
.above {
	position: absolute;
	top: 0px;
	left: 0px;
}
.container-box {
	display: inline-block;
	height: 400px;
	width:100%;
	overflow-y: scroll;
	-ms-overflow-style: none;
	user-select: text;
}
.container-box::-webkit-scrollbar,
.container-box::-webkit-scrollbar-thumb {
	background: #663619;
	border-radius: 10px;
}
.container-box::-webkit-scrollbar{
	background: #7d4320;
}
.ranking-box {
	display: flex;
	text-align: center;
	border-radius: 5px;
	padding: 5px 0px;
	margin: 5px;
}
.ranking-box:hover {
	background: #7c4320;
}
.ranking-box:active {
	background:var(--brown5);
}
.shadowed {
	text-shadow: rgb(58, 50, 44) 4px 0px 0px, rgb(58, 50, 44) 3.87565px 0.989616px 0px, rgb(58, 50, 44) 3.51033px 1.9177px 0px, rgb(58, 50, 44) 2.92676px 2.72656px 0px, rgb(58, 50, 44) 2.16121px 3.36588px 0px, rgb(58, 50, 44) 1.26129px 3.79594px 0px, rgb(58, 50, 44) 0.282949px 3.98998px 0px, rgb(58, 50, 44) -0.712984px 3.93594px 0px, rgb(58, 50, 44) -1.66459px 3.63719px 0px, rgb(58, 50, 44) -2.51269px 3.11229px 0px, rgb(58, 50, 44) -3.20457px 2.39389px 0px, rgb(58, 50, 44) -3.69721px 1.52664px 0px, rgb(58, 50, 44) -3.95997px 0.56448px 0px, rgb(58, 50, 44) -3.97652px -0.432781px 0px, rgb(58, 50, 44) -3.74583px -1.40313px 0px, rgb(58, 50, 44) -3.28224px -2.28625px 0px, rgb(58, 50, 44) -2.61457px -3.02721px 0px, rgb(58, 50, 44) -1.78435px -3.57996px 0px, rgb(58, 50, 44) -0.843183px -3.91012px 0px, rgb(58, 50, 44) 0.150409px -3.99717px 0px, rgb(58, 50, 44) 1.13465px -3.8357px 0px, rgb(58, 50, 44) 2.04834px -3.43574px 0px, rgb(58, 50, 44) 2.83468px -2.82216px 0px, rgb(58, 50, 44) 3.44477px -2.03312px 0px, rgb(58, 50, 44) 3.84068px -1.11766px 0px, rgb(58, 50, 44) 3.9978px -0.132717px 0px;
}
#leaderboard-search {
	display: flex;
	align-items: center;
	width: 470px;
	height: 48px;
	margin: -4px 0 10px 176px;
}
#search-button {
	height: 30px;
	margin-left: 8px;
	padding: 0 5px;
	border-radius: 8px;
	border-width: 5px;
}
a {
	text-decoration: none;
	color: var(--beige);
}
button, a { cursor: url(../img/interface/cursor-pointer.png) 16 0, pointer; }
p { color: var(--white); }
h1, h2 { font-weight: 400; }
h4 { font-weight: 100; }
textarea { outline: none; }
select {
	cursor: url(../img/interface/cursor-pointer.png) 16 0, pointer;
}
.pop-title {
	left: -34px;
	position: absolute;
	top: 13px;
	background: var(--beige);
	border-radius: 10px 10px 10px 0;
	border: 5px solid var(--black);
	line-height: 30px;
	padding: 10px 15px;
}
.pop-title::after {
	position: absolute;
	bottom: -34px;
	left: -5px;
	border-top: 30px solid var(--black);
	border-left: 30px solid transparent;
	content: "";
}
.background-popupbox {
	background: var(--brown2);
	border-radius: 8px;
	padding: 5px;
}
.scrollbar0::-webkit-scrollbar {
	background: #7d4320;
	border-radius: 10px;
	width: 8px;
}
.scrollbar0::-webkit-scrollbar-thumb {
	background: #613011;
	border-radius: 10px;
}
.button-homepage {
	cursor:url(../img/interface/cursor-pointer.png) 16 0, pointer;
	color: var(--white);
	padding: 0 5px;
	background-color: var(--black);
	text-align: center;
	border-radius: 12px;
	border: 6px solid var(--black);
	box-shadow: inset 0 -5px 0 #23221f;
	width: 29px;
	height: 40px;
}
.button-homepage:hover {
	background-color: #58534a;
	box-shadow: inset 0 -5px 0 #3d3b2f;
}
.button-homepage:active {
	background-color: #23221f;
	box-shadow: inset 0 5px 0 #433b31;
	padding-top: 6px;
	height: 34px;
}
.button-homepage img {
	width: 100%;
	cursor:url(../img/interface/cursor-pointer.png) 16 0, pointer;
}
.button0{
	cursor: url(../img/interface/cursor-pointer.png) 16 0, pointer;
	user-select: none;
	text-align: center;
	padding: 7px 10px 13px 10px;
	border: solid var(--black);
}
.button0 {
	border-width: 4px;
	border-radius: 6px;
}
.yellow-button {
	background: var(--yellow1);
	box-shadow: inset 0 -5px 0 var(--orange0);
}
.yellow-button:hover {
	background: var(--yellow0);
	box-shadow: inset 0 -5px 0 var(--orange0);
}
.yellow-button:active {
	background: var(--orange1);
	box-shadow: inset 0 5px 0 var(--orange2);
}
li.before::before {
	content: "";
     display: block;
     position: absolute;
	width: 50px;
	height: 50px;
	background-size: 100%;
	top: -10px;
	left: -65px;
}
.settings-label {
	flex: 1;
	min-width: 0;
	margin-right: 12px;
	line-height: 19px;
}
#leaderboard {
	z-index: 25;
	left: calc(50% - 394px);
	top: calc(50% - 299px);
	transform: scale(0);
	display:none;
	padding:30px 60px 20px 60px;
	width: 656px;
}
#leaderboard-periods {
	display: flex;
	align-items: flex-end;
	width: 630px;
	height: 52px;
	margin-left: 16px;
}
#leaderboard-title {
	flex-shrink: 0;
	margin: 0 8px 4px 8px;
	font-size: 22px;
	line-height: 36px;
	color: var(--white);
	white-space: nowrap;
}
.ldb-chip {
	display: flex;
	align-items: center;
	height: 24px;
	padding: 2px 9px 2px 5px;
	border-radius: 8px;
	background: var(--brown3);
	color: var(--beige1);
	font-size: 15px;
	user-select: none;
	transition: 100ms;
	cursor:url(../img/interface/cursor-pointer.png) 16 0, pointer;
}
.ldb-chip img {
	width: 22px;
	height: 22px;
	margin-right: 4px;
}
.ldb-chip:hover {
	background: var(--brown1);
	color: var(--white);
}
.ldb-chip-selected, .ldb-chip-selected:hover {
	background: var(--brown5);
	color: var(--white);
	box-shadow: inset 0 0 0 2px var(--beige);
}
#main-leaderboard {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	width: 630px;
	height: 375px;
	margin-left: 16px;
	padding: 6px 5px;
}
#leaderboard-header, #leaderboard-header:hover {
	margin: 0 5px 2px 5px;
	padding: 4px 0;
	background-color: var(--brown5);
	box-shadow: none;
	font-size: 15px;
	color: var(--beige1);
	user-select: none;
}
.ldb-cell {
	height: 22px;
	line-height: 22px;
	padding: 0 6px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ldb-rank { width: 64px; }
.ldb-badge-title { width: 54px; padding: 0; }
.ldb-badge {
	width: 28px;
	height: auto;
	margin: -3px 10px -3px 6px;
}
.ldb-name {
	flex: 1;
	min-width: 0;
	padding-left: 8px;
	text-align: left;
}
.ldb-score {
	width: 150px;
	padding-right: 16px;
	text-align: right;
	font-variant-numeric: tabular-nums;
}
#leaderboard-ranking {
	display: block;
	flex: 1 1 0;
	min-height: 0;
	height: auto;
}
#leaderboard-ranking .ranking-box {
	padding: 2px 0;
	margin: 2px 5px;
}
.ldb-row {
	position: relative;
	align-items: center;
}
.ldb-empty {
	padding: 40px 10px;
	text-align: center;
	font-size: 18px;
}
.challenge { display: flex; flex: 1 0 auto; }
.challenge, .challenge div {
	background-repeat: no-repeat;
	height: 84px;
	margin: 5px 0;
	position: relative;
}
.challenge div { margin-left: -10px; }
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }