body{background:#0A2833;color:#839496;font-family:"Helvetica Neue",arial,sans-serif;font-size:120%;line-height:1;margin:0;padding:0}body>footer{bottom:1rem;right:1rem;text-align:right;font-family:"Source Code Pro",monospace;font-size:60%;position:absolute}body>footer img{vertical-align:middle}.hidden{visibility:hidden}.shown{visibility:visible}#timer{position:absolute;top:1rem;right:1rem;font-family:"Source Code Pro",monospace;font-size:2em;text-align:right}.player-label,#player{font-family:"Helvetica Neue",arial,sans-serif;color:white;font-size:2.5rem;font-weight:700}.winner-time{color:#ef0;font-size:2.5rem;font-family:"Source Code Pro",monospace}#player{position:absolute;left:1rem;top:1rem}#title{font-family:"Source Code Pro",monospace;font-weight:400;margin:0;position:absolute;text-align:center;transition:left .3s linear, top .5s ease .3s, font-size .5s ease .3s}#title.small{left:1rem;font-size:1rem;top:calc(100% - 3rem);transform:none}#title.big{font-size:3em;text-align:center;left:50%;top:4rem;transform:translateX(-50%)}.console{bottom:2rem;color:#ef0;left:50%;font-size:1.5rem;font-family:"Source Code Pro",monospace;position:absolute;transform:translateX(-50%)}.main-message{left:50%;width:60%;max-width:640px;position:absolute;transform:translateX(-50%);top:9rem}.main-message p{font-family:"Source Code Pro",monospace;font-size:2.5rem;text-align:center}.main-action{left:50%;position:absolute;top:20rem;transform:translateX(-50%)}#player-inputs div{min-width:200px;width:calc(50% - 4rem);float:left;padding:2rem}.standard-label{font-family:"Source Code Pro",monospace;font-size:.75em}.big-input{background:transparent;border:none;border-bottom:4px solid #0d3240;color:white;font-family:"Helvetica Neue",arial,sans-serif;font-size:2.5rem;padding:1rem 0;display:block;width:100%}.big-input:focus{outline:none}#ultra-input{background:transparent;color:#839496;font-family:"Source Code Pro",monospace;border:none;font-size:5rem;display:block;width:300px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}#ultra-input:focus{outline:none}#ultra-input:-webkit-input-placeholder{width:30px;text-shadow:none;-webkit-text-fill-color:initial}.countdown,.big-button{display:block;margin:2rem auto}.big-button{background:#308BD2;border:none;color:white;cursor:pointer;font-family:"Helvetica Neue",arial,sans-serif;font-size:2.5rem;font-weight:700;padding:1rem 2rem;text-align:center;text-transform:uppercase}.big-button:hover{background:#2570aa}.big-button:focus{outline:none;background-color:#ef0;color:#0A2833}h1{font-size:3em;text-align:center}*::selection{background:#ef0;color:#0A2833}#sudoku-board{border:4px solid #0d3240;border-collapse:collapse;table-layout:fixed;margin:6rem auto}#sudoku-board td{padding:.25em}#sudoku-board td:nth-child(1n+2),#sudoku-board td:first-child{padding-left:.5em}#sudoku-board td:nth-child(3n){border-right:4px solid #0d3240;padding-right:.5em}#sudoku-board tr:nth-child(1n+2) td,#sudoku-board tr:first-child td{padding-top:.5em}#sudoku-board tr:nth-child(3n) td{border-bottom:4px solid #0d3240;padding-bottom:.5em}#sudoku-board input{background:#0d3240;border:none;border-radius:3px;color:#839496;height:1.5em;font-family:'Helvetica Neue', arial, sans-serif;font-size:1.5em;font-weight:500;text-align:center;width:1.5em}#sudoku-board input:disabled{color:#308BD2}#sudoku-board input:focus{background:#071e26;color:#ef0;outline:none;outline:#839496 solid .125em;outline-offset:0}#sudoku-board .has-error{color:red;animation-name:blinker;animation-duration:.6s;animation-iteration-count:3;animation-timing-function:ease-in-out;animation-direction:alternate;animation-fill-mode:backwards}#sudoku-board input[type=number]::-webkit-inner-spin-button,#sudoku-board input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@-webkit-keyframes blinker{from{opacity:1.0}to{opacity:0.0}}