.app{max-width:700px;margin:auto;font-family:Arial,sans-serif;text-align:center;padding:20px}input{padding:8px;margin-right:8px;border-radius:4px;outline:none;transition:border .3s,background-color .3s,box-shadow .3s}input:disabled{background-color:#f5f5f5}button{padding:8px 12px;cursor:pointer;border-radius:4px;border:1px solid #333;background-color:#fff;transition:background-color .2s}button:hover:not(:disabled){background-color:#eee}.board ol{text-align:left;margin:10px 0}.scoreboard{display:flex;justify-content:space-around;margin:12px 0;font-size:1.2em}.active-player{font-weight:700;color:green;text-decoration:underline;box-shadow:0 0 5px green;border-radius:4px;padding:2px 6px}.timer-bar{height:12px;background:#d3d3d3;margin:10px 0;border-radius:6px;overflow:hidden}.timer-fill{height:100%;width:100%;background:#32cd32;transition:width 1s linear,background-color .5s}.timer-fill.flash{background-color:red!important;animation:flash .5s infinite alternate}@keyframes flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.message{color:red;margin-top:10px;font-weight:700}.inputs-container{display:flex;justify-content:space-around;margin-top:12px}.player-input-form{display:flex;flex-direction:column;align-items:center}