@font-face{font-family:Saira;src:url(/play/wordle/assets/Saira-Black-D2uBwGMq.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dep;src:url(/play/wordle/assets/DepartureMono-Regular-DAby07De.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}#root{width:min(100% - 1rem,1260px);margin-inline:auto}.app{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-);min-height:100svh;padding-top:1.5rem}.app .sidebar{position:relative;color:var(--clr-brand)}.app .sidebar div{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:5rem;font-family:Saira,"  Dep",monospace;rotate:90deg;text-transform:uppercase;color:var(--clr-neutral-100)}.app .sidebar div.right{rotate:270deg;color:var(--clr-brand)}@media(max-width:768px){.app{grid-template-columns:1fr}}.input-container{display:flex;flex-direction:column;position:fixed;left:50%;bottom:0;translate:-50% -10%;background-color:#22272761;padding:1rem;border-radius:10px}.input-container button{margin-top:1rem;padding:1rem 1.5rem;font-size:.8rem;border-radius:10px;border:1px solid var(--clr-neutral-300);background-color:transparent;color:var(--clr-neutral-100);cursor:pointer;width:100%;margin-inline:auto}.input-container button:hover{background-color:var(--clr-neutral-300)}.input-container input{font-size:1rem;padding:.25rem .5rem;border-radius:10px;border:1px solid var(--clr-neutral-300);height:1lh;background-color:transparent}.input-container input:focus-visible,.input-container button:focus-visible{outline:none;box-shadow:0 0 0 1px var(--clr-brand);caret-shape:underscore;caret:12px solid black;color:var(--clr-brand);caret-color:var(--clr-brand)}.input-container span{margin-top:1rem;font-size:1rem}.grid{display:flex;flex-direction:column;gap:var(--spacing-)}.word-row{margin-inline:auto;font-family:Saira,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;gap:var(--spacing-)}.letter-box{--tile: min(5rem, (100vw - 3rem - 4 * var(--spacing-)) / 5, (100svh - 12.5rem - 5 * var(--spacing-)) / 6);width:var(--tile);height:var(--tile);color:var(--clr-neutral-300);display:flex;place-content:center;place-items:center;font-size:var(--tile);text-transform:uppercase;border-radius:10px;position:relative;box-shadow:5px 5px 0 var(--clr-neutral-300);border:1px solid currentColor}.letter-box.active:before{content:"";position:absolute;width:50%;height:50%;border:1px solid rgba(255,255,255,.011);border-radius:10px;animation:pulse 1s infinite;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.cl{animation:fade-in 2s ease forwards;color:var(--clr-brand);box-shadow:5px 5px 0 var(--clr-brand)}.wl{animation:fade-in 2s ease forwards;color:oklch(from var(--clr-brand) l c calc(h + 220));color:var(--clr-neutral-100);box-shadow:5px 5px 0 var(--clr-neutral-100)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 oklch(from var(--clr-brand) l c h / .1)}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.letter-box.reveal{animation:flip .6s ease forwards;transform-origin:center bottom}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--clr-neutral-100);background-color:var(--clr-neutral-500);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-: 1rem;--clr-brand: oklch(.8388 .2445 132.62);--clr-neutral-100: rgba(255, 255, 255, .875);--clr-neutral-300: rgba(255, 255, 255, .375);--clr-neutral-500: #121212}@media(max-width:768px){:root{--spacing-: .6rem}}