*{box-sizing:border-box;margin:0;padding:0}body{font-family:nyt-franklin,Helvetica Neue,Helvetica,Arial,sans-serif;background:#fff;color:#121212;line-height:1.5}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem}.app{display:flex;height:100vh}.history{width:300px;background:#fff;border-right:1px solid #ddd;padding:1rem;overflow-y:auto}.history h2{margin-bottom:1rem;font-size:1.25rem;text-align:center}.history-list{display:flex;flex-direction:column;gap:1rem}.history-entry{padding:.75rem;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.history-question{font-size:.875rem;margin-bottom:.5rem;color:#666}.history-answer{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-start}.history-answer .letter-block{width:32px;height:32px;font-size:1rem;font-weight:700;border:2px solid #121212;border-radius:0;background:#fff}.game{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-y:auto}.timer-indicator{font-size:.875rem;color:#666;margin-bottom:1rem}.question{font-size:1.5rem;margin-bottom:2rem;text-align:center;max-width:800px}.current-answer{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.letter-block{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:2px solid #121212;border-radius:0;font-size:1.5rem;font-weight:700;text-transform:uppercase}.letter-block.pending{border-style:dashed;color:#999}.countdown{font-size:1.5rem;color:#333;margin-bottom:.5rem;text-align:center;font-weight:700}.voting-complete{text-align:center;margin-bottom:1.5rem}.complete-message{font-size:1.5rem;color:#4caf50;font-weight:700;margin-bottom:.5rem}.next-question-countdown{font-size:1rem;color:#666;font-weight:500}.voted-indicator{color:#4caf50;font-weight:700;font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.error-message{background:#ffebee;color:#c62828;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center;border:1px solid #ef5350}.keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:.75rem;margin-bottom:2rem;max-width:1000px}.key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:3rem .5rem .5rem;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1.5rem;transition:all .2s;min-height:80px}.key:hover:not(:disabled){background:#f0f0f0;border-color:#999}.key:active:not(:disabled){transform:scale(.95)}.key:disabled{opacity:.5;cursor:not-allowed}.vote-bar-container{position:absolute;top:8px;left:50%;transform:translate(-50%);width:20px;height:35px;background:#f0f0f0;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.vote-bar{width:100%;background:linear-gradient(to top,#4caf50,#81c784);transition:height .3s ease;min-height:2px}.key .vote-count{position:absolute;top:46px;font-size:.75rem;color:#666;font-weight:700}.key .letter{text-transform:lowercase;margin-top:.25rem}.stop-button{position:relative;padding:1rem 2rem;background:#fff;border:2px solid #333;border-radius:8px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s}.stop-button:hover:not(:disabled){background:#f0f0f0}.stop-button:active:not(:disabled){transform:scale(.95)}.stop-button:disabled{opacity:.5;cursor:not-allowed}.stop-button .vote-count{display:block;font-size:.875rem;color:#666;margin-bottom:.25rem}.stop-button .label{display:block}