body{background-color:#121213;color:#fff;font-family:sans-serif;display:flex;justify-content:center}.row{display:flex;justify-content:center;margin-bottom:5px}.tile{display:block;width:60px;height:60px;border:2px solid #3a3a3c;margin:0 3px;text-align:center;line-height:60px;font-size:2rem;font-weight:700;text-transform:uppercase}*{box-sizing:border-box}:root{--color-green: #538d4e;--color-yellow: #b59f3b;--color-grey: #3a3a3c;--color-black: #121213;--color-tone-1: #ffffff;--color-lfc-red: #c8102e}body{background-color:var(--color-black);color:var(--color-tone-1);font-family:Helvetica Neue,Arial,sans-serif;margin:0;display:flex;justify-content:center;min-height:100vh}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto;position:relative}.game-title{margin:0!important;padding-top:40px;padding-bottom:30px;font-weight:900;text-transform:uppercase;letter-spacing:2px}.row{display:flex;justify-content:center;gap:5px;margin-bottom:5px}.tile{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:2px solid #3a3a3c;font-size:2rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tile.filled{border-color:#818384;animation:pop .1s}.tile.green{background-color:var(--color-green);border-color:var(--color-green)}.tile.yellow{background-color:var(--color-yellow);border-color:var(--color-yellow)}.tile.grey{background-color:var(--color-grey);border-color:var(--color-grey)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-scrim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background-color:#242424;border-top:4px solid var(--color-lfc-red);color:#fff;border-radius:8px;box-shadow:0 10px 40px #000c;display:flex;flex-direction:column;align-items:center;z-index:1000}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#a0a0a0;font-size:1.2rem;cursor:pointer;transition:color .2s;z-index:10}.close-btn:hover{color:#fff}.modal-icon{width:45px;height:45px;background-color:var(--color-lfc-red);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-top:-22px;z-index:2;box-shadow:0 4px 10px #0000004d}.modal-content{padding:15px 25px 30px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.modal h2{font-size:1.4rem;font-weight:900;margin:10px 0 15px;color:var(--color-tone-1);text-transform:uppercase;letter-spacing:.5px}.recap-item{margin:0 0 15px;color:#a0a0a0;font-size:.95rem}.recap-item strong{color:#fff}.recap-score{color:var(--color-green);font-weight:700}.emoji-summary-box{background-color:var(--color-black);width:100%;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:center}.emoji-summary-container{font-size:1.2rem;line-height:1.3;letter-spacing:4px;white-space:pre;margin-top:0;margin-bottom:25px}.share-btn{width:100%;padding:14px 24px;font-size:1.1rem;cursor:pointer;background-color:var(--color-lfc-red);color:#fff;border:none;border-radius:6px;font-weight:900;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:10px}.share-btn:hover{background-color:#a30d25;transform:translateY(-2px)}.share-btn:active{transform:translateY(0)}.share-status{font-size:.85rem;font-weight:700;color:var(--color-green);margin:10px 0 0;height:1rem}.keyboard{width:100%;max-width:500px;margin-top:auto;padding-bottom:20px;display:flex;flex-direction:column;gap:8px}.keyboard-row{display:flex;justify-content:center;gap:6px}.key{font-family:inherit;font-weight:700;border:0;padding:0;margin:0;height:58px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#818384;color:#fff;flex:none;width:40px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:1.2rem}.keyboard-row:nth-child(3) .key:first-child,.keyboard-row:nth-child(3) .key:last-child{width:65px}.key.green{background-color:var(--color-green)}.key.yellow{background-color:var(--color-yellow)}.key.grey{background-color:var(--color-grey)}.hint-container{display:flex;justify-content:center;align-items:center;min-height:45px;margin-top:30px;margin-bottom:40px}.hint-btn{background:var(--color-green);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.hint-btn:hover{transform:translateY(-2px);background:#45783f}.hint-text{color:#f5c542;font-weight:900;font-size:1.1rem;animation:fadeIn .5s;margin:0;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kofi-btn{position:fixed;bottom:20px;right:20px;background-color:var(--color-lfc-red);color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:6px;font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 30px #0009;z-index:998;transition:all .2s ease}.kofi-img{height:20px;width:auto}.kofi-btn:hover{transform:translateY(-3px);background-color:#a30d25;box-shadow:0 10px 40px #000c}@media screen and (max-width:600px){.game-title{font-size:1.5rem!important;padding-top:15px!important;padding-bottom:15px!important}.game-container{padding:0 5px;width:100%;overflow-x:hidden}.row{width:100%;display:flex;justify-content:center;gap:3px!important}.tile{flex:1;max-width:35px;aspect-ratio:1 / 1;height:auto!important;font-size:1.1rem!important;line-height:1!important;border-width:2px!important}.modal{width:95%!important}.modal-content{padding:15px 15px 25px}.emoji-summary-box{padding:15px}.emoji-summary-container{font-size:1.1rem;letter-spacing:2px}.keyboard{padding-bottom:80px;padding-left:2px;padding-right:2px;gap:6px}.keyboard-row{gap:4px}.key{height:45px;font-size:.85rem;flex:1;width:auto;max-width:none}.keyboard-row:nth-child(3) .key:first-child,.keyboard-row:nth-child(3) .key:last-child{flex:1.5;font-size:.7rem;width:auto;max-width:none}}