body {
	max-width: 480px;
	min-width: 270px;
	height: 100%;
	background: #222;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #ddd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    position: fixed;
}
.guide {
	max-width: 640px;
	font-size: 14px;
	user-select: auto;
}
a {
	color: inherit;
}
h1 {
	font-size: 14px;
	font-weight: 700;
}
.wrapper {
	display: flex;
}
.column {
	flex: 50%;
}
.header h1 {
	display: inline-block;
	margin-right: 8px;
}
.header span {
	display: inline-block;
}
.row img {
	width: 24px;
	margin-right: 2px;
}
.row select {
	background: inherit;
	font-size: inherit;
	color: inherit;
	height: 24px;
	vertical-align: top;
}
.row.complete {
	opacity: .4;
	pointer-events: none;
	background: #060;
}
.row.complete img {
	pointer-events: auto;
}
.row .chosen-container {
	vertical-align: top;
}

.row .chosen-container .chosen-drop {
	width: 214px;
}

.row .chosen-container-single .chosen-single {
	border-radius: 0px;
	background: inherit;
	font-size: inherit;
	color: inherit;
	padding: 0 0 0 4px;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.row .chosen-container-single .chosen-single div {
	display: none;
}
.row .chosen-container-single .chosen-single span {
	text-overflow: clip;
	margin-right: inherit;
}
.row .chosen-container .chosen-results {
	overflow: hidden;
}

.row .chosen-container .chosen-results li.active-result, .row .chosen-container .chosen-results li.disabled-result {
	word-wrap: normal;
	width: 68px;
	display: inline-block;
}
.switches {
	display: inline-block;
}
.star-switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	width: 16px;
	height: 16px;
	padding: 4px;
	margin: 0;
	z-index: 1;
}
.star-switch.finished::before {
	opacity: 1;
}
.star-switch::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	z-index: -1;
	background-size: cover;
}
.star-switch.loose::before {
	background-image: url(../img/star.png);
}
.star-switch.box::before {
	background-image: url(../img/box.png);
}
.star-switch.other::before {
	background-image: url(../img/other.png);
}
.star-switch.loose.off::before {
	background: none;
}
.star-switch.box.off::before {
	background: none;
}
.star-switch.other.off::before {
	background: none;
}
.coin-switch {
	display: inline-block;
}
.coin-switch input {
	display: none;
}
.coin-switch input + label {
	display: block;
	opacity: 0.3;
	width: 16px;
	height: 16px;
	padding: 4px;
}
.coin-switch input:checked + label {
	opacity: 1.0;
}
.coin-switch .coin-marker {
	width: 100%;
	height: 100%;
	background: url(../img/yellowcoin.png);
	background-size: cover;
	margin: 0;
}
.coin-switch .redcoin-marker {
	width: 100%;
	height: 100%;
	background: url(../img/redcoin.png);
	background-size: cover;
	margin: 0;
}
.coin-switch .coin-marker.off {
	background: none;
}
.coin-switch .redcoin-marker.off {
	background: none;
}
.lobby-switch {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	margin: 0 2px;
}
.lobby-switch.off {
	opacity: 0.3;
}
.lobby-switch.mips {
	background: url(../img/mips.png);
	background-size: cover;
}
.lobby-switch.toad {
	background: url(../img/toad.png);
	background-size: cover;
}
.looprow img {
	width: 24px;
	margin-right: 2px;
}
.looprow img.complete {
	opacity: .2;
}
footer {
	position: fixed;
	left: 8;
	bottom: 0;
	width: 100%;
}