:root {
  --site-bg: #041a0e;
  --site-primary: #00c97a;
  --site-secondary: #ffe34d;
  --site-accent: #00ffaa;
  --site-text: #e6fff2;
  --surface-1: #11251a;
  --surface-2: #1d3126;
  --surface-3: #2c3f35;
  --border-soft: #3b4c43;
  --hero-glow: #02693f;
  --accent-soft: #03432a;
  --text-muted: #aeb7ca;
}

/* ===== CONTRAST SAFETY NET (MANDATORY) ===== */
html { background: #041a0e !important; }
body { color: #eef2f8 !important; background: #041a0e !important; font-family: Tahoma, Verdana, Geneva, sans-serif; font-size: 17px; line-height: 1.75; }
small, .small, figcaption, sub, sup, .legal, .disclaimer-text, .c26lre-disclosure-bar, .c26lre-footer small { font-size: max(14px, 0.85rem) !important; }
main p, main li, main td, .c26lre-content-section, .c26lre-content-section p, .c26lre-content-section li, .c26lre-content-section span, .c26lre-content-section div:not([class]) { color: #eef2f8 !important; }
.c26lre-header .c26lre-logo span, .c26lre-header nav a, .c26lre-header nav a:link, .c26lre-header nav a:visited, .c26lre-desktop-nav a, .c26lre-header .c26lre-hamburger { color: #f6f8fc !important; opacity: 1 !important; }
.c26lre-header nav a:hover, .c26lre-desktop-nav a:hover { color: #00ffaa !important; }
.c26lre-hero h1, .c26lre-hero h2, .c26lre-hero-text h1, .c26lre-hero-text h2 { color: #ffffff !important; text-shadow: 0 2px 10px rgba(0,0,0,0.85), 0 0 2px rgba(0,0,0,0.7); }
.c26lre-hero p, .c26lre-hero-text p, .c26lre-hero li, .c26lre-hero-subtitle { color: #ffffff !important; text-shadow: 0 2px 10px rgba(0,0,0,0.85), 0 0 2px rgba(0,0,0,0.7); }
.c26lre-game-card { background: #1d3126 !important; }
.c26lre-game-card h1, .c26lre-game-card h2, .c26lre-game-card h3, .c26lre-game-card h4, .c26lre-game-card p, .c26lre-game-card span:not([class]) { color: #f2f5fb !important; }
.c26lre-game-card small, .c26lre-game-card .muted { color: #aeb7ca !important; }
.c26lre-footer { background: #03140b !important; }
.c26lre-footer, .c26lre-footer p, .c26lre-footer li, .c26lre-footer span, .c26lre-footer div, .c26lre-footer h1, .c26lre-footer h2, .c26lre-footer h3 { color: #e7ecf5 !important; text-shadow: none !important; }
.c26lre-footer a { color: #00ffaa !important; opacity: 1 !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

html, body { max-width: 100% !important; overflow-x: hidden !important; scroll-behavior: smooth; }
img, canvas, iframe, video, svg, table, pre { max-width: 100% !important; height: auto; display: block; object-fit: cover; box-sizing: border-box; }
.c26lre-hero, .c26lre-game-grid, .c26lre-content-section, main, header, footer, section { box-sizing: border-box !important; }

/* Typography */
h1, h2, h3, h4 { font-family: Tahoma, Verdana, 'Segoe UI', Geneva, sans-serif; }
h1 { font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.01em; }
h2 { font-size: clamp(1.6rem, 3vw, 2.6rem); font-weight: 700; line-height: 1.2; }

/* Layout */
.c26lre-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.c26lre-hero { display: grid; grid-template-columns: minmax(300px, 1.2fr) minmax(300px, 0.8fr); align-items: center; padding: 140px 5%; gap: 60px; max-width: 1400px; margin: 0 auto; animation: fadeInUp 0.65s ease-out both; }
.c26lre-game-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 50px 30px; max-width: 1200px; margin: 80px auto; padding: 0 20px; }

/* Components */
.c26lre-btn { display: inline-block; padding: 12px 28px; border-radius: 50px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; font-size: 0.9rem; transition: all 0.3s ease; border: none; cursor: pointer; background: var(--site-accent); color: #000; animation: btnGlow 2.5s ease-in-out infinite; }
.c26lre-game-card { background: var(--surface-2); border-radius: 20px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 15px 35px rgba(0,0,0,0.06); padding: 20px; cursor: pointer; }
.c26lre-game-card:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.c26lre-game-card img { width: calc(100% - 40px); height: 220px; object-fit: cover; border-radius: 16px; margin: -30px 20px 20px 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.2); }

/* Animations */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes btnGlow { 0%,100% { box-shadow: 0 0 8px rgba(255,255,255,0.2); } 50% { box-shadow: 0 0 22px rgba(255,255,255,0.5); } }
@keyframes cardEnter { from { opacity: 0; transform: scale(0.95) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }

/* Media Queries */
@media (max-width: 1024px) {
  .c26lre-hero { grid-template-columns: 1fr !important; flex-direction: column !important; padding: 80px 5% 60px !important; gap: 40px !important; }
  .c26lre-hero-image { display: none !important; }
}
@media (max-width: 768px) {
  .c26lre-desktop-nav { display: none !important; }
  .c26lre-hamburger { display: flex !important; }
  .c26lre-game-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .c26lre-game-grid { grid-template-columns: 1fr !important; }
}