:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f2f5e8;color:#2c3320;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ecomot{max-width:26rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.ecomot__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ecomot__title{margin:0;font-size:1.4rem;font-weight:700;color:#33421e}.ecomot__scores{display:flex;gap:.5rem}.ecomot__scoreBox{display:flex;flex-direction:column;align-items:center;min-width:3.6rem;padding:.35rem .5rem;border-radius:.4rem;background:#55672c;color:#eef2df}.ecomot__scoreLabel{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.85}.ecomot__scoreValue{font-size:1rem;font-weight:700;color:#fff}.ecomot__toolbar{width:100%;display:flex;justify-content:center}.ecomot__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;font-family:inherit;background:#55672c;color:#f2f5e9;cursor:pointer;white-space:nowrap}.ecomot__btn:hover{background:#647937}.ecomot__hint{margin:0;font-size:.78rem;color:#566141;line-height:1.5;text-align:center}.ecomot__feedback{margin:0;min-height:1rem;font-size:.8rem;font-weight:600;color:#b3261e;text-align:center}.ecomot__board{display:flex;flex-direction:column;gap:.3rem;width:100%}.ecomot__row{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.ecomot__tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;border-radius:.3rem;border:2px solid #c9d3b6;background:#fff;color:#2c3320;text-transform:uppercase}.ecomot__tile--hint{border-color:#55672c;color:#55672c}.ecomot__tile--filled{border-color:#8a9a6e}.ecomot__tile--correct{background:#6a9955;border-color:#6a9955;color:#fff}.ecomot__tile--present{background:#d99a3d;border-color:#d99a3d;color:#fff}.ecomot__tile--absent{background:#b7bba9;border-color:#b7bba9;color:#fff}.ecomot__keyboard{display:flex;flex-direction:column;gap:.35rem;width:100%}.ecomot__keyboardRow{display:flex;gap:.3rem;justify-content:center}.ecomot__key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.3rem;padding:.6rem 0;flex:1;max-width:2.2rem;font-size:.8rem;font-weight:700;font-family:inherit;background:#dfe4d1;color:#2c3320;cursor:pointer}.ecomot__key:hover{background:#cdd4b8}.ecomot__key--wide{max-width:4.2rem;font-size:.68rem}.ecomot__key--correct{background:#6a9955;color:#fff}.ecomot__key--present{background:#d99a3d;color:#fff}.ecomot__key--absent{background:#90968a;color:#fff}.ecomot__overlay[hidden]{display:none}.ecomot__overlay{width:100%;max-width:22rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:.3rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid #c9d3b6;background:#f9faf5;text-align:center}.ecomot__overlayMessage{margin:0;font-size:1.5rem;font-weight:700;color:#33421e}.ecomot__overlayWord{margin:0;font-size:.95rem;color:#55672c;font-weight:600}.ecomot__overlayFact{margin:0;max-width:26rem;font-size:.85rem;line-height:1.5;color:#566141}