.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}#flarex-connection-indicator{position:fixed;top:12px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;color:#f2f6ff;font-size:13px;font-weight:700;letter-spacing:.03em;border:2px solid rgba(90,134,220,.75);background:rgba(11,16,25,.9);box-shadow:0 8px 22px rgba(0,0,0,.45);z-index:20000;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#flarex-connection-indicator.visible{display:inline-flex}#flarex-connection-indicator[data-tone=warning]{border-color:rgba(220,170,90,.85);background:rgba(25,19,11,.9);color:#ffe6bf}#flarex-connection-indicator[data-tone=success]{border-color:rgba(90,190,120,.85);background:rgba(11,25,16,.9);color:#d8f5df}#flarex-connection-indicator .spinner{width:12px;height:12px;border:2px solid;border-top:2px solid rgba(0,0,0,0);border-radius:50%;animation:flarexConnectionSpin .85s linear infinite;opacity:.9}@keyframes flarexConnectionSpin{to{transform:rotate(1turn)}}.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}