#root{height:100%;width:100%;margin:0 auto;text-align:center;font-family:Noto Sans Display,sans-serif}:root{--charcoal: #2b2b2b;--rosy-brown: #c2948aff;--air-superiority-blue: rgb(92, 158, 194);--contrast: #cc2d00;--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:#009fcc;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}nav{display:flex;gap:12;justify-content:space-between;width:100%;align-items:center}a{text-decoration:none;color:var(--charcoal)}a:focus-visible{outline:3px solid #cc2d00;outline-offset:2px}a:has(.game-link-button){outline:none}.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;min-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}textarea:focus-visible{outline:5px solid var(--contrast);outline-offset:2px}.text-game{height:100%}label>h3{font-weight:500;margin:0}label>h4{padding:1rem}.label{min-height:200px;max-width:500px;padding:1rem;text-align:center;margin:2em 0}.achieved{margin:.25em;background:#add8e6;border-radius:4px;padding:2px 6px;color:var(--contrast);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}.display-none{display:none}.display-block{display:block}.safari{max-width:500px;border-bottom:#28536b55 2px solid;padding-bottom:1rem}.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}.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{display:flex;flex-direction:column;align-items:center;font-family:Noto Sans Display,sans-serif}.keyboard-row{display:flex;gap:calc(var(--u) * .12)}.keyboard-row-top{align-self:end}:root{--u: clamp(12px, 3vw, 20px);--h: var(--u);--gap: calc(var(--u) * .12)}.keyboard{display:grid;grid-template-rows:repeat(6,var(--h));gap:var(--gap);width:max-content}.key{height:var(--h);display:flex;justify-content:center}:root{--u: clamp(48px, 6vw, 6vw);--key-h: calc(var(--u));--gap: calc(var(--u) * .12)}@keyframes flash{0%{background:#90ee90}to{background:#000}}@keyframes pulse{0%{box-shadow:0 0 #fffc,0 0 0 calc(var(--u) * .08) #fff3}to{box-shadow:0 0 0 calc(var(--u) * .08) #fff9,0 0 #ffffffe6}}.key{background:#000;height:var(--u);max-height:100%;width:var(--u);border-radius:8px;padding:calc(var(--u) * .1);box-sizing:border-box;color:#fff;align-items:end;font-weight:300;box-shadow:2px 1px 2px #000}.key svg{position:relative}.key-pressed{box-shadow:0 0 #000;background:#90ee90}.key[data-type=char]{font-size:calc(var(--u) * .3);align-items:center}.key[data-type=word]{font-size:calc(var(--u) * .2);text-transform:lowercase}.new-key{background:#dbe000;animation:pulse 1s ease-in-out infinite;background:linear-gradient(120deg,#dbe000,#ffffffb3,#dbe000);color:#000}.h-05{height:calc(var(--u) * .5)}.h-05-min{min-height:calc(var(--u) * .5)}.h-10{height:calc(var(--u) * .1)}.h-068{height:calc(var(--u) * .68)}.w-068{width:calc(var(--u) * .68)}.w-129{width:calc(var(--u) * 1.29)}.w-156{width:calc(var(--u) * 1.56)}.w-185{width:calc(var(--u) * 1.85)}.w-242{width:calc(var(--u) * 2.42)}.w-551{width:calc(var(--u) * 5.51)}.w-1418{width:calc(var(--u) * 14.18)}.key-pressed{box-shadow:0 0 #000}.key-group{background:transparent;flex-direction:column}.key-group>.key{transform:translate(9px)}.key-up{border-radius:6px 6px 0 0}.key-down{border-radius:0 0 6px 6px}.key-bottom{align-self:end}.key-left{justify-content:start}.key-right{justify-content:end}.arrow-left{transform:rotate(90deg)}.arrow-up{transform:rotate(180deg)}.arrow-right{transform:rotate(-90deg)}