/* 4 WHEEL'N FREEDOM — the Arcade page. Full viewport, the game's own loading screen, no engine chrome. */
html, body { margin: 0; padding: 0; height: 100%; background: #0b0810; overflow: hidden; overscroll-behavior: none; }
body { touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
#unity-container { position: fixed; inset: 0; width: 100%; height: 100%; }
#unity-canvas { position: absolute; inset: 0; width: 100%; height: 100%; background: #0b0810; display: block; outline: none; }
#unity-loading {
  position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  background: radial-gradient(ellipse at 50% 40%, #2a1218 0%, #0b0810 70%);
  color: #fff8d0; font: 600 13px/1.5 -apple-system, "Segoe UI", system-ui, sans-serif; letter-spacing: 0.14em; text-transform: uppercase;
  text-align: center; padding: 24px; transition: opacity 0.45s ease;
}
#unity-wordmark { width: min(74vw, 440px); height: auto; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.55)); }
#unity-loading .bar { width: min(58vw, 320px); height: 10px; border-radius: 6px; background: #2a1a12; border: 1px solid #4a2a1e; overflow: hidden; }
#unity-loading .bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #ffd75e, #f5941f, #e2481c); transition: width 0.15s linear; }
#unity-loading-note { font-size: 11px; letter-spacing: 0.1em; opacity: 0.6; }
#unity-loading .error { color: #ffb0a0; text-transform: none; letter-spacing: 0; max-width: 34em; }
#unity-warning { position: absolute; left: 50%; top: 6%; transform: translateX(-50%); display: none; z-index: 2; font: 500 13px/1.4 -apple-system, "Segoe UI", system-ui, sans-serif; }
#unity-warning div { background: #fff8d0; color: #12090c; padding: 10px 14px; border-radius: 8px; margin-bottom: 6px; }
#unity-warning div.warning { background: #ffd75e; }
#unity-warning div.error { background: #e2481c; color: #fff; }