body{margin:0;padding:0}
canvas{display:block;position:absolute;top:0;left:0;width:100%;height:auto;margin:0;padding:0}
#scoreboard{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-family:"GilroyMedium";font-size:20px;color:white;z-index:5;padding:10px 20px;font-weight:bold}
#scoreboard-timer{position:absolute;top:-325%;left:375%;transform:translateX(-50%);font-size:24px;padding:5px 10px}
#scoreboard-score-point{position:absolute;top:-400%;left:95%;transform:translateX(-50%);font-size:40px;z-index:5;padding:10px 20px}
.os-body{background-image:url(../../../../../../content/dam/global/promotions/omni-soccer-sweepstakes-promotion-2026/en/images/backgroundSoccer-extended.png);color:#555;overflow:hidden;background-repeat:no-repeat;background-position:top center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-color:#333}
.game-container{position:relative;width:100vw;height:100vh;margin:0;padding:0}
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(128,128,128,0.8);display:flex;justify-content:center;align-items:center;z-index:1000}
.popup-container{border:0;border-radius:10px;padding:30px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);max-width:400px;width:90%;background-image:url(../../../../../../content/dam/global/promotions/omni-soccer-sweepstakes-promotion-2026/en/images/blueBg-xl-lg.png);background-repeat:no-repeat;background-size:cover;color:#fff}
.popup-container h1{color:#fff;margin:0 0 15px 0;font-family:"GilroyMedium";font-size:28px}
.popup-container p{color:#fff;margin:10px 0 20px 0;font-family:"GilroyMedium";font-size:18px}
.popup-container button{margin:auto;padding:10px 20px !important;border-radius:10px !important;background-color:#fff !important;color:#215da1 !important;font-size:1.25rem !important;border:0;cursor:pointer;transition:background-color .3s}
.popup-container button:hover{background-color:#00367d !important;color:#fff !important;transform:translateY(-1px)}
@keyframes shake{0{transform:translate(0,0)}
10%{transform:translate(-2px,-2px)}
20%{transform:translate(2px,-2px)}
30%{transform:translate(-2px,2px)}
40%{transform:translate(2px,2px)}
50%{transform:translate(-2px,-2px)}
60%{transform:translate(2px,-2px)}
70%{transform:translate(-2px,2px)}
80%{transform:translate(2px,2px)}
90%{transform:translate(-2px,-2px)}
100%{transform:translate(0,0)}
}
.os-body.shake{animation:shake .6s ease-in-out}
.start-game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 43%) !important;justify-content:center;align-items:center;z-index:1000}
.start-game-container{border-radius:15px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);border:3px solid #fff}
.start-game-container h1{color:#fff;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.start-game-container p{color:#fff;font-size:1.2em;margin-bottom:30px;opacity:.9}
.os-game-startGameBtn{margin:auto;padding:10px 20px;border-radius:10px;background:#215da1;font-size:1.25rem;text-decoration:none;transition:none;color:#fff;border:0;font-weight:bold;cursor:pointer}
.os-game-startGameBtn:hover{background:#fff;color:#215da1}
.os-scoreboard{background-image:url(../../../../../../content/dam/global/promotions/omni-soccer-sweepstakes-promotion-2026/en/images/scoreboard.png);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;background-size:100% 100%;width:43vh;height:20vh;top:0}
@media(min-width:320px) and (max-width:768px){.os-body{-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}
canvas{background-size:45vh 22%}
#scoreboard{padding:6px 12px}
#scoreboard-timer{top:12.5vh;left:82%;font-size:1.75rem}
#scoreboard-score-point{top:11.5vh;left:54%;font-size:2.25rem}
}
@media(min-width:768px) and (max-width:1024px){canvas{background-size:17rem 22%}
#scoreboard{padding:6px 12px}
#scoreboard-timer{top:12.5vh;left:82%;font-size:1.75rem}
#scoreboard-score-point{top:11.5vh;left:54%;font-size:2.25rem}
}
@media(min-width:1024px) and (max-width:1365px){canvas{background-size:20rem 22%}
#scoreboard{padding:6px 12px}
#scoreboard-timer{top:12.5vh;left:82%;font-size:1.75rem}
#scoreboard-score-point{top:11.5vh;left:54%;font-size:2.25rem}
.os-body{-webkit-background-size:contain;-moz-background-size:contain;background-size:cover}
}
@media(min-width:1366px) and (max-width:2064px){canvas{background-size:44vh 22%}
.os-body{-webkit-background-size:contain;-moz-background-size:contain;background-size:cover}
#scoreboard-timer{top:13.5vh;left:82%;font-size:2rem}
#scoreboard-score-point{top:12.5vh;left:54%;font-size:2.5rem}
}
@media(min-height:320px) and (max-height:519px){#scoreboard-timer{font-size:1rem}
#scoreboard-score-point{font-size:1.5rem}
}
@media(min-height:520px) and (max-height:719px){#scoreboard-timer{font-size:1.5rem}
#scoreboard-score-point{font-size:2rem}
}