:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--neutral-900:#12100e;--neutral-800:#1c1917;--neutral-700:#292524;--neutral-600:#44403c;--neutral-500:#57534e;--neutral-400:#78716c;--neutral-300:#a8a29e;--neutral-200:#d6d3d1;--danger-500:#ef4444;--success-500:#22c55e;--success-700:#15803d;--bg-base:#0c0a09;--bg-secondary:#151312;--bg-elevated:#1c1917;--bg-surface:#292524;--bg-surface-hover:#44403c;--bg-tertiary:#1c1917;--bg-card:#1c1917;--bg-card-hover:#292524;--bg-hover:#ffffff0d;--sidebar-width:240px;--z-sticky:100;--z-negative:-1;--z-base:0;--z-dropdown:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--text-primary:#f5f5f4;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--text-accent:var(--primary-400);--border-subtle:#ffffff14;--border-default:#44403c;--border-strong:#57534e;--border-accent:var(--primary-600);--brand-primary:var(--primary-500);--brand-primary-hover:var(--primary-400);--brand-primary-glow:#f59e0b33;--discord:#5865f2;--discord-hover:#4752c4;--success:#22c55e;--success-rgb:34,197,94;--success-bg:#22c55e26;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-bg:#f59e0b26;--error:#ef4444;--error-rgb:239,68,68;--error-bg:#ef444426;--online:#22c55e;--online-glow:#22c55e66;--offline:#ef4444;--offline-glow:#ef444466;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 30px #f59e0b33;--shadow-glow-primary:var(--shadow-glow);--transition-fast:.1s ease;--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.4s ease;--header-height:72px;--container-max:1200px;--container-wide:1400px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--success-400:#4ade80;--success-600:#16a34a;--rank-assistant:#60a5fa;--rank-admin:#a78bfa;--rank-head-admin:#f472b6;--role-friend:#34d399;--role-hero:#fbbf24;--role-master:#f87171;--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-legendary:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}.rules-page .hero-section{background:radial-gradient(circle at 15% 50%,rgba(var(--brand-primary-rgb),.12),transparent 40%),radial-gradient(circle at 85% 50%,rgba(var(--brand-accent-rgb),.08),transparent 40%),linear-gradient(135deg,var(--bg-surface),var(--bg-base));border-bottom:2px solid var(--border-default);padding-top:calc(var(--header-height) + var(--space-12));padding-bottom:var(--space-20);margin-bottom:var(--space-16);position:relative;overflow:hidden}.rules-page .hero-section:after{content:"";opacity:.5;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0h-2v2h2V0zM10 0h-2v2h2V0zM30 20h-2v2h2v-2zM10 20h-2v2h2v-2z' fill='rgba(255,255,255,0.02)'/%3E%3C/svg%3E");position:absolute;inset:0}.rules-page .hero-section .container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.rules-page .hero-section .rules-hero-content{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.rules-page .hero-section .rules-hero-content .hero-icon{background:rgba(var(--brand-primary-rgb),.1);width:100px;height:100px;color:var(--brand-primary);margin-bottom:var(--space-8);border:2px solid rgba(var(--brand-primary-rgb),.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 32px #0006}.rules-page .hero-section .rules-hero-content .hero-icon svg{width:48px;height:48px;filter:drop-shadow(0 0 8px var(--brand-primary-glow))}.rules-page .hero-section .rules-hero-content h1{font-size:var(--text-6xl);font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em;text-shadow:0 4px 20px #00000080;font-weight:800;line-height:1}.rules-page .hero-section .rules-hero-content p{color:var(--text-secondary);font-size:var(--text-2xl);max-width:800px;margin:0 auto var(--space-10);opacity:.9;line-height:1.6}.rules-page .hero-section .rules-hero-content .hero-stats{justify-content:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.rules-page .hero-section .rules-hero-content .hero-stats .stat-item{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-base);padding:var(--space-4)var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;font-weight:600;display:flex}.rules-page .hero-section .rules-hero-content .hero-stats .stat-item:hover{border-color:var(--brand-primary);color:var(--text-primary);background:rgba(var(--brand-primary-rgb),.05);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0000004d}.rules-page .hero-section .rules-hero-content .hero-stats .stat-item svg{color:var(--brand-primary);flex-shrink:0}.rules-page .content-card{max-width:1000px;margin:0 auto var(--space-20);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-16);box-shadow:0 20px 40px #0006}.rules-page .content-card .default-rules{gap:var(--space-10);flex-direction:column;display:flex}.rules-page .content-card .default-rules .rule-item{gap:var(--space-8);padding:var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-2xl);transition:all var(--transition-base);background:linear-gradient(135deg,#ffffff05,#0000);display:flex}.rules-page .content-card .default-rules .rule-item:hover{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.03);box-shadow:-8px 0 0 var(--brand-primary);transform:translate(8px)}.rules-page .content-card .default-rules .rule-item .number{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));width:64px;height:64px;font-size:var(--text-2xl);color:#fff;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3);font-weight:800;font-family:var(--font-display);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rules-page .content-card .default-rules .rule-item .info{flex:1}.rules-page .content-card .default-rules .rule-item .info h3{font-size:var(--text-2xl);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:800;line-height:1.2;font-family:var(--font-display)}.rules-page .content-card .default-rules .rule-item .info p{color:var(--text-secondary);line-height:1.7;font-size:var(--text-lg);opacity:.9}.rules-page .content-card .cms-content{color:var(--text-secondary);line-height:1.7}.rules-page .content-card .cms-content h1,.rules-page .content-card .cms-content h2,.rules-page .content-card .cms-content h3,.rules-page .content-card .cms-content h4{color:var(--text-primary);margin-top:1.5rem;margin-bottom:1rem}.rules-page .content-card .cms-content p{margin-bottom:1rem}.rules-page .content-card .cms-content ul,.rules-page .content-card .cms-content ol{margin-bottom:1rem;padding-left:1.5rem}.rules-page .content-card .cms-content li{margin-bottom:.5rem}