.royale-hero{padding-top:var(--space-12);padding-bottom:var(--space-10);position:relative}.royale-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(31,124,255,0.22),transparent 55%),radial-gradient(circle at bottom left,rgba(255,107,31,0.14),transparent 55%);opacity:0.9;pointer-events:none}.royale-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-8);align-items:stretch;position:relative;z-index:1}.royale-hero-left{display:flex;flex-direction:column;gap:var(--space-4)}.royale-hero-lead{max-width:640px;color:var(--color-text-muted);font-size:0.98rem}.royale-hero-meta{margin-top:var(--space-3)}.royale-hero-cta{margin-top:var(--space-4)}.royale-hero-modes{margin-top:var(--space-6);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr);gap:var(--space-4);align-items:flex-start}.royale-route-line{grid-column:1/-1;height:2px;background:linear-gradient(90deg,rgba(31,124,255,0.1),var(--color-primary),rgba(255,107,31,0.3));border-radius:999px;box-shadow:0 0 18px rgba(31,124,255,0.6)}.royale-mode-cards{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.royale-mode-card{border-radius:var(--radius-lg);padding:var(--space-4);background:radial-gradient(circle at top left,rgba(31,124,255,0.26),transparent 55%),radial-gradient(circle at bottom right,rgba(255,107,31,0.16),transparent 55%),rgba(5,8,14,0.96);border:1px solid rgba(108,132,163,0.8);box-shadow:var(--shadow-soft)}.royale-mode-card--active{box-shadow:var(--shadow-glow-primary);border-color:rgba(31,124,255,0.95)}.royale-mode-text{font-size:0.9rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.royale-featured-guide{align-self:stretch;border-radius:var(--radius-lg);padding:var(--space-4);background:radial-gradient(circle at top right,rgba(255,107,31,0.32),transparent 55%),rgba(7,10,18,0.98);border:1px solid rgba(140,120,102,0.9);box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:var(--space-3)}.royale-featured-title{font-size:1.1rem;letter-spacing:0.16em;text-transform:uppercase}.royale-featured-text{font-size:0.9rem;color:var(--color-text-muted)}.royale-hero-right{position:relative;min-height:340px}.royale-hero-image-shell{position:relative;height:100%;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(120,140,170,0.9);background:radial-gradient(circle at top,rgba(31,124,255,0.28),transparent 60%),radial-gradient(circle at bottom,rgba(15,23,42,0.95),rgba(2,6,23,1));box-shadow:var(--shadow-strong)}.royale-hero-grid-overlay{opacity:0.45}.royale-hero-battlefield{position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(148,163,184,0.3),transparent 55%),radial-gradient(circle at 80% 80%,rgba(15,23,42,0.95),rgba(5,8,20,1));overflow:hidden}.royale-hero-operator{position:absolute;left:16%;bottom:0;width:32%;height:68%;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,0.95)),radial-gradient(circle at 50% 20%,rgba(148,163,184,0.7),rgba(15,23,42,1));clip-path:polygon(30% 0,70% 0,100% 35%,96% 100%,4% 100%,0 35%);filter:drop-shadow(0 24px 50px rgba(0,0,0,0.95))}.royale-hero-vehicles{position:absolute;right:6%;bottom:6%;width:40%;height:32%;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,0.5),transparent 55%),radial-gradient(circle at 80% 80%,rgba(15,23,42,0.98),rgba(15,23,42,1));clip-path:polygon(0 30%,30% 0,100% 0,100% 70%,70% 100%,0 100%)}.royale-hero-structures{position:absolute;right:18%;top:8%;width:42%;height:40%;background:linear-gradient(135deg,rgba(15,23,42,0.15),rgba(15,23,42,0.9)),repeating-linear-gradient(90deg,rgba(148,163,184,0.5) 0,rgba(148,163,184,0.5) 1px,transparent 1px,transparent 5px);opacity:0.7;clip-path:polygon(0 30%,35% 0,100% 0,100% 90%,60% 100%,0 100%)}.royale-hero-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 15% 80%,rgba(248,250,252,0.18),transparent 55%),radial-gradient(circle at 75% 30%,rgba(37,99,235,0.4),transparent 55%);mix-blend-mode:screen;opacity:0.9}.royale-hero-hud-panel{position:absolute;min-width:190px;padding:0.55rem 0.8rem;border-radius:var(--radius-md);background:rgba(5,10,18,0.96);border:1px solid rgba(148,163,184,0.9);box-shadow:0 16px 40px rgba(0,0,0,0.9);font-size:0.76rem}.royale-hero-hud-panel--coords{left:6%;top:8%}.royale-hero-hud-panel--weapon{right:7%;top:18%}.royale-hero-hud-panel--ring{left:50%;bottom:8%;transform:translateX(-50%)}.royale-hud-label{text-transform:uppercase;letter-spacing:0.18em;color:var(--color-text-soft);margin-bottom:0.15rem}.royale-hud-value{font-family:var(--font-mono);font-size:0.82rem;margin-bottom:0.1rem}.royale-hud-meta{color:var(--color-text-soft);font-size:0.74rem}.royale-ops{position:relative}.royale-ops-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr);gap:var(--space-6);align-items:flex-start}.royale-ops-figure{max-height:520px}.royale-ops-legend{position:absolute;right:1.1rem;bottom:1.1rem;display:flex;flex-direction:column;gap:0.25rem;padding:0.5rem 0.75rem;border-radius:var(--radius-md);background:rgba(5,10,18,0.92);border:1px solid rgba(148,163,184,0.85);font-size:0.75rem}.royale-ops-legend-item{display:flex;align-items:center;gap:0.45rem}.royale-ops-dot{width:0.55rem;height:0.55rem;border-radius:999px}.royale-ops-dot--hot{background:var(--color-accent)}.royale-ops-dot--safe{background:var(--color-success)}.royale-ops-dot--rotation{background:var(--color-info)}.royale-ops-dot--danger{background:var(--color-warning)}.royale-ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-top:var(--space-3)}.royale-ops-item{padding:0}.royale-ops-footer{margin-top:var(--space-3)}.royale-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:0.4rem;font-size:0.9rem;color:var(--color-text-muted)}.royale-list--ordered{counter-reset:royale-counter}.royale-list--ordered>li{position:relative;padding-left:1.6rem}.royale-list--ordered>li::before{counter-increment:royale-counter;content:counter(royale-counter);position:absolute;left:0;top:0.1rem;width:1.1rem;height:1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,0.85);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--color-primary)}.royale-landing-grid,.royale-beginner-grid,.royale-advanced-grid{align-items:stretch}.royale-squad-grid{align-items:stretch}.royale-vehicles-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr);gap:var(--space-6);align-items:flex-start}.royale-vehicles-figure{display:flex;flex-direction:column;gap:var(--space-3)}.royale-vehicles-caption{font-size:0.82rem;color:var(--color-text-soft)}.royale-vehicles-detail h3{margin-bottom:var(--space-2)}.royale-vehicles-hint{margin-top:var(--space-3);font-size:0.86rem;color:var(--color-text-soft)}.royale-zones-layout{align-items:stretch}.royale-zones-note{margin-top:var(--space-3);font-size:0.88rem;color:var(--color-text-soft)}.royale-solo-squad-grid{align-items:stretch}.royale-interactive-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.3fr);gap:var(--space-6);align-items:flex-start}.royale-interactive-columns{margin-top:var(--space-3)}.royale-cta-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);gap:var(--space-6);align-items:flex-start;margin-top:var(--space-4)}.royale-cta-text{max-width:520px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.royale-cta-side .stat-card{background:linear-gradient(135deg,rgba(8,13,24,0.96),rgba(4,7,12,0.98))}@media (max-width:1200px){.royale-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr)}.royale-ops-layout,.royale-vehicles-layout,.royale-interactive-layout,.royale-cta-panel{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.royale-hero-modes{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.royale-hero{padding-top:var(--space-10)}.royale-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.royale-hero-right{order:-1}.royale-hero-modes{grid-template-columns:minmax(0,1fr)}.royale-ops-legend{position:static;margin-top:var(--space-3);flex-direction:row;flex-wrap:wrap}.royale-cta-panel{margin-top:var(--space-3)}}@media (max-width:640px){.royale-hero{padding-top:var(--space-8)}.royale-hero-modes{gap:var(--space-3)}.royale-hero-hud-panel--ring{display:none}.royale-ops-layout{grid-template-columns:minmax(0,1fr)}.royale-vehicles-layout{grid-template-columns:minmax(0,1fr)}.royale-interactive-layout{grid-template-columns:minmax(0,1fr)}.royale-cta-panel{grid-template-columns:minmax(0,1fr)}}