@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@300;400;500&display=swap);:root{--clr-bg:#11161b;--clr-surface:#1a2128;--clr-surface-strong:#29333d;--clr-border:#3b4854;--clr-text:#f2f5f7;--clr-text-muted:#b9c4ce;--clr-accent:#f1b428;--clr-danger:#d96864;--clr-warning:#d8a31e;--clr-success:#2f8f65;--clr-missed:#262f36;--clr-found:var(--clr-warning);--clr-correct:var(--clr-success);--radius-sm:0.35rem;--radius-md:0.6rem;--shadow-sm:0 4px 14px #0003}body,html{height:100%}body{background:radial-gradient(circle at 50% -30%,#202b34 0,#0000 65%),#11161b;background:radial-gradient(circle at 50% -30%,#202b34 0,#0000 65%),var(--clr-bg);color:#f2f5f7;color:var(--clr-text);font-family:Roboto,sans-serif}body,h1{margin:0}#root{display:flex;flex-direction:column;gap:.5rem;height:100svh}.brand{grid-gap:.25rem;color:#f1b428;color:var(--clr-accent);display:grid;gap:.25rem;padding:.75rem .5rem .25rem;text-align:center}.brand__info{color:#b9c4ce;color:var(--clr-text-muted);font-size:1.125rem}.grid{grid-gap:.35rem;align-self:flex-start;grid-template-rows:repeat(6,1fr);margin-inline:auto;width:min(100% - 3rem,25rem)}.grid,.grid__row{display:grid;gap:.35rem}.grid__row{grid-gap:.35rem;grid-template-columns:repeat(5,1fr)}.grid__cell{aspect-ratio:1;background:#1a2128;background:var(--clr-surface);border:1px solid #3b4854;border:1px solid var(--clr-border);box-shadow:0 4px 14px #0003;box-shadow:var(--shadow-sm);position:relative}.grid__cell,.letter{border-radius:.35rem;border-radius:var(--radius-sm)}.letter{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#f2f5f7;color:var(--clr-text);display:grid;font-size:2.5rem;inset:0;place-items:center;position:absolute;text-transform:uppercase}.letter[data-state=guess]{animation:pop .16s ease-in-out}.letter--flip{animation:letter-flip .36s cubic-bezier(.16,1,.3,1) both;animation-delay:0ms;animation-delay:var(--flip-delay,0ms);transform-origin:center}button[data-state=missed]{background:#262f36!important;background:var(--clr-missed)!important}[data-state=found]{background:#d8a31e!important;background:var(--clr-found)!important}[data-state=correct]{background:#2f8f65!important;background:var(--clr-correct)!important}@keyframes pop{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes letter-flip{0%{opacity:.6;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0deg)}}.keyboard{grid-gap:.35rem;display:grid;gap:.35rem;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% - 1rem,45rem)}.keyboard button{-webkit-appearance:none;appearance:none;aspect-ratio:1/1.35;background:#29333d;background:var(--clr-surface-strong);border:1px solid #3b4854;border:1px solid var(--clr-border);border-radius:.35rem;border-radius:var(--radius-sm);color:#f2f5f7;color:var(--clr-text);font-family:Roboto Mono,monospace;font-size:clamp(1.2em,1.75em,3vw);padding:0;place-items:center;transition:transform .12s ease,filter .12s ease,background .12s ease}.keyboard button:hover{filter:brightness(1.08)}.keyboard button:active{transform:translateY(1px)}.keyboard button.enter,.keyboard button.share{aspect-ratio:unset;grid-column:span 2}.share[data-hilight=true]{box-shadow:inset 0 0 0 .125em #2f8f65;box-shadow:inset 0 0 0 .125em var(--clr-success)}button[data-selected=true]{background:#d96864;background:var(--clr-danger)}.notification{border:1px solid color-mix(in srgb,currentcolor 20%,#0000);border-radius:.6rem;border-radius:var(--radius-md);box-shadow:0 4px 14px #0003;box-shadow:var(--shadow-sm);color:#f2f5f7;color:var(--clr-text);display:none;font-size:1.1rem;left:0;padding:.5rem 1rem;place-self:center;position:absolute;right:0;text-align:center;top:.6rem}.notification[data-visible=true]{display:grid}.notification[data-type=error]{background:#d96864;background:var(--clr-danger)}.notification[data-type=success]{background:#2f8f65;background:var(--clr-success)}.game{align-items:center;color:#f2f5f7;color:var(--clr-text);display:flex;font-size:1.5rem;gap:1rem;justify-content:center}
/*# sourceMappingURL=main.5833dd59.css.map*/