@font-face{font-family:Ailerons;src:url("/font/Ailerons.otf") format("opentype")}*{box-sizing:border-box}body{margin:0;font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;background-color:hsl(0,0%,96%)}@media screen and (min-width:320px){body{font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (768 - 320)))}}@media screen and (min-width:768px){body{font-size:16px}}input,textarea,button{margin:0.15em;font-size:0.75em}input[disabled],textarea[disabled],button[disabled]{opacity:0.5;box-shadow:none;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{padding:0.75em;border:1px solid hsl(0,0%,75%);border-radius:3px;box-shadow:1px 1px 4px hsl(0,0%,90%)}input[type="number"],input.numeric{text-align:end}button{padding:0.5em 1.5em;color:white;background-color:hsl(355,77%,22%);border:0;border-radius:2px;box-shadow:0 2px 2px hsla(0,0%,0%,0.14),0 3px 1px -2px hsla(0,0%,0%,0.12),0 1px 5px hsla(0,0%,0%,0.1)}button:active{background-color:hsl(355,77%,14%);box-shadow:none}select{font-size:1em}details>summary,details>summary *{list-style:none;outline:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}details>summary::-webkit-details-marker{display:none}section{margin:1em 0.5em}main>header{position:fixed;top:0;right:0;left:0;z-index:128;display:flex;align-items:center;height:4em;color:white;background-image:linear-gradient(to bottom,hsl(4,87%,31%),hsl(4,85%,23%));box-shadow:0 2px 2px hsla(0,0%,0%,0.14),0 3px 1px -2px hsla(0,0%,0%,0.12),0 1px 5px hsla(0,0%,0%,0.1)}main>header>time{position:absolute;right:0;left:0;text-align:center;font-size:1.5em}main>header>.logo{display:none;width:4em;margin-left:1em}@media screen and (min-width:768px){main>header>.logo{display:block}}main>header>.info{display:flex;flex-direction:column;justify-content:center;flex-grow:1;height:100%;padding:0 1em;font-style:italic;background:inherit}main>header>button{position:absolute;top:1.5em;right:1.5em;height:2em;margin:0;padding:0;background:none;border:none;outline:none;box-shadow:none}@media screen and (min-width:768px){main>header>button{display:none}}main>header>button:active{background:none}main>header>button>span{display:block;position:relative;transition-delay:200ms}main>header>button>span,main>header>button>span::before,main>header>button>span::after{width:23px;height:3px;border-radius:1.5px;background-color:white}main>header>button>span::before,main>header>button>span::after{position:absolute;right:0;left:0;content:"";transition:transform 200ms,top 200ms 400ms}main>header>button>span::before{top:-7px}main>header>button>span::after{top:7px}main>header.open>button>span{background-color:transparent}main>header.open>button>span::before,main>header.open>button>span::after{top:0;transition:transform 200ms 400ms,top 200ms}main>header.open>button>span::before{transform:rotateZ(45deg)}main>header.open>button>span::after{transform:rotateZ(-45deg)}main>header>nav{display:flex;justify-content:center;position:absolute;top:4em;right:0;left:0;z-index:-1;width:100%;height:100%;padding:0 1em;background:inherit;box-shadow:inherit;transform:translateY(-4em);transition:transform 400ms}@media screen and (min-width:768px){main>header>nav{justify-content:flex-end;position:static;z-index:auto;width:auto;background:none;box-shadow:none;transform:translateY(0)}}main>header.open>nav{transform:translateY(0)}main>header>nav>a{display:flex;align-items:center;position:relative;margin:0 0.5em;padding:0 0.5em;color:white;text-decoration:none;cursor:pointer}main>header>nav>a.selected::after{position:absolute;right:0;bottom:0;left:0;height:0.5em;background-color:lightgrey;content:""}main>article{max-width:1024px;margin:0 auto;padding:4em 2em 2em}main>article>section>select{margin-bottom:0.5em}main.login{min-height:100vh}@media screen and (min-width:768px){main.login{display:flex;align-content:center}}main.login>*{display:flex;justify-content:center;align-items:center}@media screen and (min-width:768px){main.login>*{width:50%}}main.login>.logo{max-height:10vh;background-color:hsl(355,77%,22%);box-shadow:0 2px 2px hsla(0,0%,0%,0.14),0 3px 1px -2px hsla(0,0%,0%,0.12),0 1px 5px hsla(0,0%,0%,0.1)}@media screen and (min-width:768px){main.login>.logo{max-height:initial;box-shadow:2px 0 2px hsla(0,0%,0%,0.14),3px 0 1px -2px hsla(0,0%,0%,0.12),1px 0 5px hsla(0,0%,0%,0.1)}}main.login>.logo>img{width:100%;max-width:10vh}@media screen and (min-width:768px){main.login>.logo>img{max-width:50%}}main.login>.select{flex-direction:column;padding:2em 0}@media screen and (min-width:768px){main.login>.select{align-items:flex-start;padding-right:4em;padding-left:4em}}main.login>.select>h1{font-family:Ailerons;font-weight:lighter}main.login>.select label{display:block;text-align:start}main.login>.select label + label{margin-top:1em}main.login>.select label>select{display:block;width:100%}section.info>header{display:flex;align-items:center}section.info>header>.cash{width:100%;text-align:end}section.help{padding:0.5em 1em;background-color:white}section.help>img{display:block;width:40%;margin:2em auto}@media screen and (min-width:768px){section.help>img{width:25%}}section.help>h1{font-size:2em;text-align:center}article>button{display:block;margin:2em auto}main.login>.select>.join{min-width:15em}main.login>.select>.join>button{display:block;margin:2em 0 0 auto}