#rintossgame{width:99vw;left:50%;position:relative;transform:translate(-50%,0)}#rintossgame #gameBoard{background:url(../../../../../../../../themes/werfstore-bootstrap/games/ringtoss/images/bg.png) no-repeat center bottom;background-size:cover;padding:30px 0;min-height:750px}@media (max-width:992px){#rintossgame #gameBoard{min-height:650px}}#rintossgame #audioControls{position:absolute;top:20px;right:20px;z-index:1}#rintossgame #audioControls .audio-button{background:#2e4475;width:50px;height:50px}#rintossgame #gameContainer{position:relative;width:100%;max-width:440px;height:70vw;max-height:600px;background:url(../../../../../../../../themes/werfstore-bootstrap/games/ringtoss/images/body-front.png) no-repeat center center;background-size:contain;overflow:hidden;margin:0 auto 30px}#rintossgame #score{position:absolute;top:35px;left:60px;color:#9D683C;font-size:18px;font-weight:700;z-index:1}#rintossgame #controls{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);display:flex;gap:20px;z-index:1;width:90%;max-width:400px;justify-content:space-around;flex-wrap:wrap;padding:0 50px}#rintossgame button{border:none;color:#fff;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:70px;height:45px}#rintossgame #leftStream{background:url(../../../../../../../../themes/werfstore-bootstrap/games/ringtoss/images/left-stream.png) no-repeat center center;background-size:100% 100%}#rintossgame #rightStream{background:url(../../../../../../../../themes/werfstore-bootstrap/games/ringtoss/images/right-stream.png) no-repeat center center;background-size:100% 100%}#rintossgame #resetGame{background:url(../../../../../../../../themes/werfstore-bootstrap/games/ringtoss/images/repeat.png) no-repeat center center;background-size:100% 100%;width:45px;height:45px}#rintossgame button:hover{transform:translateY(-1px)}#rintossgame button:active,button.active{transform:translateY(2px)}#rintossgame #timer{position:absolute;top:80px!important;left:50%;right:auto!important;transform:translateX(-50%);color:#9D683C;font-size:24px;font-weight:700;padding:5px 10px;transition:all 0.3s ease;width:280px;text-align:center}#rintossgame #timer.completed{color:#3E7D8A;transform:translateX(-50%) scale(1.1)}#rintossgame #timer.warning{color:#e74c3c;animation:timer-pulse 0.5s infinite alternate}@keyframes timer-pulse{from{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.1)}}#leaderboardContainer{width:100%;max-width:500px;background-color:#F3EFEA;border-radius:20px;box-shadow:0 0 20px rgba(157,104,60,.2);padding:20px;margin:40px auto 30px}#leaderboardContainer h2{color:#9D683C;text-align:center;margin-bottom:15px;font-size:24px;text-shadow:1px 1px 2px rgba(157,104,60,.1)}#leaderboardContainer .ringtoss-notice{background-color:#EACC98;border-radius:20px;box-shadow:0 0 20px rgba(157,104,60,.2);padding:20px;margin:10px auto 30px}#leaderboardContainer .ringtoss-notice-text{font-size:16px;color:#333;text-align:center;margin-bottom:0}.leaderboard-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:15px;flex-wrap:wrap}.small-button{padding:6px 12px;font-size:14px;min-width:80px;max-width:120px;background-color:#469FB4;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(70,159,180,.3)}#rintossgame .small-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(70,159,180,.4)}#rintossgame .small-button:active{transform:translateY(1px);box-shadow:0 1px 4px rgba(70,159,180,.2)}#rintossgame #changePlayer{background-color:#9D683C;box-shadow:0 2px 8px rgba(157,104,60,.3)}#rintossgame #changePlayer:hover{box-shadow:0 4px 12px rgba(157,104,60,.4)}#rintossgame #changePlayer:active{box-shadow:0 1px 4px rgba(157,104,60,.2)}#rintossgame #leaderboard{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;box-shadow:0 0 10px rgba(70,159,180,.1)}#rintossgame #leaderboard th,#leaderboard td{padding:12px 15px;text-align:left}#rintossgame #leaderboard thead{background-color:#469FB4;color:#fff}#rintossgame #leaderboard tbody tr{background-color:rgba(255,255,255,.7);transition:background-color 0.3s}#rintossgame #leaderboard tbody tr:nth-child(even){background-color:rgba(70,159,180,.1)}#rintossgame #leaderboard tbody tr:hover{background-color:rgba(70,159,180,.2)}#rintossgame #leaderboard tbody tr.highlight{background-color:rgba(157,104,60,.2);animation:highlight-pulse 2s infinite}@keyframes highlight-pulse{0%{background-color:rgba(157,104,60,.2)}50%{background-color:rgba(157,104,60,.3)}100%{background-color:rgba(157,104,60,.2)}}#rintossgame .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;justify-content:center;align-items:center}#rintossgame .modal.show{display:flex}#rintossgame .modal-content{background-color:#F3EFEA;padding:30px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.3);text-align:center;max-width:400px;width:90%}#rintossgame .modal-content h2{color:#9D683C;margin-bottom:20px}#rintossgame #playerNameInput{width:100%;padding:12px 15px;margin-bottom:20px;border:2px solid #469FB4;border-radius:10px;font-size:18px;outline:none;transition:border-color 0.3s,box-shadow 0.3s}#rintossgame #playerNameInput:focus{border-color:#3a8a9c;box-shadow:0 0 10px rgba(70,159,180,.3)}#rintossgame #startGameButton{width:100%;max-width:none}@media (max-width:768px){#rintossgame #gameContainer{height:130vw}#rintossgame #score{font-size:20px}#rintossgame #timer{font-size:20px}#rintossgame #leaderboardContainer{width:95%}#rintossgame #leaderboardContainer h2{font-size:20px}#rintossgame #leaderboard th,#leaderboard td{padding:8px 10px;font-size:14px}}@media (max-width:480px){#rintossgame #controls{gap:10px}#rintossgame #timer{font-size:18px;padding:3px 8px}#rintossgame #leaderboard th,#leaderboard td{padding:6px 8px;font-size:12px}}@media (max-height:500px) and (orientation:landscape){#rintossgame #gameContainer{height:100vh;max-width:340px;max-height:none}#rintossgame #controls{bottom:10px}#rintossgame #timer{font-size:16px}}#rintossgame #timeUpModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;justify-content:center;align-items:flex-start;padding:100px 0 0}#rintossgame #timeUpModal.show{display:flex}#rintossgame #timeUpModal .modal-content{background-color:#F3EFEA;padding:30px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.3);text-align:center;max-width:400px;width:90%}#rintossgame #timeUpModal h2{color:#9D683C;margin-bottom:20px}#rintossgame #timeUpModal p{margin-bottom:20px;font-size:18px;color:#333}#rintossgame #timeUpResetButton{padding:12px 24px;font-size:18px;background:#469FB4;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgba(70,159,180,.3);width:auto;height:auto}#rintossgame #timeUpResetButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(70,159,180,.4)}#rintossgame #timeUpResetButton:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(70,159,180,.2)}#rintossgame #successModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;justify-content:center;align-items:flex-start;padding:100px 0 0}#rintossgame #successModal.show{display:flex}#rintossgame #successModal .modal-content{background-color:#F3EFEA;padding:30px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.3);text-align:center;max-width:400px;width:90%}#rintossgame #successModal h2{color:#3C705A;margin-bottom:20px}#rintossgame #successModal p{margin-bottom:20px;font-size:18px;color:#333}#rintossgame #successModal .time-result{font-size:24px;font-weight:700;color:#3C705A;margin:25px 0}#rintossgame #successResetButton{padding:12px 24px;font-size:18px;background:#3C705A;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgba(60,112,90,.3);width:auto;height:auto}#rintossgame #successResetButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(60,112,90,.4)}#rintossgame #successResetButton:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(60,112,90,.2)}