@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;900&display=swap);@font-face{font-family:VCR OSD Mono;src:url(../fonts/VCROSDMono.c4f37d34.woff2) format("woff2"),url(../fonts/VCROSDMono.2acb0585.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:50%}@media only screen and (min-width:50em){html{font-size:62.5%}}body{font-family:Nunito,sans-serif;font-weight:400;line-height:1.33;color:#6a6a6a;background-image:linear-gradient(135deg,rgba(214,28,61,.15),rgba(214,28,61,.3));min-height:100vh}@-webkit-keyframes flashing{50%{opacity:0}}@keyframes flashing{50%{opacity:0}}body{padding:4rem;display:flex;align-items:center;justify-content:center}#app,body{width:100%;height:100%}.container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content;grid-gap:1rem;justify-content:space-between;width:100%;max-width:90rem;height:calc(100vh - 8rem);max-height:600px;margin:auto;background:#d61c3d;border-radius:1rem;box-shadow:0 .5rem 0 0 #a91630,0 .5rem 2rem 0 rgba(0,0,0,.3);padding:2.5rem}@media only screen and (min-width:62.5em){.container{width:90rem}}@media only screen and (min-width:37.5em){.container{grid-gap:3rem;grid-template-columns:65% 1fr;grid-template-rows:1fr}}.main-screen,.sub-screen{background-color:#f2f0e2;border-radius:.5rem;padding:2rem;font-family:VCR OSD Mono,Monaco,monospace;color:#1a1a1a;overflow:auto;max-height:calc(600px - 5rem)}.main-screen .main-screen__title,.main-screen .stats .title,.sub-screen .main-screen__title,.sub-screen .stats .title{font-size:3rem;font-weight:400;text-transform:capitalize}.main-screen .main-screen__list,.sub-screen .main-screen__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));list-style:none;font-size:1.8rem;margin-bottom:2rem}.main-screen .main-screen__list .main-screen__list-item,.sub-screen .main-screen__list .main-screen__list-item{margin:.5rem 1.5%;padding:.5rem;border-bottom:2px dotted #e2debf;transition:all .1s ease-in;text-transform:capitalize}.main-screen .main-screen__list .main-screen__list-item:hover,.sub-screen .main-screen__list .main-screen__list-item:hover{border-bottom:2px dotted #51ab00;cursor:pointer;color:#51ab00}.main-screen .main-screen__list .main-screen__list-item.selected,.sub-screen .main-screen__list .main-screen__list-item.selected{border-bottom:2px dotted #17a5d0;color:#17a5d0}.main-screen .main-screen__list .main-screen__list-item-prefix,.sub-screen .main-screen__list .main-screen__list-item-prefix{font-size:1.5rem}.main-screen .main-screen__controls,.sub-screen .main-screen__controls{display:flex;flex-wrap:wrap;align-items:center;margin:1rem 0;padding:1rem 0;position:-webkit-sticky;position:sticky;top:-2rem;background:#f2f0e2}.main-screen .main-screen__controls .main-screen__button,.sub-screen .main-screen__controls .main-screen__button{border:none;background:none;font-family:inherit;font-size:1.4rem;margin-right:1rem;padding:1rem;transition:all .1s ease-in;border:2px dotted #e2debf;-webkit-appearance:none;-moz-appearance:none}.main-screen .main-screen__controls .main-screen__button:active,.main-screen .main-screen__controls .main-screen__button:focus,.main-screen .main-screen__controls .main-screen__button:hover,.sub-screen .main-screen__controls .main-screen__button:active,.sub-screen .main-screen__controls .main-screen__button:focus,.sub-screen .main-screen__controls .main-screen__button:hover{cursor:pointer;outline:none;color:#51ab00;border:2px dotted #51ab00}.main-screen .main-screen__controls .main-screen__button.selected,.sub-screen .main-screen__controls .main-screen__button.selected{color:#17a5d0;border:2px dotted #17a5d0}.main-screen .main-screen__controls .main-screen__button:disabled,.sub-screen .main-screen__controls .main-screen__button:disabled{pointer-events:none}.main-screen .main-screen__controls .main-screen__index,.sub-screen .main-screen__controls .main-screen__index{display:none}@media only screen and (min-width:37.5em){.main-screen .main-screen__controls .main-screen__index,.sub-screen .main-screen__controls .main-screen__index{display:block;margin-left:auto;font-size:1.2rem}}.main-screen .stats,.sub-screen .stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;height:100%;align-items:start}@media only screen and (min-width:62.5em){.main-screen .stats,.sub-screen .stats{grid-template-columns:repeat(4,1fr)}}.main-screen .stats .title,.sub-screen .stats .title{grid-column:span 2}@media only screen and (min-width:62.5em){.main-screen .stats .title,.sub-screen .stats .title{grid-column:span 4}}.main-screen .stats .stats-image,.sub-screen .stats .stats-image{grid-column:span 1}.main-screen .stats .stats-image img,.sub-screen .stats .stats-image img{width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);mix-blend-mode:multiply;border:2px dotted #e2debf}.main-screen .stats .stats-overall,.sub-screen .stats .stats-overall{grid-column:span 2;font-size:2rem;display:flex;flex-wrap:wrap;align-content:start}.main-screen .stats .stats-overall>div,.sub-screen .stats .stats-overall>div{margin-bottom:1rem}.main-screen .stats .stats-overall .stats-prefix,.sub-screen .stats .stats-overall .stats-prefix{text-transform:uppercase;display:block;font-size:1.6rem}.main-screen .stats .stats-overall .stats-entry,.sub-screen .stats .stats-overall .stats-entry{flex:0 0 50%}.main-screen .stats .stats-overall .stats-type div,.sub-screen .stats .stats-overall .stats-type div{display:inline-block;text-transform:capitalize;margin-right:1rem}.main-screen .stats .stats-base,.sub-screen .stats .stats-base{grid-column:span 2;font-size:1.6rem;text-transform:capitalize;list-style:none;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:.75rem 2rem}@media only screen and (min-width:62.5em){.main-screen .stats .stats-base,.sub-screen .stats .stats-base{grid-column:span 4;grid-template-columns:repeat(2,1fr)}}.main-screen .stats .stats-base li,.sub-screen .stats .stats-base li{border-bottom:2px dotted #e2debf;display:inline-block;padding-bottom:.75rem}.main-screen .stats .stats-controls,.sub-screen .stats .stats-controls{grid-column:span 2;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem 2rem;padding-bottom:2rem}@media only screen and (min-width:62.5em){.main-screen .stats .stats-controls,.sub-screen .stats .stats-controls{grid-column:span 4;grid-template-columns:repeat(2,1fr);grid-gap:0 2rem}}.main-screen .stats .stats-controls .stats-controls__button,.sub-screen .stats .stats-controls .stats-controls__button{display:flex;font-family:inherit;text-align:left;line-height:1.5;align-items:center;margin:0;padding:0;background:none;border:2px dotted #e2debf;-webkit-appearance:none;-moz-appearance:none;transition:all .2s ease-in}.main-screen .stats .stats-controls .stats-controls__button:hover,.sub-screen .stats .stats-controls .stats-controls__button:hover{cursor:pointer;color:#51ab00;border:2px dotted #51ab00}.main-screen .stats .stats-controls .stats-controls__button:focus,.sub-screen .stats .stats-controls .stats-controls__button:focus{outline:none;color:inherit!important;border:2px dotted #e2debf}.main-screen .stats .stats-controls .stats-controls__button.selected,.sub-screen .stats .stats-controls .stats-controls__button.selected{color:#17a5d0;border:2px dotted #17a5d0}.main-screen .stats .stats-controls .stats-controls__image,.sub-screen .stats .stats-controls .stats-controls__image{-webkit-filter:grayscale(100%);filter:grayscale(100%);mix-blend-mode:multiply}.main-screen .stats .stats-controls .stats-controls__navigation,.sub-screen .stats .stats-controls .stats-controls__navigation{display:block;font-size:1.4rem}.main-screen .stats .stats-controls .stats-controls__title,.sub-screen .stats .stats-controls .stats-controls__title{font-size:1.6rem}.sidebar{display:flex;flex-direction:column;max-height:calc(600px - 5rem)}.sub-screen{display:none;height:20rem;font-size:1.4rem}@media only screen and (min-width:50em) and (min-height:37.5em){.sub-screen{display:block}}.status-bar{display:flex;align-items:center;list-style:none;padding:1rem;margin-bottom:1rem}.status-bar .status-bar__item{flex:0 0 50%;display:flex;flex-direction:column;align-items:center}.status-bar .status-bar__light{display:block;margin:1rem;width:9px;height:9px;border-radius:100%;background-color:#000}.status-bar .status-bar__light.status-bar__light--green{background-color:#51ab00}.status-bar .status-bar__light.status-bar__light--green.active{box-shadow:0 0 10px 5px rgba(161,255,130,.5);-webkit-animation:flashing .33s linear infinite;animation:flashing .33s linear infinite}.status-bar .status-bar__light.status-bar__light--red{background-color:#7c1023}.status-bar .status-bar__light.status-bar__light--red.active{background-color:#e95670;box-shadow:0 0 10px 5px rgba(97,4,30,.3);-webkit-animation:flashing .33s linear infinite;animation:flashing .33s linear infinite}.status-bar .status-bar__title{font-size:1.5rem;text-transform:uppercase;font-weight:700;color:#730f21}.controls{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-top:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.controls [class^=controls]{display:flex;align-items:center;justify-content:center;border:none;background:grey;color:#fff;font-size:1.75rem;text-transform:uppercase;font-weight:700;padding:1.25rem;border-radius:5px;letter-spacing:2.5px;text-shadow:0 1px 0 rgba(0,0,0,.3);transition:all .15s ease-in;-webkit-appearance:none;-moz-appearance:none}.controls [class^=controls]:active,.controls [class^=controls]:focus{outline:none}.controls .controls__down,.controls .controls__up{background-color:#17a5d0;box-shadow:0 4px 0 #0d5c74}.controls .controls__down.selected,.controls .controls__up.selected{transform:translateY(-4px);box-shadow:0 8px 0 #0d5c74;cursor:pointer}.controls .controls__down:active,.controls .controls__up:active{transform:translateY(4px);box-shadow:0 0 0 #0d5c74}.controls .controls__enter{background-color:#51ab00;box-shadow:0 4px 0 #214500}.controls .controls__enter.selected{transform:translateY(-4px);box-shadow:0 8px 0 #214500;cursor:pointer}.controls .controls__enter:active{transform:translateY(4px);box-shadow:0 0 0 #214500}.controls .controls__return{background-color:#6a6a6a;box-shadow:0 4px 0 #373737}.controls .controls__return.selected{transform:translateY(-4px);box-shadow:0 8px 0 #373737;cursor:pointer}.controls .controls__return:active{transform:translateY(4px);box-shadow:0 0 0 #373737}