@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";.settings{max-width:600px;margin:0 auto;padding:40px;background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 6px #0000001a}.settings h2{text-align:center;margin-bottom:32px;color:#333;font-size:28px}.settings__form{display:flex;flex-direction:column;gap:24px}.settings__field{display:flex;flex-direction:column;gap:8px}.settings__field label{font-weight:600;color:#555;font-size:16px}.settings__slider{width:100%;height:8px;border-radius:4px;background:#ddd;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#8fb935;cursor:pointer}.settings__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#8fb935;cursor:pointer;border:none}.settings__button{padding:16px 32px;font-size:18px;font-weight:700;color:#fff;background-color:#8fb935;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;margin-top:16px}.settings__button:hover{background-color:#7aa82a}.settings__button:active{transform:scale(.98)}.settings__last-result{margin-top:32px;padding:20px;background-color:#fff;border-radius:8px;border:2px solid #8fb935}.settings__last-result h3{margin-top:0;margin-bottom:16px;color:#333}.settings__last-result-content{display:flex;justify-content:space-between;gap:12px}.settings__last-result-content p{margin:0;font-size:14px;color:#666}.wordbox{display:inline-block;position:relative;padding:16px;margin:4px;background-color:#8fb935;font-weight:700;text-align:center;text-transform:uppercase;font-size:16px;line-height:16px;border-radius:8px;z-index:1;transition:transform .2s ease}.wordbox--mistake{background-color:#e64747;color:#fff;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.wordbox--success{animation:success .5s ease}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.health-bar{margin-bottom:24px}.health-bar__text{font-weight:600;margin-bottom:8px;color:#333;font-size:16px}.health-bar__container{width:100%;height:30px;background-color:#e0e0e0;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.health-bar__fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:15px;box-shadow:0 2px 4px #0003}.stage{min-height:400px;padding:32px;margin:32px auto;background-color:#efefef;border-radius:8px;max-width:1200px}.stage__header{margin-bottom:32px}.stage__timer{text-align:center;font-size:24px;font-weight:700;color:#333;margin-bottom:16px}.stage__stats{display:flex;justify-content:center;gap:24px;margin-top:16px}.stage__stat{font-size:18px;font-weight:600;color:#555}.stage__start-message{text-align:center;padding:20px;margin:0;background-color:#fff;border-radius:8px;border:2px dashed #8fb935}.stage__start-message p{font-size:15px;color:#666;margin:0}.stage__words{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;min-height:200px}.result{max-width:600px;margin:0 auto;padding:40px;background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 6px #0000001a;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.result--won{border:3px solid #8fb935;background:linear-gradient(135deg,#f5f5f5,#e8f5e9)}.result--lost{border:3px solid #e64747;background:linear-gradient(135deg,#f5f5f5,#ffebee)}.result__header{text-align:center;margin-bottom:32px}.result__title{font-size:36px;margin:0;animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result__content{display:flex;flex-direction:column;gap:24px}.result__score{text-align:center;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.result__score-label{display:block;font-size:18px;color:#666;margin-bottom:8px}.result__score-value{display:block;font-size:48px;font-weight:700;color:#333}.result__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.result__stat{padding:16px;background-color:#fff;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a}.result__stat-label{display:block;font-size:14px;color:#666;margin-bottom:8px}.result__stat-value{display:block;font-size:24px;font-weight:700;color:#333}.result__button{padding:16px 32px;font-size:18px;font-weight:700;color:#fff;background-color:#8fb935;border:none;border-radius:8px;cursor:pointer;transition:all .3s;margin-top:16px}.result__button:hover{background-color:#7aa82a;transform:scale(1.05)}.result__button:active{transform:scale(.98)}.start-screen{width:100%;max-width:1200px;margin:0 auto;border-radius:8px}.score-table{padding:20px;background-color:#fff;border-radius:8px;border:2px solid #8fb935;position:sticky;top:20px}.score-table h3{margin-top:0;margin-bottom:16px;color:#333;text-align:center}.score-table__empty{text-align:center;color:#999;padding:20px}.score-table__table{width:100%;border-collapse:collapse}.score-table__table th,.score-table__table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.score-table__table th{background-color:#f5f5f5;font-weight:600;color:#555}.score-table__table tr:hover{background-color:#f9f9f9}.score-table__table tr:last-child td{border-bottom:none}*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}.container{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;padding:10px}.container h1{text-align:center;color:#333;margin-bottom:10px}.app__layout{display:flex;gap:20px;align-items:flex-start}.app__game-screen{flex:1;min-width:0}.app__score-table{width:300px;flex-shrink:0}@media (max-width: 768px){.app__layout{flex-direction:column}.app__score-table{width:100%}}