:root{--combine-blue: hsl(189, 98%, 48%);--combine-light-blue: hsl(175, 71%, 57%);--combine-hover: hsl(194, 98%, 37%);--combine-hovertext: hsl(188, 74%, 53%);--combine-dark: hsl(192, 81%, 33%);--combine-blue-translucent: hsla(194, 96%, 18%, .356);--combine-blue-darker: hsl(192, 87%, 44%)}body{margin:0;height:100svh;font-family:"Exo 2",sans-serif;background-color:#000;color:#fff}#root{display:grid;height:100svh}.root{grid-template-rows:auto 1fr auto}.root-game{grid-template-rows:1fr}header{padding:10px;display:grid;grid-auto-flow:column;justify-content:center;align-items:center;gap:60px}header img{height:60px}header h1{font-size:3.1em;font-weight:100;margin:17px 0 0;letter-spacing:25px}footer{display:grid;justify-content:center}footer p{margin:8px}footer a{color:#fff;text-decoration:none;display:inline-block}.footer-text{font-weight:300;letter-spacing:5px;display:grid;grid-auto-flow:column;justify-content:center;align-items:center}footer i{font-size:1.5rem}main{position:relative;display:grid;color:var(--combine-blue);grid-template-rows:auto 1fr}video{filter:brightness(80%);width:100%;height:100%;position:absolute;object-fit:fill;z-index:-1;border-left:.7vw solid var(--combine-blue);box-sizing:border-box}.bottom-left{position:relative;display:grid;grid-auto-flow:column;justify-content:start;margin-bottom:.7vh;margin-left:1.4vw;gap:10px;align-items:end;grid-template-columns:auto 1fr}.bottom-left img{filter:brightness(140%);width:310px;height:auto;padding-top:5px}.bottom-left p{margin:0;position:absolute;bottom:.5vh;font-size:.8rem;font-weight:600}.game-top{border-bottom:1px solid var(--combine-dark);display:grid;grid-auto-flow:column;justify-content:space-between;margin-left:1.4vw;margin-right:.5vw}.top-right{color:var(--combine-dark);display:grid;grid-auto-flow:column;align-items:end;gap:5px;margin-bottom:4px}.top-right p{font-size:.75rem;font-weight:600;margin:0;padding-bottom:2px}.top-right img{height:50px;filter:brightness(100%) sepia(100) saturate(13) hue-rotate(120deg)}.top-left{font-size:1.7rem;display:grid;align-items:end;margin-bottom:10px;font-weight:500}.start{display:grid;justify-content:center;align-content:center}h2{font-weight:500}button,input{background-color:transparent;border:2px solid var(--combine-blue);cursor:pointer;color:var(--combine-blue);padding:15px;font-size:1.5em;font-weight:500;font-family:"Exo 2",sans-serif}button:hover{background-color:var(--combine-hover);border-color:var(--combine-hover);color:var(--combine-hovertext)}.game{display:grid;grid-auto-flow:column;align-items:center}.game img{height:calc(100vh - 205px);margin-left:1.4vw;border-bottom:1px solid var(--combine-dark);padding-bottom:5px;cursor:pointer}.select-area{height:5vh;width:5vh;border:1px solid var(--combine-blue);position:absolute;left:0;top:0;pointer-events:none;border-radius:64px}.submit-name{display:grid;justify-items:center;padding-top:calc(50vh - 262px);padding-left:calc(50vw - 165px);width:350px}.submitted-name{padding-top:calc(50vh - 217px)}input{margin-bottom:25px}input:focus{outline:none}.leaderboard{display:grid;width:400px;position:absolute;right:10px}.leaderboard h2{border-bottom:1px solid var(--combine-dark);padding:10px;color:var(--combine-light-blue)}th,td{padding:10px;text-align:end;font-size:1.1em}th{color:var(--combine-light-blue)}button:focus{outline:none}.time{font-size:1.7rem;font-weight:500;border-bottom:1px solid var(--combine-dark);text-align:end;display:grid;grid-auto-flow:column;justify-content:end;align-items:baseline}.timer{font-size:4rem;color:var(--combine-light-blue);padding-left:10px;justify-content:end;display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,80px 20px 80px 20px 80px);text-align:start}.split{display:grid;grid-auto-flow:column;justify-content:start}.right{display:grid;align-content:space-between;justify-items:end}.bottom-right{padding:10px}.game-right{padding:10px;display:grid}.not-selectable{border:2px solid var(--combine-blue-translucent);background-color:var(--combine-blue-translucent);cursor:default;color:var(--combine-blue-darker)}.not-selectable:hover{border:2px solid var(--combine-blue-translucent);background-color:var(--combine-blue-translucent);color:var(--combine-blue-darker)}.left{display:grid}.submit-selection{font-size:2em;padding:.7em}.fullscreen{padding-bottom:10px;position:absolute;right:10px;bottom:10px}.invisible{display:none}.hidden{visibility:hidden}