*{margin:0;padding:0;box-sizing:border-box}body{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;background:#121213;color:#fff;min-height:100vh}.game{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:16px}header{position:relative;text-align:center;margin-bottom:16px;border-bottom:1px solid #3a3a3c;padding-bottom:12px;width:100%;max-width:500px}header h1{font-size:2.5rem;letter-spacing:.1em}.subtitle{color:#818384;font-size:.85rem;margin-top:4px}.subtitle-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:24px}.message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#000;padding:8px 20px;border-radius:4px;font-weight:700;font-size:.85rem;white-space:nowrap;z-index:10;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.board{display:flex;flex-direction:column;gap:5px;margin-bottom:24px;flex-grow:1;justify-content:center}.row{display:flex;gap:5px}.row.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.tile{width:62px;height:62px;border:2px solid #3a3a3c;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;transition:border-color .1s}.tile.filled{border-color:#565758;animation:pop .1s}@keyframes pop{50%{transform:scale(1.1)}}.tile.revealed{animation:flip .5s forwards}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile.correct{background:#538d4e;border-color:#538d4e}.tile.present{background:#b59f3b;border-color:#b59f3b}.tile.absent{background:#3a3a3c;border-color:#3a3a3c}.keyboard{width:100%;max-width:500px}.keyboard-row{display:flex;gap:4px;justify-content:center;margin-bottom:6px}.key{background:#818384;color:#fff;border:none;border-radius:4px;padding:14px 6px;min-width:35px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.key:active{transform:scale(.95)}.key.wide{min-width:55px;font-size:.75rem}.key.correct{background:#538d4e}.key.present{background:#b59f3b}.key.absent{background:#3a3a3c}