@charset "UTF-8";@keyframes copied-click{0%{clip-path:inset(50% 50%)}50%{clip-path:inset(0% 0%)}99%{clip-path:inset(0% 0%)}100%{clip-path:inset(50% 50%)}}.board{overflow:hidden;padding:0 6px;transition-property:height}#options{display:flex;flex-wrap:wrap}#options span{position:relative;display:inline-block;padding:3px 6px;margin:6px;border:2px solid rgba(245,127,23,.2);cursor:pointer;mixin:link-hover;transition-property:background-color}#options span:hover{background-color:#424242}#options span::before{content:"Copied";position:absolute;left:0;top:0;width:100%;height:100%;background:#69f0ae;color:#212121;mixin:type--heading-5;mixin:type--headings;mixin:type--bold-sans-serif;font-family:Roboto,sans-serif;font-weight:500;text-align:left;text-shadow:0 2px 4px #000;mixin:font-size;font-size:24px;line-height:36px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;clip-path:inset(50% 50%)}#options span.animate::before{animation-duration:1.5s;animation-iteration-count:1;animation-timing-function:ease;animation-name:copied-click}.line{display:grid;grid-template-columns:repeat(5,60px);align-items:center;padding:12px 0}@media (max-width:374px){.line{grid-template-columns:repeat(5,58px)}}.line fieldset{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;gap:2px;padding:4px}.game-board{text-align:left}fieldset label{display:block;padding:0;height:24px;position:relative;margin-bottom:0}fieldset label[for^=close]{background:#ff0;color:#212121}fieldset label[for^=correct]{background:green;color:#fff}fieldset label[for^=wrong]{background:#000;color:#fff}fieldset input[type=radio]{appearance:none;padding:0;margin:0;border:none;display:block;position:absolute;left:0;top:0;height:100%;width:100%;background-color:inherit;color:inherit}fieldset input[type=radio]:checked::before{content:"✓";height:100%;display:flex;justify-content:center;align-items:center;background-color:inherit;color:inherit}input.letter{mixin:type--heading-1;mixin:type--headings;mixin:type--bold-sans-serif;font-family:Roboto,sans-serif;font-weight:500;text-align:left;text-shadow:0 2px 4px #000;mixin:font-size;font-size:36px;line-height:54px;margin-bottom:36px;text-align:center;width:60px;height:60px;line-height:60px;min-width:0;padding:0;margin-bottom:0}input.letter[data-state=wrong]{background:#000;color:#fff}input.letter[data-state=close]{background:#ff0;color:#212121}input.letter[data-state=correct]{background:green;color:#fff}toast-notification{position:fixed;bottom:-100px;right:0;display:block;width:100%;opacity:0;z-index:10;transition-property:bottom,opacity}toast-notification.animate{opacity:1;bottom:0}toast-notification .nbar{display:inline-block;background:#69f0ae;color:#212121;padding:12px 24px;margin-bottom:12px}