.game-container{background:linear-gradient(to bottom right,#f0f2f5,#e0e0e0);padding:30px;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:700px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align:center;position:relative;overflow:hidden;border-top:5px solid #00796b}.game-container h2{color:#00796b;font-size:1.8rem;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.05)}.game-container p{color:#495057;font-size:1.1rem;margin-bottom:24px;line-height:1.5}.troubleshoot-counter{background:linear-gradient(45deg,#00796b,#004d40);color:#fff;font-weight:700;padding:10px 20px;border-radius:50px;display:inline-flex;align-items:center;margin-bottom:24px;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,121,107,.2);transition:transform 0.3s ease,box-shadow 0.3s ease}.troubleshoot-counter:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,121,107,.3)}#badge{font-size:1.6rem;margin-right:10px}.progress-container{background-color:#e9ecef;border-radius:10px;height:8px;width:80%;margin:0 auto 20px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(to right,#00796b,#004d40);transition:width 0.5s ease;border-radius:10px}input[type=range]{-webkit-appearance:none;width:80%;height:10px;border-radius:10px;background:#dee2e6;outline:none;margin:24px 0;box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#00796b;cursor:pointer;box-shadow:0 0 10px rgba(0,121,107,.4);transition:background 0.2s ease,transform 0.2s ease}input[type=range]::-webkit-slider-thumb:hover{background:#004d40;transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#00796b;cursor:pointer;box-shadow:0 0 10px rgba(0,121,107,.4);transition:background 0.2s ease,transform 0.2s ease}input[type=range]::-moz-range-thumb:hover{background:#004d40;transform:scale(1.1)}.troubleshoot-container{margin:20px 0;overflow:hidden;position:relative;height:40px}.troubleshoot-icon{font-size:2.2rem;position:absolute;left:0;transition:transform 0.5s cubic-bezier(.68,-.55,.27,1.55)}#fixesList{list-style:none;padding:0;margin:24px 0}#fixesList .listItem{background:#fff;border-left:5px solid #00796b;padding:16px 20px;margin:14px 0;border-radius:8px;opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(.68,-.55,.27,1.55);box-shadow:0 4px 12px rgba(0,0,0,.05);font-size:1rem;color:#495057;text-align:left;line-height:1.6}.fix-header{display:flex;align-items:center;margin-bottom:10px}.fix-icon{font-size:1.5rem;margin-right:12px}#fixesList .listItem strong{font-size:1.2rem;color:#00796b;font-weight:600}#fixesList .listItem p{margin:0;font-size:1rem;color:#495057}#fixesList .listItem.visible{opacity:1;transform:translateY(0)}#fixesList .listItem:hover{border-left-color:#004d40;box-shadow:0 6px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.completion-message{background:linear-gradient(to bottom right,#00796b,#004d40);color:#fff;padding:24px;border-radius:10px;margin-top:24px;display:none;animation:fadeIn 0.8s ease}.completion-message h3{font-size:1.6rem;margin-bottom:10px}.completion-message p{color:#fff;margin:0;font-size:1rem;line-height:1.4;opacity:.9}#resetButton{background:#fff;color:#00796b;border:none;padding:10px 20px;border-radius:50px;font-weight:700;margin-top:16px;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease}#resetButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);background:#f0f2f5}#bonusMessage{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:linear-gradient(45deg,#00796b,#004d40);color:#fff;padding:8px 20px;border-radius:50px;font-weight:700;font-size:1.2rem;opacity:0;z-index:1000;transition:all 0.5s cubic-bezier(.68,-.55,.27,1.55);box-shadow:0 4px 12px rgba(0,0,0,.2)}#bonusMessage.show{opacity:1;transform:translateX(-50%) translateY(10px)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media (max-width:768px){.game-container{padding:20px 15px;margin:20px auto}.game-container h2{font-size:1.5rem}.troubleshoot-counter{padding:8px 16px;font-size:1rem}#badge{font-size:1.4rem}#fixesList .listItem{padding:12px 15px}.fix-icon{font-size:1.3rem}}