/* ═══════════════════════════════════════════════════════════════ nexus-theme.css — site-wide OLDGAMES // NEXUS re-skin. Cyan/violet/magenta glassmorphic + aurora, ported from the nexus player. Applied by adding class "nexus-skin" to ; loaded LAST so it overrides the existing arcade-theme styles WITHOUT touching any page markup or JS (search/filter/auth/ads/SEO all keep working). Scope every rule under body.nexus-skin for the specificity to win. ═══════════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap'); body.nexus-skin{ --nx-void:#06060c; --nx-deep:#0a0a14; --nx-glass:rgba(16,17,30,.62); --nx-glass2:rgba(22,24,42,.55); --nx-stroke:rgba(120,140,220,.16); --nx-stroke2:rgba(120,140,220,.3); --nx-cyan:#00e5ff; --nx-violet:#8b5cf6; --nx-magenta:#ff2db8; --nx-lime:#a3ff3c; --nx-amber:#ffb01f; --nx-txt:#eef0ff; --nx-txt2:#9aa0c0; --nx-txt3:#5c6184; --nx-disp:'Orbitron',sans-serif; --nx-ui:'Rajdhani',sans-serif; background:transparent !important; color:var(--nx-txt); font-family:var(--nx-ui) !important; } /* Solid void backdrop at the VERY back (z-index:-4). The aurora/grid/dust sit above it at -3/-2/-1 (all negative, so they can NEVER cover page content), and this opaque layer makes them visible without an opaque body background (which would hide negative-z layers). */ body.nexus-skin::before{ content:""; position:fixed; inset:0; z-index:-4; background:var(--nx-void); pointer-events:none; } /* ── kill the old retrowave scene, lay a NEXUS aurora + grid floor ── */ body.nexus-skin .og-v5-scene, body.nexus-skin .og-v5-scene-lite, body.nexus-skin .og-v5-crt, body.nexus-skin .cyber-bg, body.nexus-skin .grid-overlay, body.nexus-skin .glow-orb{ display:none !important; } /* ═══ NEXUS motion keyframes (ported from the nexus player) ═══ */ @keyframes nx-drift1 { to { transform: translate(9vw, 7vw) scale(1.15); } } @keyframes nx-drift2 { to { transform: translate(-8vw, 9vw) scale(.9); } } @keyframes nx-drift3 { to { transform: translate(-7vw, -8vw) scale(1.12); } } @keyframes nx-hueSpin { to { filter: hue-rotate(360deg); } } @keyframes nx-orbit { to { transform: rotate(360deg); } } @keyframes nx-sweep { 0%,55% { left: -70%; } 90%,100% { left: 140%; } } @keyframes nx-livePulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.7); } } @keyframes nx-eq { 0%,100% { transform: scaleY(.35); } 50% { transform: scaleY(1); } } /* ═══ injected animated atmosphere (created by nexus-theme.js) ═══ */ body.nexus-skin .nexus-aurora{ position:fixed; inset:0; z-index:-3; pointer-events:none; overflow:hidden; filter:blur(70px) saturate(1.2); } body.nexus-skin .nexus-aurora i{ position:absolute; border-radius:50%; opacity:.5; mix-blend-mode:screen; } body.nexus-skin .nexus-aurora i:nth-child(1){ width:48vw; height:48vw; left:-12vw; top:-18vw; background:radial-gradient(circle, #1b3bd1, transparent 65%); animation:nx-drift1 26s ease-in-out infinite alternate; } body.nexus-skin .nexus-aurora i:nth-child(2){ width:42vw; height:42vw; right:-10vw; top:-10vw; background:radial-gradient(circle, #7a1fd9, transparent 65%); animation:nx-drift2 31s ease-in-out infinite alternate; } body.nexus-skin .nexus-aurora i:nth-child(3){ width:40vw; height:40vw; left:30vw; bottom:-22vw; background:radial-gradient(circle, #0a7a8a, transparent 65%); animation:nx-drift3 24s ease-in-out infinite alternate; } body.nexus-skin .nexus-gridfloor{ position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.5; background:linear-gradient(rgba(110,130,255,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(110,130,255,.05) 1px,transparent 1px); background-size:54px 54px; -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%); mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%); } body.nexus-skin .nexus-dust{ position:fixed; inset:0; z-index:-1; pointer-events:none; } /* (removed the > child position:relative;z-index:1 rule — the atmosphere is now at NEGATIVE z-index so content never needs lifting, and forcing position/z-index on direct body children could trap layout in a stacking context on production.) */ /* ── NAVBAR → glass ── */ body.nexus-skin .top-navbar{ background:var(--nx-glass) !important; border:1px solid var(--nx-stroke) !important; border-radius:16px !important; backdrop-filter:blur(18px) !important; box-shadow:0 18px 50px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05) !important; margin:14px auto 0 !important; max-width:1380px; } body.nexus-skin .logo-text{ font-family:var(--nx-disp) !important; letter-spacing:.12em; } body.nexus-skin .logo-text span, body.nexus-skin .logo-icon{ filter:none; } body.nexus-skin .logo-text span{ color:var(--nx-cyan) !important; } body.nexus-skin .nav-link{ font-family:var(--nx-ui) !important; font-weight:600; letter-spacing:.06em; color:var(--nx-txt2) !important; border:1px solid transparent !important; border-radius:9px; box-shadow:none !important; } body.nexus-skin .nav-link:hover, body.nexus-skin .nav-link[aria-current="page"]{ color:#fff !important; background:rgba(120,140,255,.1) !important; box-shadow:inset 0 -2px 0 var(--nx-cyan); } /* kill the old neon light-stripe on the navbar */ body.nexus-skin .top-navbar::before, body.nexus-skin .top-navbar::after{ content:none !important; background:none !important; box-shadow:none !important; display:none !important; } /* beat the .top-navbar-anchored old neon borders (specificity 0,3,1) */ body.nexus-skin .top-navbar .logo-icon{ border:1px solid var(--nx-stroke) !important; box-shadow:0 0 14px rgba(0,229,255,.18) !important; } body.nexus-skin .top-navbar .nav-link{ border:1px solid transparent !important; box-shadow:none !important; } body.nexus-skin .top-navbar .nav-link:hover, body.nexus-skin .top-navbar .nav-link[aria-current="page"]{ border-color:var(--nx-stroke2) !important; } body.nexus-skin #liveChat .chat-date-separator, body.nexus-skin #liveChat .chat-date-separator span{ border-color:var(--nx-stroke) !important; color:var(--nx-txt3) !important; } /* ── LIVE streams toggle + panel → nexus glass ── */ body.nexus-skin #liveStreamsToggle.live-streams-toggle, body.nexus-skin .live-streams-toggle{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; box-shadow:none !important; color:var(--nx-txt2) !important; font-family:var(--nx-ui) !important; } body.nexus-skin #liveStreamsToggle.live-streams-toggle:hover, body.nexus-skin .live-streams-toggle:hover{ border-color:var(--nx-magenta) !important; color:#fff !important; box-shadow:0 0 16px rgba(255,45,184,.28) !important; transform:translateY(-1px); } body.nexus-skin .live-toggle-text{ color:var(--nx-magenta) !important; font-family:var(--nx-disp) !important; letter-spacing:.1em; } body.nexus-skin .live-toggle-dot, body.nexus-skin .live-streams-toggle .live-dot, body.nexus-skin .live-streams-toggle [class*="dot"]{ background:var(--nx-magenta) !important; box-shadow:0 0 8px var(--nx-magenta) !important; animation:nx-livePulse 1.4s ease-in-out infinite !important; } body.nexus-skin #liveStreamsPanel.live-streams-panel, body.nexus-skin .live-streams-panel{ background:var(--nx-glass) !important; border:1px solid var(--nx-stroke) !important; backdrop-filter:blur(18px) !important; border-radius:16px !important; box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 34px rgba(255,45,184,.10) !important; font-family:var(--nx-ui) !important; } /* ── RADIO widget → nexus glass ── */ body.nexus-skin #radioPanel.radio-panel, body.nexus-skin .radio-panel{ background:var(--nx-glass) !important; border:1px solid var(--nx-stroke) !important; backdrop-filter:blur(18px) !important; border-radius:16px !important; box-shadow:0 18px 50px rgba(0,0,0,.5) !important; font-family:var(--nx-ui) !important; } body.nexus-skin #radioToggle.radio-toggle, body.nexus-skin .radio-toggle{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; box-shadow:none !important; color:var(--nx-txt2) !important; } body.nexus-skin .radio-title, body.nexus-skin .radio-panel-title{ color:var(--nx-txt) !important; font-family:var(--nx-disp) !important; } body.nexus-skin .radio-station, body.nexus-skin .radio-now-playing{ color:var(--nx-txt2) !important; } body.nexus-skin .live-streams-panel-header{ border-bottom:1px solid var(--nx-stroke) !important; } body.nexus-skin .live-streams-title{ color:var(--nx-txt) !important; font-family:var(--nx-disp) !important; letter-spacing:.06em; } body.nexus-skin .live-streams-count, body.nexus-skin .live-streams-empty{ color:var(--nx-txt2) !important; } /* ── CHAT toggle button → nexus glass ── */ body.nexus-skin #chatToggleBtn.chat-toggle-btn, body.nexus-skin .chat-toggle-btn{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; box-shadow:none !important; color:var(--nx-txt2) !important; font-family:var(--nx-disp) !important; letter-spacing:.08em; } body.nexus-skin #chatToggleBtn.chat-toggle-btn:hover, body.nexus-skin .chat-toggle-btn:hover{ border-color:var(--nx-cyan) !important; color:#fff !important; box-shadow:0 0 16px rgba(0,229,255,.28) !important; transform:translateY(-1px); } body.nexus-skin .chat-toggle-btn [class*="dot"], body.nexus-skin #chatToggleBtn [class*="dot"]{ background:var(--nx-cyan) !important; box-shadow:0 0 8px var(--nx-cyan) !important; } /* ── HERO ── */ body.nexus-skin .og-hero{ text-align:center; } body.nexus-skin .og-hero h1{ font-family:var(--nx-disp) !important; font-weight:900 !important; letter-spacing:.015em; text-transform:uppercase; background:linear-gradient(135deg,#fff 18%, var(--nx-cyan) 55%, var(--nx-violet) 80%, var(--nx-magenta)); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important; text-shadow:none !important; filter:drop-shadow(0 4px 22px rgba(0,229,255,.30)); } body.nexus-skin .og-hero .lead{ color:var(--nx-txt2) !important; } body.nexus-skin .og-stat{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:12px !important; backdrop-filter:blur(10px); } body.nexus-skin .og-stat-num{ font-family:var(--nx-disp) !important; color:var(--nx-cyan) !important; } body.nexus-skin .og-stat-lbl{ color:var(--nx-txt3) !important; letter-spacing:.14em; text-transform:uppercase; } body.nexus-skin .og-search-wrap{ background:rgba(10,10,20,.55) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; backdrop-filter:blur(12px); } body.nexus-skin .og-search-wrap:focus-within{ border-color:var(--nx-cyan) !important; box-shadow:0 0 0 3px rgba(0,229,255,.12), 0 0 22px rgba(0,229,255,.18) !important; } body.nexus-skin .og-search-input{ color:var(--nx-txt) !important; font-family:var(--nx-ui) !important; } /* ── CONSOLE NAV CHIPS + FILTER CHIPS → glass pills ── */ body.nexus-skin .og-nav-chip, body.nexus-skin .og-filter-chip{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; color:var(--nx-txt2) !important; border-radius:999px !important; font-family:var(--nx-ui) !important; font-weight:600; letter-spacing:.04em; transition:border-color .2s, color .2s, box-shadow .2s, background .2s; } body.nexus-skin .og-nav-chip em{ color:var(--nx-cyan) !important; font-style:normal; } body.nexus-skin .og-nav-chip:hover, body.nexus-skin .og-filter-chip:hover{ border-color:var(--nx-cyan) !important; color:#fff !important; box-shadow:0 0 16px rgba(0,229,255,.18) !important; } body.nexus-skin .og-filter-chip.active{ color:#021016 !important; border-color:transparent !important; background:linear-gradient(135deg,var(--nx-cyan),#4dc6ff) !important; box-shadow:0 8px 22px rgba(0,229,255,.3) !important; } /* ── SECTION TITLES ── */ body.nexus-skin .og-section-title, body.nexus-skin .og-console-header h2{ font-family:var(--nx-disp) !important; letter-spacing:.04em; } body.nexus-skin .og-section-title span, body.nexus-skin .og-console-header h2 .og-count{ color:var(--nx-cyan) !important; } body.nexus-skin .og-console-tagline{ color:var(--nx-txt2) !important; } body.nexus-skin .og-hub-link{ color:var(--nx-cyan) !important; } /* ── HUB CARDS (browse by console) → glass ── */ body.nexus-skin .og-hub-card{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:16px !important; backdrop-filter:blur(10px); transition:transform .22s ease, border-color .25s, box-shadow .25s; } body.nexus-skin .og-hub-card:hover{ transform:translateY(-5px); border-color:rgba(0,229,255,.55) !important; box-shadow:0 26px 56px rgba(0,0,0,.6), 0 0 34px rgba(0,229,255,.16) !important; } body.nexus-skin .og-hub-info h3{ font-family:var(--nx-disp) !important; } body.nexus-skin .og-hub-count{ color:var(--nx-cyan) !important; } /* ── GAME CARDS → glass neon (matches the nexus shelf) ── */ body.nexus-skin .og-game-card{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:16px !important; overflow:hidden; transition:transform .22s ease, border-color .25s, box-shadow .25s; } body.nexus-skin .og-game-card:hover{ transform:translateY(-6px); border-color:rgba(0,229,255,.55) !important; box-shadow:0 26px 56px rgba(0,0,0,.6), 0 0 34px rgba(0,229,255,.16) !important; } body.nexus-skin .og-game-card:hover .og-card-cover img{ transform:scale(1.08); } body.nexus-skin .og-card-cover img{ transition:transform .45s ease; } body.nexus-skin .og-card-tag{ font-family:var(--nx-disp) !important; font-size:.5rem !important; letter-spacing:.16em; border-radius:6px !important; color:#021016 !important; background:linear-gradient(135deg,var(--nx-cyan),#6ef0ff) !important; box-shadow:0 6px 16px rgba(0,229,255,.4); } body.nexus-skin .og-card-play{ background:linear-gradient(180deg, rgba(7,8,16,.2), rgba(7,8,16,.92) 70%) !important; } body.nexus-skin .og-play-icon{ background:linear-gradient(135deg,var(--nx-cyan),#4dc6ff) !important; color:#021016 !important; box-shadow:0 8px 20px rgba(0,229,255,.4) !important; } body.nexus-skin .og-play-text{ font-family:var(--nx-disp) !important; letter-spacing:.16em; color:#fff !important; } body.nexus-skin .og-card-title{ font-family:var(--nx-ui) !important; font-weight:700; color:var(--nx-txt) !important; } body.nexus-skin .og-game-card:hover .og-card-title{ color:var(--nx-cyan) !important; } /* ── console section header media halo ── */ body.nexus-skin .og-console-header{ border-bottom:1px solid var(--nx-stroke) !important; } /* ── empty state / misc ── */ body.nexus-skin .og-empty-state{ color:var(--nx-txt2) !important; } body.nexus-skin a{ text-decoration:none; } /* ── MOTION on skin elements: brand glow, card shine, play sweep ── */ body.nexus-skin .logo-icon{ display:inline-block; border:1px solid var(--nx-stroke) !important; border-radius:9px !important; box-shadow:0 0 14px rgba(0,229,255,.18) !important; animation:nx-hueSpin 5s linear infinite; } body.nexus-skin .og-game-card, body.nexus-skin .og-hub-card{ position:relative; } body.nexus-skin .og-game-card::after, body.nexus-skin .og-hub-card::after{ content:""; position:absolute; top:0; left:-70%; width:50%; height:100%; pointer-events:none; z-index:3; background:linear-gradient(100deg, transparent, rgba(255,255,255,.14), transparent); transform:skewX(-22deg); opacity:0; } body.nexus-skin .og-game-card:hover::after, body.nexus-skin .og-hub-card:hover::after{ opacity:1; animation:nx-sweep 1.1s ease-in-out; } body.nexus-skin .og-game-card:hover{ transform:translateY(-6px) scale(1.012); } body.nexus-skin .og-play-icon{ position:relative; overflow:hidden; } body.nexus-skin .og-play-icon::after{ content:""; position:absolute; top:0; left:-70%; width:50%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform:skewX(-22deg); animation:nx-sweep 3.2s ease-in-out infinite; } /* ═══ LIVE-NOW toast/panel → NEXUS glass ═══ */ body.nexus-skin #liveNowToast, body.nexus-skin #liveNowToast .lnt-panel, body.nexus-skin #liveNowToast .lnt-bar{ background:var(--nx-glass) !important; border:1px solid var(--nx-stroke) !important; backdrop-filter:blur(18px) !important; border-radius:16px !important; box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 34px rgba(0,229,255,.10) !important; font-family:var(--nx-ui) !important; } body.nexus-skin #liveNowToast .lnt-game, body.nexus-skin #liveNowToast .lnt-marquee{ color:var(--nx-txt) !important; font-family:var(--nx-disp) !important; } body.nexus-skin #liveNowToast .lnt-streamer, body.nexus-skin #liveNowToast .lnt-meta, body.nexus-skin #liveNowToast .lnt-counter{ color:var(--nx-txt2) !important; } body.nexus-skin #liveNowToast .lnt-thumb, body.nexus-skin #liveNowToast .lnt-cover-mini{ border:1px solid var(--nx-stroke2) !important; border-radius:10px !important; } body.nexus-skin #liveNowToast .lnt-glow-ring{ box-shadow:0 0 0 2px var(--nx-cyan), 0 0 18px rgba(0,229,255,.4) !important; } body.nexus-skin #liveNowToast .lnt-live-badge{ background:rgba(255,45,184,.16) !important; border:1px solid rgba(255,45,184,.42) !important; color:#ffd6ef !important; font-family:var(--nx-disp) !important; } body.nexus-skin #liveNowToast .lnt-live-dot{ background:var(--nx-magenta) !important; box-shadow:0 0 10px var(--nx-magenta) !important; animation:nx-livePulse 1.4s ease-in-out infinite !important; } body.nexus-skin #liveNowToast .lnt-equalizer span, body.nexus-skin #liveNowToast .lnt-equalizer i{ background:linear-gradient(180deg, var(--nx-cyan), var(--nx-violet)) !important; animation:nx-eq .9s ease-in-out infinite !important; } body.nexus-skin #liveNowToast .lnt-equalizer span:nth-child(2), body.nexus-skin #liveNowToast .lnt-equalizer i:nth-child(2){ animation-delay:.15s !important; } body.nexus-skin #liveNowToast .lnt-equalizer span:nth-child(3), body.nexus-skin #liveNowToast .lnt-equalizer i:nth-child(3){ animation-delay:.3s !important; } body.nexus-skin #liveNowToast .lnt-watch-btn{ background:linear-gradient(135deg, var(--nx-cyan), #4dc6ff 55%, var(--nx-violet) 130%) !important; color:#021016 !important; border:none !important; font-family:var(--nx-disp) !important; letter-spacing:.14em !important; border-radius:11px !important; box-shadow:0 12px 30px rgba(0,229,255,.32) !important; } body.nexus-skin #liveNowToast .lnt-watch-btn:hover{ transform:translateY(-2px); } body.nexus-skin #liveNowToast .lnt-nav-arrows .lnt-nav, body.nexus-skin #liveNowToast .lnt-chevron, body.nexus-skin #liveNowToast .lnt-close-x{ color:var(--nx-txt2) !important; border-color:var(--nx-stroke) !important; } /* ═══ CHAT widget → NEXUS glass (anchored on #liveChat to beat body.arcade-theme-v5 #liveChat … which carries an ID) ═══ */ body.nexus-skin #liveChat, body.nexus-skin #liveChat.live-chat{ border:1px solid var(--nx-stroke) !important; border-radius:16px !important; box-shadow:0 18px 50px rgba(0,0,0,.5) !important; font-family:var(--nx-ui) !important; } body.nexus-skin #liveChat .live-chat-bg-overlay{ background:rgba(8,8,16,.55) !important; } body.nexus-skin #liveChat .chat-header{ background:linear-gradient(180deg, rgba(20,22,40,.7), rgba(10,10,20,.4)) !important; border-bottom:1px solid var(--nx-stroke) !important; } body.nexus-skin #liveChat .chat-title{ font-family:var(--nx-disp) !important; color:var(--nx-txt) !important; letter-spacing:.06em; } body.nexus-skin #liveChat .chat-header-glow{ background:radial-gradient(120px 40px at 50% 0, rgba(0,229,255,.25), transparent 70%) !important; } body.nexus-skin #liveChat .online-badge{ color:var(--nx-cyan) !important; } body.nexus-skin #liveChat .online-dot-anim{ background:var(--nx-cyan) !important; box-shadow:0 0 8px var(--nx-cyan) !important; animation:nx-livePulse 1.6s ease-in-out infinite !important; } body.nexus-skin #liveChat .chat-tab{ color:var(--nx-txt2) !important; font-family:var(--nx-ui) !important; } body.nexus-skin #liveChat .chat-tab.active{ color:#fff !important; box-shadow:inset 0 -2px 0 var(--nx-cyan) !important; } body.nexus-skin #liveChat .chat-btn{ color:var(--nx-txt2) !important; } body.nexus-skin #liveChat .chat-btn:hover{ color:var(--nx-cyan) !important; } body.nexus-skin #liveChat .messages-list, body.nexus-skin #liveChat .online-users-list, body.nexus-skin #liveChat .chat-content{ color:var(--nx-txt) !important; } body.nexus-skin #liveChat .chat-login-btn{ background:linear-gradient(135deg, var(--nx-cyan), var(--nx-violet)) !important; color:#021016 !important; border:none !important; border-radius:10px !important; font-family:var(--nx-disp) !important; } body.nexus-skin #liveChat .chat-input, body.nexus-skin #liveChat .chat-input-field{ background:rgba(10,10,20,.55) !important; border:1px solid var(--nx-stroke) !important; color:var(--nx-txt) !important; } body.nexus-skin #liveChat .chat-input:focus-within, body.nexus-skin #liveChat .chat-input-field:focus{ border-color:var(--nx-cyan) !important; box-shadow:0 0 0 3px rgba(0,229,255,.12) !important; } /* ═══ ACTIVE / FAVORITE / LIVE pills ═══ */ body.nexus-skin .nav-active-users-pill, body.nexus-skin #navbar .nav-active-users-pill{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; color:var(--nx-txt2) !important; font-family:var(--nx-ui) !important; box-shadow:none !important; } body.nexus-skin .nav-active-dot{ background:var(--nx-lime) !important; box-shadow:0 0 8px var(--nx-lime) !important; animation:nx-livePulse 1.8s ease-in-out infinite !important; } body.nexus-skin .nav-active-count{ color:var(--nx-lime) !important; font-family:var(--nx-disp) !important; } body.nexus-skin .nav-favorites-btn, body.nexus-skin #navbar .nav-favorites-btn{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; color:var(--nx-txt2) !important; font-family:var(--nx-ui) !important; box-shadow:none !important; } body.nexus-skin .nav-fav-icon{ color:var(--nx-amber) !important; text-shadow:0 0 8px rgba(255,176,31,.6); } body.nexus-skin .nav-favorites-btn:hover, body.nexus-skin #navbar .nav-favorites-btn:hover{ border-color:var(--nx-amber) !important; color:#fff !important; box-shadow:0 0 16px rgba(255,176,31,.25) !important; transform:translateY(-2px); } body.nexus-skin .nav-fav-count{ background:var(--nx-amber) !important; color:#1a1200 !important; font-family:var(--nx-disp) !important; border-radius:999px !important; } body.nexus-skin .ogp-card-fav{ background:rgba(10,10,20,.55) !important; border:1px solid rgba(255,176,31,.35) !important; border-radius:10px !important; color:var(--nx-amber) !important; backdrop-filter:blur(6px); } body.nexus-skin .ogp-card-fav.is-fav, body.nexus-skin .ogp-card-fav[aria-pressed="true"]{ background:linear-gradient(135deg, var(--nx-amber), #ffd36b) !important; color:#1a1200 !important; border-color:transparent !important; box-shadow:0 6px 18px rgba(255,176,31,.4) !important; } body.nexus-skin .live-badge-overlay, body.nexus-skin .ogp-live-badge{ background:rgba(255,45,184,.16) !important; border:1px solid rgba(255,45,184,.42) !important; color:#ffd6ef !important; font-family:var(--nx-disp) !important; border-radius:9px !important; letter-spacing:.12em; } body.nexus-skin .live-badge-overlay.is-playing{ background:rgba(0,229,255,.14) !important; border-color:rgba(0,229,255,.4) !important; color:#cdf6ff !important; } body.nexus-skin .live-badge-dot{ background:var(--nx-magenta) !important; box-shadow:0 0 10px var(--nx-magenta) !important; animation:nx-livePulse 1.4s ease-in-out infinite !important; } body.nexus-skin .ogp-live-row{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:12px !important; } /* ═══ FOOTER → glass ═══ */ body.nexus-skin .og-footer{ background:var(--nx-glass) !important; border-top:1px solid var(--nx-stroke) !important; backdrop-filter:blur(14px) !important; color:var(--nx-txt2) !important; font-family:var(--nx-ui) !important; } body.nexus-skin .og-footer a{ color:var(--nx-txt2) !important; } body.nexus-skin .og-footer a:hover{ color:var(--nx-cyan) !important; } body.nexus-skin .og-footer h3, body.nexus-skin .og-footer h4, body.nexus-skin .og-footer strong{ color:var(--nx-txt) !important; font-family:var(--nx-disp) !important; } /* ═══ ADS RAILS → glass frame only (never hide ads) ═══ */ body.nexus-skin .og-desktop-rail, body.nexus-skin .ad-container, body.nexus-skin .ad-wrapper{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:14px !important; backdrop-filter:blur(8px); } body.nexus-skin .og-ad-empty{ color:var(--nx-txt3) !important; border:1px dashed var(--nx-stroke) !important; background:transparent !important; font-family:var(--nx-ui) !important; } body.nexus-skin .og-desktop-rail iframe, body.nexus-skin .ad-container iframe{ background:transparent !important; } /* ═══ SHOW-MORE / SHOW-ALL ═══ */ body.nexus-skin .ogp-show-more{ background:linear-gradient(135deg, var(--nx-cyan), #4dc6ff) !important; border:1px solid transparent !important; color:#021016 !important; border-radius:10px !important; font-family:var(--nx-disp) !important; font-weight:800 !important; letter-spacing:.08em; box-shadow:0 8px 22px rgba(0,229,255,.28) !important; } body.nexus-skin .ogp-show-more:hover{ transform:translateY(-2px); } body.nexus-skin .ogp-show-all{ background:rgba(0,229,255,.10) !important; border:1px solid rgba(0,229,255,.34) !important; color:#bdf8ff !important; border-radius:10px !important; font-family:var(--nx-disp) !important; } /* ═══ SCROLLBAR → neon ═══ */ body.nexus-skin *::-webkit-scrollbar{ width:10px; height:10px; } body.nexus-skin *::-webkit-scrollbar-track{ background:rgba(10,10,20,.4); } body.nexus-skin *::-webkit-scrollbar-thumb{ background:linear-gradient(180deg, var(--nx-cyan), var(--nx-violet)); border-radius:999px; border:2px solid rgba(6,6,12,.6); } body.nexus-skin *::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg, #4dc6ff, var(--nx-magenta)); } body.nexus-skin{ scrollbar-color:var(--nx-cyan) rgba(10,10,20,.4); scrollbar-width:thin; } body.nexus-skin .og-console-nav::-webkit-scrollbar, body.nexus-skin .og-filter-bar::-webkit-scrollbar, body.nexus-skin .ogp-front-nav::-webkit-scrollbar{ height:0 !important; display:none !important; } /* ═══ CONSOLE STATION shared coverage (home/console pages) ═══ */ body.nexus-skin .arcade-status-bar, body.nexus-skin .arcade-meta-card, body.nexus-skin .arcade-related-item{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:14px !important; backdrop-filter:blur(10px); } body.nexus-skin .arcade-status-dot, body.nexus-skin .arcade-live-dot{ background:var(--nx-magenta) !important; box-shadow:0 0 10px var(--nx-magenta) !important; animation:nx-livePulse 1.4s ease-in-out infinite !important; } body.nexus-skin .arcade-related-item:hover{ border-color:rgba(0,229,255,.5) !important; box-shadow:0 16px 40px rgba(0,0,0,.5), 0 0 24px rgba(0,229,255,.14) !important; transform:translateY(-3px); } body.nexus-skin .sidebar-action-btn, body.nexus-skin .arcade-nav-btn, body.nexus-skin .arcade-header-btn, body.nexus-skin .arcade-gamepad-pill{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; color:var(--nx-txt2) !important; border-radius:11px !important; font-family:var(--nx-ui) !important; } body.nexus-skin .arcade-nav-btn:hover, body.nexus-skin .arcade-header-btn:hover, body.nexus-skin .sidebar-action-btn:hover{ border-color:var(--nx-cyan) !important; color:#fff !important; box-shadow:0 0 16px rgba(0,229,255,.18) !important; } /* ═══════════════════════════════════════════════════════════════ HOMEPAGE (index.html) — #navbar + premium hero + side panels. #navbar is the home's nav (the catalog uses .top-navbar). ═══════════════════════════════════════════════════════════════ */ body.nexus-skin.modern-ui-theme #navbar, body.nexus-skin #navbar{ background:var(--nx-glass) !important; border-bottom:1px solid var(--nx-stroke) !important; border-color:var(--nx-stroke) !important; backdrop-filter:blur(18px) !important; box-shadow:0 8px 30px rgba(0,0,0,.4) !important; } body.nexus-skin.modern-ui-theme #navbar::before, body.nexus-skin.modern-ui-theme #navbar::after, body.nexus-skin #navbar::before, body.nexus-skin #navbar::after{ display:none !important; content:none !important; } /* navbar inner-bar bg painters (some themes paint the bar on a child) */ body.nexus-skin.modern-ui-theme #navbar .nav-search-btn{ background:rgba(10,10,20,.55) !important; border:1px solid var(--nx-stroke) !important; } body.nexus-skin .nav-multiplayer-online-btn, body.nexus-skin #navbar .nav-multiplayer-online-btn{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; color:var(--nx-txt2) !important; box-shadow:none !important; } body.nexus-skin .nav-mp-status-dot{ background:var(--nx-lime) !important; box-shadow:0 0 8px var(--nx-lime) !important; animation:nx-livePulse 1.8s ease-in-out infinite !important; } body.nexus-skin .nav-mp-text, body.nexus-skin .nav-mp-count{ color:var(--nx-txt2) !important; } body.nexus-skin .nav-dropdown-trigger, body.nexus-skin .nav-menu a, body.nexus-skin .nav-menu button{ color:var(--nx-txt2) !important; font-family:var(--nx-ui) !important; } body.nexus-skin .nav-dropdown-panel{ background:var(--nx-glass) !important; border:1px solid var(--nx-stroke) !important; border-radius:14px !important; backdrop-filter:blur(18px) !important; box-shadow:0 18px 50px rgba(0,0,0,.5) !important; } body.nexus-skin .nav-dropdown-item{ color:var(--nx-txt2) !important; border-radius:9px !important; } body.nexus-skin .nav-dropdown-item:hover{ background:rgba(120,140,255,.1) !important; color:#fff !important; } body.nexus-skin .nav-dropdown-section-title{ color:var(--nx-txt3) !important; font-family:var(--nx-disp) !important; letter-spacing:.12em; } /* hero badge + title */ body.nexus-skin .hero-plans-badge{ background:rgba(255,45,184,.14) !important; border:1px solid rgba(255,45,184,.4) !important; color:#ffd6ef !important; font-family:var(--nx-disp) !important; } body.nexus-skin .hero-plans-badge-dot{ background:var(--nx-magenta) !important; box-shadow:0 0 8px var(--nx-magenta) !important; animation:nx-livePulse 1.4s ease-in-out infinite !important; } body.nexus-skin .hero-plans-title{ font-family:var(--nx-disp) !important; color:#fff !important; text-shadow:none !important; } body.nexus-skin .hero-plans-title-accent{ background:none !important; -webkit-text-fill-color:var(--nx-cyan) !important; color:var(--nx-cyan) !important; text-shadow:0 0 18px rgba(0,229,255,.5) !important; filter:none !important; } body.nexus-skin .hero-plans-subtitle{ color:var(--nx-txt2) !important; } /* hero live stats */ body.nexus-skin .hero-live-stat-card{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:12px !important; backdrop-filter:blur(10px); } body.nexus-skin .hero-live-stat-value{ color:var(--nx-cyan) !important; font-family:var(--nx-disp) !important; } body.nexus-skin .hero-live-stat-label, body.nexus-skin .hero-live-stat-note{ color:var(--nx-txt2) !important; } /* plan cards (FREE / STANDARD / PREMIUM) */ body.nexus-skin .hero-plan-card{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:16px !important; backdrop-filter:blur(10px); } body.nexus-skin .hero-plan-card.hero-plan-popular, body.nexus-skin .hero-plan-card.hero-plan-premium{ border-color:rgba(0,229,255,.42) !important; box-shadow:0 0 30px rgba(0,229,255,.12) !important; } body.nexus-skin .hero-plan-cta{ font-family:var(--nx-disp) !important; border-radius:11px !important; } body.nexus-skin .hero-plan-cta-primary{ background:linear-gradient(135deg,var(--nx-cyan),#4dc6ff) !important; color:#021016 !important; border:none !important; box-shadow:0 8px 22px rgba(0,229,255,.3) !important; } /* hero CTA pixel buttons (PLAY NOW primary / CHECK CONSOLES alt) → nexus */ body.nexus-skin .og-v5-pixbtn{ background:linear-gradient(135deg,var(--nx-cyan),#4dc6ff) !important; color:#021016 !important; border:1px solid transparent !important; box-shadow:0 8px 22px rgba(0,229,255,.3) !important; font-family:var(--nx-disp) !important; } body.nexus-skin .og-v5-pixbtn.og-v5-pixbtn-alt{ background:rgba(0,229,255,.10) !important; border:1px solid rgba(0,229,255,.34) !important; color:#bdf8ff !important; box-shadow:none !important; } /* side panels (TOP PLAYED + TOP PLAYERS) → glass */ body.nexus-skin .hero-side-panel{ background:var(--nx-glass2) !important; border:1px solid var(--nx-stroke) !important; border-radius:16px !important; backdrop-filter:blur(12px) !important; } body.nexus-skin .top-players-header, body.nexus-skin .most-played-header, body.nexus-skin .hero-side-panel .panel-title{ font-family:var(--nx-disp) !important; color:var(--nx-txt) !important; } body.nexus-skin .top-players-empty{ color:var(--nx-txt2) !important; } body.nexus-skin .most-played-section{ background:transparent !important; } /* homepage logo mark + retro badges/tags → nexus */ body.nexus-skin #navbar .logo-icon{ border:1px solid var(--nx-stroke) !important; background:linear-gradient(135deg, var(--nx-cyan), var(--nx-violet)) !important; box-shadow:0 0 14px rgba(0,229,255,.25) !important; } body.nexus-skin .hero-plan-tag, body.nexus-skin .panel-badge, body.nexus-skin .hero-side-panel .panel-badge{ background:rgba(0,229,255,.14) !important; border:1px solid rgba(0,229,255,.4) !important; color:#cdf6ff !important; font-family:var(--nx-disp) !important; text-shadow:none !important; } body.nexus-skin .hero-plan-tag.hero-plan-tag-pr, body.nexus-skin .hero-plan-tag-pr{ background:rgba(255,45,184,.14) !important; border:1px solid rgba(255,45,184,.4) !important; color:#ffd6ef !important; } /* ── homepage navbar refinements: animated OLDGAMES logo, premium btn, button shine sweep, kill the gold "arcade lights" ── */ @keyframes nx-logoGlow{ 0%,100%{ text-shadow:0 0 8px rgba(0,229,255,.35); } 50%{ text-shadow:0 0 18px rgba(0,229,255,.7), 0 0 28px rgba(139,92,246,.4); } } body.nexus-skin #navbar .logo, body.nexus-skin .logo{ font-family:var(--nx-disp) !important; letter-spacing:.06em; font-weight:800; color:#fff !important; animation:nx-logoGlow 2.8s ease-in-out infinite; } body.nexus-skin #navbar .logo:hover .logo-icon{ filter:brightness(1.25) !important; } /* premium / subscribe → nexus magenta (kills the gold animated light) */ body.nexus-skin .nav-subscribe-btn, body.nexus-skin .nav-subscribe-btn.is-premium, body.nexus-skin #navbar .nav-subscribe-btn{ background:linear-gradient(135deg, var(--nx-magenta), var(--nx-violet)) !important; color:#fff !important; border:1px solid transparent !important; box-shadow:0 8px 22px rgba(255,45,184,.32) !important; animation:none !important; font-family:var(--nx-disp) !important; } body.nexus-skin .premium-badge{ background:rgba(255,45,184,.16) !important; border:1px solid rgba(255,45,184,.4) !important; color:#ffd6ef !important; box-shadow:none !important; animation:none !important; } body.nexus-skin .subscribe-icon{ animation:none !important; color:#fff !important; } /* primary CTA shine sweep (PLAY NOW) — more "advanced/detailed" */ body.nexus-skin .og-v5-pixbtn{ position:relative; overflow:hidden; } body.nexus-skin .og-v5-pixbtn:not(.og-v5-pixbtn-alt)::after{ content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent); transform:skewX(-22deg); animation:nx-sweep 3.4s ease-in-out infinite; pointer-events:none; } /* LIVE pill text glow */ body.nexus-skin .live-toggle-text{ text-shadow:0 0 8px rgba(255,45,184,.6); } /* ── OldGames Radio (music-player.js .mpc-*) on the catalog → nexus ── */ body.nexus-skin #musicPlayerFloat, body.nexus-skin #musicPlayerCompact, body.nexus-skin #musicPlayerFloat .mpc-bar{ background:var(--nx-glass) !important; border:1px solid var(--nx-stroke) !important; backdrop-filter:blur(18px) !important; border-radius:14px !important; box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 30px rgba(0,229,255,.08) !important; } body.nexus-skin #musicPlayerFloat .mpc-title{ color:var(--nx-txt) !important; font-family:var(--nx-ui) !important; } body.nexus-skin #musicPlayerFloat .mpc-artist{ color:var(--nx-txt2) !important; } body.nexus-skin #musicPlayerFloat .mpc-btn-main{ background:linear-gradient(135deg,var(--nx-cyan),#4dc6ff) !important; color:#021016 !important; border:none !important; box-shadow:0 6px 16px rgba(0,229,255,.35) !important; } body.nexus-skin #musicPlayerFloat .mpc-btn{ color:var(--nx-txt2) !important; } body.nexus-skin #musicPlayerFloat .mpc-btn:hover{ color:var(--nx-cyan) !important; } body.nexus-skin #musicPlayerFloat .mpc-visualizer span, body.nexus-skin #musicPlayerFloat .mpc-equalizer span, body.nexus-skin #musicPlayerFloat .mpc-bar-fill{ background:linear-gradient(180deg,var(--nx-cyan),var(--nx-violet)) !important; } /* ═══════════════════════════════════════════════════════════════ NEXUS ENTRANCE GATE — re-skins the #loadingScreen (arcade-v10-gate). CRITICAL FIX: the gate had a TRANSPARENT bg; once the body bg became the nexus aurora, the gate looked empty ("only background"). Give it a SOLID opaque nexus background + a clean futuristic boot. ═══════════════════════════════════════════════════════════════ */ @keyframes nx-gatePulse{ 0%,100%{ opacity:.5; transform:scale(.96); } 50%{ opacity:1; transform:scale(1); } } body.nexus-skin #loadingScreen.arcade-v10-gate, body.nexus-skin #loadingScreen.loading-screen{ background: radial-gradient(50vw 50vw at 8% -8%, rgba(27,59,209,.5), transparent 60%), radial-gradient(44vw 44vw at 92% 0%, rgba(122,31,217,.45), transparent 60%), radial-gradient(48vw 48vw at 55% 114%, rgba(10,122,138,.4), transparent 62%), #06060c !important; } /* Hide arcade decorations → clean futuristic gate. CRITICAL: use opacity (NOT display:none) — the gate driver (arcade-theme-v5.js) may listen for animation/transition end events on these elements to hand off and REVEAL the page content. display:none stops their animations → the events never fire → the home stays stuck showing only the background. opacity:0 keeps animations + events alive. */ body.nexus-skin #loadingScreen .v10-sun, body.nexus-skin #loadingScreen .v10-grid, body.nexus-skin #loadingScreen .v10-doors, body.nexus-skin #loadingScreen .v10-coinslot, body.nexus-skin #loadingScreen .v10-coin, body.nexus-skin #loadingScreen .v10-marquee, body.nexus-skin #loadingScreen .v10-scan, body.nexus-skin #loadingScreen .v10-vig, body.nexus-skin #loadingScreen .v10-power, body.nexus-skin #loadingScreen .v10-logo::before, body.nexus-skin #loadingScreen .v10-logo::after{ opacity:0 !important; pointer-events:none !important; } /* Force-visible ONLY while the gate is closed: when .gate-open lands, the page's own rule `.arcade-v10-gate.gate-open .v10-boot{opacity:0}` (no !important) must win so the boot panel FADES OUT — an unconditional opacity:1 !important here kept the gate looking frozen on screen. */ body.nexus-skin #loadingScreen:not(.gate-open) .v10-boot{ opacity:1 !important; visibility:visible !important; } body.nexus-skin #loadingScreen .v10-logo{ font-family:var(--nx-disp) !important; color:#fff !important; text-shadow:0 0 24px rgba(0,229,255,.6), 0 0 40px rgba(139,92,246,.35) !important; -webkit-text-fill-color:#fff !important; } body.nexus-skin #loadingScreen .v10-logo span{ color:var(--nx-cyan) !important; -webkit-text-fill-color:var(--nx-cyan) !important; } body.nexus-skin #loadingScreen .v10-sub{ color:var(--nx-cyan) !important; font-family:var(--nx-disp) !important; letter-spacing:.42em; } body.nexus-skin #loadingScreen .v10-loadbar{ background:rgba(120,140,220,.15) !important; border:1px solid var(--nx-stroke) !important; border-radius:999px !important; overflow:hidden; } body.nexus-skin #loadingScreen .v10-loadfill{ background:linear-gradient(90deg,var(--nx-cyan),var(--nx-violet)) !important; box-shadow:0 0 14px rgba(0,229,255,.6) !important; } body.nexus-skin #loadingScreen .v10-loadlabel{ color:var(--nx-txt2) !important; font-family:var(--nx-disp) !important; } body.nexus-skin #loadingScreen #loadingPercentage, body.nexus-skin #loadingScreen #loadingStatusText{ color:var(--nx-cyan) !important; } body.nexus-skin #loadingScreen .v10-startbtn{ background:linear-gradient(135deg,var(--nx-cyan),#4dc6ff) !important; color:#021016 !important; border:none !important; font-family:var(--nx-disp) !important; border-radius:11px !important; box-shadow:0 8px 22px rgba(0,229,255,.3) !important; animation:nx-gatePulse 2s ease-in-out infinite; } body.nexus-skin #loadingScreen .v10-skip{ color:var(--nx-txt2) !important; border:1px solid var(--nx-stroke) !important; background:var(--nx-glass2) !important; border-radius:999px !important; } /* ── animated OLDGAMES emblem (ported from nexus_player.html) in the gate ── */ body.nexus-skin #loadingScreen .nxg-emblem{ width:118px; height:118px; position:relative; margin:0 auto 20px; } body.nexus-skin #loadingScreen .nxg-emblem svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; } body.nexus-skin #loadingScreen .nxg-ringd{ fill:none; stroke:rgba(120,140,255,.4); stroke-width:1.6; stroke-dasharray:5 9; transform-origin:center; animation:nxg-orbit 16s linear infinite; } body.nexus-skin #loadingScreen .nxg-arc{ fill:none; stroke:#00e5ff; stroke-width:2.6; stroke-linecap:round; filter:drop-shadow(0 0 7px rgba(0,229,255,.7)); transform-origin:center; animation:nxg-orbit 5s linear infinite reverse; } body.nexus-skin #loadingScreen .nxg-arc2{ fill:none; stroke:#ff2db8; stroke-width:2; stroke-linecap:round; opacity:.85; filter:drop-shadow(0 0 6px rgba(255,45,184,.6)); transform-origin:center; animation:nxg-orbit 8s linear infinite; } body.nexus-skin #loadingScreen .nxg-orbgrp{ transform-origin:center; animation:nxg-orbit 5s linear infinite reverse; } body.nexus-skin #loadingScreen .nxg-orb{ fill:#fff; filter:drop-shadow(0 0 7px #00e5ff); } body.nexus-skin #loadingScreen .nxg-mono{ fill:none; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:120; animation:nxg-draw 4.2s ease-in-out infinite; } body.nexus-skin #loadingScreen .nxg-mO{ stroke:url(#nxgGradOG); } body.nexus-skin #loadingScreen .nxg-mG{ stroke:url(#nxgGradOG); animation-delay:.25s; } body.nexus-skin #loadingScreen .nxg-emblem::before{ content:""; position:absolute; inset:15%; border-radius:50%; background:radial-gradient(circle, rgba(0,229,255,.22), transparent 65%); animation:nxg-pulse 2.4s ease-in-out infinite; } @keyframes nxg-orbit{ to{ transform:rotate(360deg); } } @keyframes nxg-draw{ 0%{stroke-dashoffset:120;opacity:0} 12%{opacity:1} 38%,72%{stroke-dashoffset:0;opacity:1} 92%,100%{stroke-dashoffset:-120;opacity:0} } @keyframes nxg-pulse{ 0%,100%{transform:scale(.85);opacity:.6} 50%{transform:scale(1.12);opacity:1} } @media (prefers-reduced-motion:reduce){ body.nexus-skin #loadingScreen .nxg-ringd, body.nexus-skin #loadingScreen .nxg-arc, body.nexus-skin #loadingScreen .nxg-arc2, body.nexus-skin #loadingScreen .nxg-orbgrp, body.nexus-skin #loadingScreen .nxg-mono, body.nexus-skin #loadingScreen .nxg-emblem::before{ animation:none !important; } body.nexus-skin #loadingScreen .nxg-mono{ stroke-dashoffset:0 !important; opacity:1 !important; } } @media (prefers-reduced-motion:reduce){ body.nexus-skin .logo, body.nexus-skin .og-v5-pixbtn::after{ animation:none !important; } } @media (prefers-reduced-motion:reduce){ body.nexus-skin .nav-mp-status-dot, body.nexus-skin .hero-plans-badge-dot, body.nexus-skin .nexus-aurora i, body.nexus-skin .logo-icon, body.nexus-skin .og-play-icon::after, body.nexus-skin #liveNowToast .lnt-live-dot, body.nexus-skin #liveNowToast .lnt-equalizer span, body.nexus-skin #liveNowToast .lnt-equalizer i, body.nexus-skin .online-dot-anim, body.nexus-skin .nav-active-dot, body.nexus-skin .live-badge-dot, body.nexus-skin .arcade-status-dot, body.nexus-skin .arcade-live-dot{ animation:none !important; } body.nexus-skin .nexus-dust{ display:none !important; } body.nexus-skin .og-game-card:hover::after, body.nexus-skin .og-hub-card:hover::after{ animation:none !important; opacity:0 !important; } }