.game-canvas{position:absolute;width:100%;height:100%;z-index:1;transition:opacity 1s ease}.game-canvas.soccer-paused,.game-canvas.socket-disconnected{opacity:0}.update-mode-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top,#222a39 0,#131720 50%,#0a0d12 100%)}.update-mode-overlay-card{width:min(760px,100%);border:1px solid hsla(0,0%,100%,.12);background:rgba(14,18,26,.94);box-shadow:0 1.3rem 2.8rem rgba(0,0,0,.45);border-radius:1rem;padding:2rem 1.5rem;text-align:center;color:#f5f8ff}.update-mode-overlay-card h1{margin:0;font-size:clamp(1.75rem,4vw,2.7rem);letter-spacing:.01em}.update-mode-overlay-card p{margin:.9rem 0 0;color:#c4cfdf;font-size:clamp(1rem,2.6vw,1.2rem)}.update-mode-overlay-link{margin:1.5rem auto 0;min-height:2.8rem;padding:.55rem 1rem;border-radius:.75rem;width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(138,170,255,.45);background:rgba(114,137,218,.18);color:#e6eeff;text-decoration:none;transition:background .2s ease,border-color .2s ease}.update-mode-overlay-link:hover{background:rgba(114,137,218,.28);border-color:rgba(138,170,255,.78)}.update-mode-overlay-link img{width:1.35rem;height:1.35rem}