@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@300;400;500&display=swap);:root{--clr-gunmetal:#121619;--clr-charcoal:#313c44;--clr-danger:#fe5f55;--clr-warning:#ffbe0b;--clr-success:#09814a;--clr-missed:#212121;--clr-found:var(--clr-warning);--clr-correct:var(--clr-success)}body,html{height:100%}body{background:#121619;background:var(--clr-gunmetal);font-family:Roboto,sans-serif}body,h1{margin:0}#root{display:flex;flex-direction:column;gap:.5rem;height:100svh}.brand{grid-gap:.25rem;color:#ffbe0b;color:var(--clr-warning);display:grid;gap:.25rem;padding:.5rem;text-align:center}.brand__info{color:#fff;font-size:1.25rem}.grid{align-self:flex-start;display:grid;grid-template-rows:repeat(6,1fr);margin-inline:auto;width:min(100% - 6rem,25rem)}.grid__row{display:grid;grid-template-columns:repeat(5,1fr)}.grid__cell{aspect-ratio:1;border:1px solid #313c44;border:1px solid var(--clr-charcoal);position:relative}.letter{animation:pop .25s ease-in-out;color:#fff;display:grid;font-size:2.5rem;inset:0;place-items:center;position:absolute;text-shadow:0 0 .125em #0000008c;text-transform:uppercase}button[data-state=missed]{background:#212121!important;background:var(--clr-missed)!important}[data-state=found]{background:#ffbe0b!important;background:var(--clr-found)!important}[data-state=correct]{background:#09814a!important;background:var(--clr-correct)!important}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.keyboard{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(11,1fr);margin-top:auto;margin-inline:auto;margin-bottom:1rem;-webkit-user-select:none;user-select:none;width:min(100% - .5rem,45rem)}.keyboard button{-webkit-appearance:none;appearance:none;aspect-ratio:1/1.35;background:#313c44;background:var(--clr-charcoal);border:0;border-radius:.25em;color:#fff;font-family:Roboto Mono,monospace;font-size:clamp(1.2em,1.75em,3vw);padding:0;place-items:center;text-shadow:0 0 .125em #0000008c}.keyboard button.enter,.keyboard button.share{aspect-ratio:unset;grid-column:span 2}.share[data-hilight=true]{box-shadow:inset 0 0 0 .125em #09814a;box-shadow:inset 0 0 0 .125em var(--clr-success)}button[data-selected=true]{background:#fe5f55;background:var(--clr-danger)}.notification{border-radius:.25em;color:#fff;display:grid;font-size:1.25rem;left:0;padding:.5rem 1rem;place-self:center;position:absolute;right:0;text-align:center;top:0}.notification[data-type=error]{background:#fe5f55;background:var(--clr-danger)}.notification[data-type=success]{background:#09814a;background:var(--clr-success)}.game{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:1rem;justify-content:center}
/*# sourceMappingURL=main.5c765a73.css.map*/