:root{--bg-color:#222;--text-color:#eee;--key-bg:#444;--key-bg-hover:#666;--correct:#00fffa;--present:#fea320;--absent:#3a3a3c}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;background-color:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}body,button{color:#eee;color:var(--text-color)}button{background-color:#444;background-color:var(--key-bg);border:none;border-radius:4px;cursor:pointer;font-weight:700;margin:.2rem;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}button:hover{background-color:#666;background-color:var(--key-bg-hover)}nav{align-items:center;background:#222;border-bottom:1px solid #000;color:#eee;color:var(--text-color);display:flex;justify-content:center;padding:1rem;position:relative}nav,nav .logo-left{-webkit-user-select:none;user-select:none}nav .logo-left{height:36px;left:1rem;position:absolute}nav .logo-center{height:40px;-webkit-user-select:none;user-select:none}nav .text-right{color:"#ccc",;position:absolute;right:1rem}.game-container{margin:2rem auto;max-width:360px;text-align:center;-webkit-user-select:none;user-select:none}.grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin:1rem 0}.tile{align-items:center;background-color:#333;border:2px solid #555;color:#eee;color:var(--text-color);display:flex;font-size:2rem;font-weight:700;height:48px;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:48px}.tile.correct{background-color:#00fffa;background-color:var(--correct);border-color:#00fffa;border-color:var(--correct);color:#000}.tile.present{background-color:#fea320;background-color:var(--present);border-color:#fea320;border-color:var(--present);color:#fff}.tile.absent{background-color:#3a3a3c;background-color:var(--absent);border-color:#3a3a3c;border-color:var(--absent);color:#fff}.keyboard{margin-top:1rem;-webkit-user-select:none;user-select:none}.keyboard-row{margin-bottom:.5rem}.key,.keyboard-row{display:flex;justify-content:center}.key{align-items:center;background-color:#444;background-color:var(--key-bg);border-radius:4px;color:#eee;color:var(--text-color);flex:1 0;font-size:1.2rem;font-weight:700;height:58px;margin:0 4px;max-width:40px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.key.wide{max-width:64px}.key.correct{background-color:#00fffa;background-color:var(--correct);color:#000}.key.present{background-color:#fea320;background-color:var(--present);color:#fff}.key.absent{background-color:#2a2a2a;color:#fff}.directory-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:2rem;padding:0 1rem}.directory-tile{background:#333;border-radius:8px;padding:1rem;text-align:center;transition:background .3s}.directory-tile:hover{background:#444}.directory-tile img{margin-bottom:.5rem;width:60px}
/*# sourceMappingURL=main.461ac392.css.map*/