#root{height:100%;width:100%;margin:0 auto;text-align:center;font-family:Noto Sans Display,sans-serif}:root{--charcoal: #28536bff;--rosy-brown: #c2948aff;--air-superiority-blue: rgb(92, 158, 194);--isabelline: #f6f0edff;--khaki: #bbb193ff;--gradient-top: linear-gradient( 0deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-right: linear-gradient( 90deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-bottom: linear-gradient( 180deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-left: linear-gradient( 270deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-top-right: linear-gradient( 45deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-bottom-right: linear-gradient( 135deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-top-left: linear-gradient( 225deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-bottom-left: linear-gradient( 315deg, #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff );--gradient-radial: radial-gradient( #28536bff, #c2948aff, #7ea8beff, #f6f0edff, #bbb193ff )}body{margin:0;height:100vh;width:100%;background-repeat:no-repeat;object-fit:cover;background-color:var(--air-superiority-blue);pointer-events:none;font-size:2.3vh;line-height:1.4;font-family:Noto Sans Display,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 400}.warning{background-color:var(--charcoal);height:30%;width:30%;display:flex;justify-content:center;align-items:center;text-align:center;padding:1rem;border-radius:1rem;box-shadow:0 1px 10px #a9a9a9}.game{animation:fadeInOpacity .3s ease-in}body:focus{background-color:#000}.pre-game{align-items:flex-start;height:100%}.pre-game div{align-items:center;flex-direction:column}.intro{height:100%;margin-top:1rem;text-align:center;display:flex}.container{margin:auto;display:flex;justify-content:center;align-items:center}.part-two,.part-three{display:none;opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:1s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.outer{height:100%;position:relative}.stats{display:flex;flex-direction:column;align-items:center;height:180px}.is-mobile{text-align:center;padding:2rem}.game-play{min-height:65vh;justify-content:center;flex-direction:column;width:700px;position:relative}.main{flex-direction:row;height:calc(100vh - 82px)}.achieved-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}textarea{background:var(--isabelline);border-radius:6px;padding:4px;height:100%;font-size:2vh}.text-game{height:100%}label{text-align:center;margin:2em 0}label>h3{font-weight:500;margin:0}label>h4{padding:1rem}.label{height:200px;max-width:500px;padding:1rem}.achieved{margin:.25em;background:#add8e6;border-radius:4px;padding:2px 6px;color:green;font-weight:600;text-align:center}.relative{position:relative}button{border:0;position:relative;display:block;width:100px;height:32px;background:transparent;border:1px solid rgb(198,198,198);border-radius:0;box-sizing:border-box;margin:1em;padding:.5em 3em;font-size:2vh}button:focus{transition:1s ease-in-out;background:var(--charcoal);color:#fff;outline:none}button:focus svg{stroke-dashoffset:-256}button span{width:100px;position:absolute;left:0;top:6px;height:32px}.modal{position:fixed;height:100%;width:100%;background-color:#000;opacity:.9;display:none;top:0;left:0;color:#fff;justify-content:center;align-items:center;z-index:1000}.header{padding:1rem;display:flex;justify-content:space-between;border-bottom:1px solid grey}.svg{display:block;position:absolute;left:-1px;top:-1px;fill:none;width:100px;height:32px;stroke:#fff;stroke-dasharray:80 256;stroke-dashoffset:80;transition:1s ease-in-out}.spinner{width:32px;height:32px;position:relative;border-radius:6px;background:#fff;animation:wave 1s ease-in infinite;animation-direction:reverse}@keyframes wave{0%{box-shadow:0 0 #fffc,0 0 0 10px #fff3}to{box-shadow:0 0 0 10px #fff9,0 0 #ffffffe6}}body{display:flex;align-items:center;font-family:sans-serif;letter-spacing:1.5px}#keyboard{opacity:1}.keyboard{height:600px;display:flex;gap:10px;flex-direction:column;align-items:center}.keyboard-row{display:flex;gap:10px;height:80px}.keyboard-row-top{height:50px}@keyframes flash{0%{background:#90ee90}to{background:#000}}@keyframes pulse{0%{box-shadow:0 0 #fffc,0 0 0 6px #fff3}to{box-shadow:0 0 0 6px #fff9,0 0 #ffffffe6}}.key{height:100%;background:#000;width:88px;border-radius:8px;padding:15px;box-sizing:border-box;color:#fff;display:flex;justify-content:center;align-items:end;font-size:1.5rem;font-weight:100;box-shadow:2px 1px 2px #000}.key svg{position:relative}.key-pressed{box-shadow:0 0 #000}.key-group{flex-direction:column}.key-group>.key{height:40px;transform:translate(15px)}.key-up{border-radius:6px 6px 0 0}.key-down{border-radius:0 0 6px 6px}.key-bottom{align-self:end}.key-text{font-size:1rem}.key-left{justify-content:start}.key-right{justify-content:end}.touch-bar{width:1250px}.power{width:50px}.delete{width:136px}.return{width:161px}.shift{width:210px}.command{width:110px}.spacebar{width:485px}.key-arrow{height:40px}.arrow-left{transform:rotate(90deg)}.arrow-up{transform:rotate(180deg)}.arrow-right{transform:rotate(-90deg)}