@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes slide-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-60px)}}@keyframes lose-life{0%{opacity:1;top:0}to{opacity:0;top:15px}}@keyframes shakeX{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-5px,0,0)}40%,80%{transform:translate3d(5px,0,0)}}@keyframes correct-wipe{0%{right:100%;opacity:0;background-color:#fff}10%{opacity:0}20%{opacity:.75}to{right:2px;opacity:1;background-color:var(--color-word-correct-bg)}}@keyframes turn-green{0%{background-color:var(--color-button-bg)}to{background-color:var(--color-word-correct-bg)}}:root{--space-unit: .25rem}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.mb-1{margin-bottom:var(--space-unit)}.mb-2{margin-bottom:calc(var(--space-unit) * 2)}.mb-3{margin-bottom:calc(var(--space-unit) * 3)}.mb-4{margin-bottom:calc(var(--space-unit) * 4)}.mb-5{margin-bottom:calc(var(--space-unit) * 5)}.mb-6{margin-bottom:calc(var(--space-unit) * 6)}.mb-7{margin-bottom:calc(var(--space-unit) * 7)}.mb-8{margin-bottom:calc(var(--space-unit) * 8)}.pr-1{padding-right:var(--space-unit)}.pr-2{padding-right:calc(var(--space-unit) * 2)}.pr-3{padding-right:calc(var(--space-unit) * 3)}.pr-4{padding-right:calc(var(--space-unit) * 4)}*,*:before,*:after{box-sizing:border-box}body{line-height:1.2;-webkit-font-smoothing:antialiased}p,ul,h1,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-weight:600}ul{line-height:inherit;padding-left:1rem;text-align:left}input,button,textarea,select{font:inherit}:root{--radius-default: 10px;--color-text: white;--color-bg: #1a1b1b;--color-accent: #5ea6ac;--color-text-accent: #92d4da;--color-info: #eee;--color-logo-accent: #ffc0cb;--color-life: #ff93a5;--color-life-used: #525252;--color-button-border: #7d8c8d;--color-button-bg: #272929;--color-button-border-highlight: #d7e9ea;--color-word-empty-border: #495151;--color-word-correct-border: #72d672;--color-word-correct-bg: #244224;--color-word-incorrect-border: #e08383;--color-word-incorrect-bg: #471f1f;--color-word-missed-border: #9797fd;--color-word-missed-bg: #2e2e6b;font-size:16px}body{padding:.75rem;margin:0;font-family:Work Sans,sans-serif;background-color:var(--color-bg);color:var(--color-text);height:95vh;height:95dvh;display:grid;place-items:center}@media only screen and (min-width: 640px){body{height:80vh}}.screen{display:flex;flex-direction:column;align-items:center;animation:fade-in forwards .3s}header{text-align:center}header>span{font-size:1.5rem}header>h1>span{color:var(--color-logo-accent)}.text-box{--text-box-color: var(--color-info);padding:.75em 1.25em;border-radius:var(--radius-default);position:relative;color:var(--text-box-color);text-align:center}.text-box.accent{--text-box-color: var(--color-text-accent)}.text-box:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border:solid 2px;border-color:var(--text-box-color);border-radius:inherit;opacity:.3;pointer-events:none}.text-box:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:var(--text-box-color);border-radius:inherit;opacity:.08;pointer-events:none}.inline-score{padding:calc(var(--space-unit) * 2.5) calc(var(--space-unit) * 4);background-color:var(--color-accent);border-radius:var(--radius-default)}#ingame-score-display{overflow:hidden;padding-block:calc(var(--space-unit) * 2);width:4rem;background-color:var(--color-accent);border-radius:var(--radius-default);text-align:center}#ingame-score-display span{display:block}#rules{max-width:20.5em}#rules li{margin-block:calc(var(--space-unit) * 2)}#lives-container{display:flex;gap:calc(var(--space-unit) * 1)}.life{position:relative}#word-options{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-unit) * 4)}.word-button{min-width:5rem}.word-button[data-variant=correct]{pointer-events:none;--color-button-border: var(--color-word-correct-border);--color-button-bg: var(--color-word-correct-bg)}.word-button[data-variant=correct] .front{position:relative;animation:turn-green forwards .45s ease-in}.word-button[data-variant=correct] .front:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:calc(var(--radius-default) - 3px);animation:correct-wipe forwards .45s;z-index:-1}.word-button[data-variant=incorrect]{pointer-events:none;--color-button-border: var(--color-word-incorrect-border) !important;--color-button-bg: var(--color-word-incorrect-bg);animation:shakeX forwards .5s}.word-button[data-variant=missed]{pointer-events:none;--color-button-border: var(--color-word-missed-border);--color-button-bg: var(--color-word-missed-bg)}.word-button[data-variant=empty]{--color-button-border: var(--color-word-empty-border)}.word-button[data-animation=enter]{animation:slide-in forwards .4s}.word-button[data-animation=exit]{animation:slide-out forwards .4s}#game-status-text{width:15rem}button{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;margin:0;border:none;border-radius:var(--radius-default);background-color:var(--color-button-border);color:inherit;line-height:1rem;transition:all .1s;-webkit-tap-highlight-color:transparent}button .front{display:flex;justify-content:center;align-items:center;z-index:1;height:2.5rem;padding:0 1em;margin-top:-2px;font-weight:450;border-radius:var(--radius-default);border:solid 2px var(--color-button-border);background-color:var(--color-button-bg);transform:translateY(-3px);transition:all .1s}button:active{top:3px}button:active .front{transform:translateY(0)}button:disabled{pointer-events:none}@media (hover: hover){button:not(:disabled):active,button:not(:disabled):hover{--color-button-border: var(--color-button-border-highlight)}}