html{box-sizing:border-box;font-size:10px}*,:after,:before{box-sizing:inherit;position:relative}:focus{outline:none}body,html{height:100%;min-height:100%;padding:0;margin:0;overflow:auto}p{margin:0 0 2rem;line-height:1.5}p:last-of-type,ul{margin:0}ul{padding:0;list-style:none}img{height:auto}button{-webkit-appearance:none;border:none;background:none;margin:0;padding:0}a,button{cursor:pointer}@font-face{font-family:Futura;src:url(/static/media/FuturaPTBold.f3483f64.otf);font-weight:700}form{padding:20px}form>div{margin-top:4rem}form span{display:inline-block}input[type=date],input[type=email],input[type=password],input[type=text],input[type=time],textarea{border:0;border-bottom:2px solid #fff;border-radius:0;background:transparent;color:#fff;font-size:4rem;font-weight:700;padding:6px 0;min-height:32px;font-family:Futura,sans-serif;width:100%}input[type=date]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0}input[type=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,textarea::-moz-placeholder{opacity:0}input[type=date]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:0}input[type=date]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,textarea::placeholder{opacity:0}input[type=date]+label,input[type=email]+label,input[type=password]+label,input[type=text]+label,input[type=time]+label,textarea+label{position:absolute;left:0;top:0;font-size:4rem;-webkit-transform:none;transform:none;color:#7d7d7f;pointer-events:none;font-weight:700}input[type=date]:focus,input[type=date]:hover,input[type=email]:focus,input[type=email]:hover,input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,input[type=time]:focus,input[type=time]:hover,textarea:focus,textarea:hover{border-color:#006cab;outline:0;color:#006cab}input[type=date]:focus+label,input[type=date]:hover+label,input[type=email]:focus+label,input[type=email]:hover+label,input[type=password]:focus+label,input[type=password]:hover+label,input[type=text]:focus+label,input[type=text]:hover+label,input[type=time]:focus+label,input[type=time]:hover+label,textarea:focus+label,textarea:hover+label{color:#006cab}input[type=date]:focus+label,input[type=date]:not(:placeholder-shown)+label,input[type=email]:focus+label,input[type=email]:not(:placeholder-shown)+label,input[type=password]:focus+label,input[type=password]:not(:placeholder-shown)+label,input[type=text]:focus+label,input[type=text]:not(:placeholder-shown)+label,input[type=time]:focus+label,input[type=time]:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{-webkit-transform:translateY(-1.6rem);transform:translateY(-1.6rem);font-size:1.2rem}textarea{width:100%;overflow:hidden;resize:none;font-weight:400}label.checkbox input{width:auto;margin-right:20px}input[type=checkbox]{opacity:0;visibility:hidden;position:absolute;pointer-events:none}input[type=checkbox]+label:before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;border:2px solid #006cab;background:#fff;vertical-align:middle;top:-2px;border-radius:2px}input[type=checkbox]:checked+label:before{background:#006cab;box-shadow:inset 0 0 0 2px #fff}.button,button{border-radius:500px;padding:10px 20px;color:#fff;font-size:1.2rem;text-transform:uppercase;font-family:Futura,sans-serif;font-weight:700;cursor:pointer}.button:hover,button:hover{background:#000;-webkit-transition:none;transition:none}nav{background:#000;padding:10px 20px;font-size:1rem;font-weight:700;text-align:center}nav h1{margin:0;font-size:3rem;letter-spacing:1rem;text-indent:1rem}footer{display:flex;justify-content:space-around;padding:10px 20px}.player{text-align:center;padding:20px;flex:1 1 auto}.player h2{font-size:5rem;margin:0}.player-list{font-weight:700;font-size:4rem}.player-list>li{padding:10px 20px;text-align:center}.other-player-ball-list{display:flex;flex-wrap:wrap;justify-content:center}.other-player-ball-list li{font-size:0}.eliminated:before{content:"";display:block;position:absolute;left:0;top:50%;height:4px;width:100%;background:#000}.ball-list{display:flex;flex-wrap:wrap;justify-content:center}.ball-container{display:inline-block;margin:10px}.ball,.number{border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ball{width:100px;height:100px;overflow:hidden;cursor:pointer;border:2px solid #000}.ball.striped:after,.ball.striped:before{content:"";display:block;position:absolute;background:#fff;width:100%;height:16%;left:0}.ball.striped:before{top:0}.ball.striped:after{bottom:0}.ball.non-interactive,.number{pointer-events:none}.number{font-family:Futura;font-weight:700;width:50%;height:50%;color:#000;background:#fff}.sunk{width:120%;height:120%;pointer-events:none;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transform-origin:center;transform-origin:center;position:absolute;left:50%;top:50%;display:none}.sunk.yes{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.7;display:block}.sunk:after,.sunk:before{content:"";display:block;background:red;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.sunk:before{width:20%;height:100%}.sunk:after{width:100%;height:20%}body{margin:0;padding:0;font-family:Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;color:#fff;text-transform:uppercase;overflow:hidden;font-weight:700}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{flex-direction:column;height:100%}#root,main{display:flex}main{flex:1 1 auto;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}button,div,input,label{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.room-code{font-family:monospace}.confirm-new-game{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.8)}.confirm-new-game .modal{background:#000;padding:20px;text-align:center}.confirm-new-game .button-container{display:flex;justify-content:space-around;margin-top:20px}.error{color:red;font-size:2rem;padding:20px;text-align:center;font-weight:700}