/* Shared Moonstone material. Static layered fills give depth without GPU blur. */
:root {
  --ms-blue:#8fb7ff;
  --ms-lavender:#c9b3ff;
  --ms-night:#070b16;
  --ms-gradient:linear-gradient(120deg,#8fb7ff 0%,#b5b7ff 52%,#c9b3ff 100%);
  --ms-surface:linear-gradient(145deg,rgba(143,183,255,.20),rgba(201,179,255,.10) 46%,rgba(67,57,113,.18)),linear-gradient(150deg,rgba(17,28,46,.88),rgba(17,18,37,.9));
  --ms-raised:linear-gradient(140deg,rgba(199,218,255,.26),rgba(143,183,255,.16) 35%,rgba(201,179,255,.23)),linear-gradient(150deg,rgba(17,28,46,.9),rgba(26,22,49,.9));
  --ms-edge:rgba(174,184,255,.29);
  --ms-depth:inset 0 1px 0 rgba(229,236,255,.16),inset 0 -1px 0 rgba(3,5,16,.5),0 12px 28px rgba(3,5,16,.3);
}
body .fivem-frame {
  --moon-panel:#111c2e; --moon-border:rgba(143,183,255,.23);
  --text-secondary:#b2bedc; --text-muted:#91a1c4;
  background:radial-gradient(ellipse 65% 580px at 8% 0,rgba(143,183,255,.12),transparent 75%),radial-gradient(ellipse 65% 680px at 95% 8%,rgba(201,179,255,.12),transparent 75%),#070b16;
}
body :is(.studio-home,.commanders-welcome) {
  background:radial-gradient(ellipse 65% 600px at 6% 0,rgba(143,183,255,.11),transparent 75%),radial-gradient(ellipse 65% 600px at 94% 20%,rgba(201,179,255,.12),transparent 75%),#070b16;
}
body .studio-header { background:linear-gradient(110deg,rgba(143,183,255,.07),rgba(201,179,255,.06)),#090d1c; border-bottom:1px solid var(--ms-edge); box-shadow:inset 0 1px 0 #ffffff06,0 6px 20px #03051030; }
body .studio-footer { background:linear-gradient(120deg,rgba(143,183,255,.06),rgba(201,179,255,.06)),#080c18; border-top-color:var(--ms-edge); }
body .studio-wordmark>span,body .studio-footer-brand { color:#d9dcff; }
body .studio-wordmark small { color:#bcb5e1; }
body .fivem-services a[aria-current=page],body .staff-rail nav a[aria-current=page] {
  background:linear-gradient(120deg,rgba(143,183,255,.30),rgba(201,179,255,.27));
  color:#f0ebff; box-shadow:inset 0 1px 0 #e2e9ff40,inset 0 -1px 0 #05091b80,0 4px 12px #04071850;
}
body .fivem-services a:hover { background:linear-gradient(120deg,#8fb7ff1c,#c9b3ff1c); }
body .fivem-frame .fivem-content :is(.rp-travel-card,.rp-service,.portal-signin,.portal-guide,.portal-task,.portal-activity,.membership-card,.store-extra,.rules-index,.rules-chapter,.access-card,.staff-queue-count,.bg-card),
body .fivem-frame .fivem-content :is(.rp-start article,.about-story>div,.support-options>button,.application-steps>div,.forum-categories>a),
body .fivem-frame .fivem-content :is([class*="bg-panel"],[class*="bg-[var(--moon-panel)]"]):is([class*="rounded"],[class*="border"]),
body :is(.studio-world,.commanders-welcome-art) {
  background:var(--ms-surface); border-color:var(--ms-edge); border-top-color:rgba(199,218,255,.38); box-shadow:var(--ms-depth);
}
body .fivem-frame .fivem-content :is(.rp-travel-card,.membership-featured,.portal-signin) {
  background:var(--ms-raised); border-color:rgba(180,175,255,.42); box-shadow:var(--ms-depth),0 0 32px rgba(164,151,255,.045);
}
body .fivem-frame .fivem-content :is(.rp-service,.portal-task,.support-options>button,.forum-categories>a):hover,
body .studio-world:hover { background:var(--ms-raised); border-color:rgba(201,179,255,.6); }
body .fivem-frame .fivem-content .access-explore { background:linear-gradient(140deg,rgba(143,183,255,.03),rgba(201,179,255,.12)),rgba(12,16,32,.36); }
body .fivem-frame .fivem-content .rules-chapter>header { background:linear-gradient(115deg,rgba(143,183,255,.16),rgba(201,179,255,.12)); border-color:var(--ms-edge); }
body .fivem-frame .fivem-content :is(.rp-icon-tile,.rp-service>svg,.support-options>button>svg) {
  color:#d2ceff; background:linear-gradient(140deg,rgba(199,218,255,.25),rgba(143,183,255,.15) 38%,rgba(201,179,255,.28));
  border:1px solid rgba(189,195,255,.30); box-shadow:inset 0 1px 1px #f0f3ff38,inset 0 -2px 4px #080b2033,0 5px 12px #04071838;
}
body .fivem-frame :is(.rp-kicker,.portal-role),body .studio-eyebrow { color:#c2baff; }
body .fivem-frame .rp-state { color:#d6d6ff; }
body .fivem-frame .rp-hero h1 em,body .studio-hero h1 em,body .commanders-intro h1 em {
  background:var(--ms-gradient); background-clip:text; -webkit-background-clip:text; color:#b5b7ff; -webkit-text-fill-color:transparent;
}
body .fivem-frame :is(.rp-primary,.btn-primary,.btn-grad),
body :is(.studio-button) {
  background:linear-gradient(175deg,rgba(255,255,255,.17),transparent 42%),linear-gradient(115deg,rgba(143,183,255,.42),rgba(201,179,255,.40)),#182139;
  color:#fff; text-shadow:0 1px 2px #000,0 1px 4px #0009; border:1px solid rgba(199,202,255,.5);
  box-shadow:inset 0 1px 0 #ffffff48,inset 0 -2px 0 #15182d70,0 3px 0 #14192d,0 7px 18px #05071360;
}
body .fivem-frame :is(.rp-primary,.btn-primary,.btn-grad):hover,body .studio-button:hover {
  background:linear-gradient(175deg,rgba(255,255,255,.22),transparent 45%),linear-gradient(115deg,rgba(143,183,255,.48),rgba(201,179,255,.46)),#182139;
}
body .fivem-frame :is(.rp-primary,.btn-primary,.btn-grad):active,body .studio-button:active { transform:translateY(1px); box-shadow:inset 0 1px 3px #0b102644,0 1px 0 #14192d; }
body .fivem-frame :is(.rp-text-link,.portal-task-link,.portal-store-link),body .commanders-secondary { color:#c9b3ff; }
body .fivem-frame .fivem-content .gov-portal>div:first-child { background:var(--ms-raised)!important; box-shadow:var(--ms-depth); border-color:var(--ms-edge); }
body .staff-rail { background:var(--ms-surface); border-color:var(--ms-edge); box-shadow:var(--ms-depth); }
body .staff-canvas { background:linear-gradient(130deg,rgba(143,183,255,.04),rgba(201,179,255,.045)),rgba(8,13,27,.75); border-color:var(--ms-edge); }
body .fivem-frame :is(.staff-canvas th,th) { background:linear-gradient(115deg,rgba(143,183,255,.14),rgba(201,179,255,.12)),#10182a; }
body .fivem-frame input:not([type=checkbox]):not([type=radio]),body .fivem-frame textarea,body .fivem-frame select { background:rgba(7,11,22,.76); border-color:rgba(159,174,228,.35); box-shadow:inset 0 2px 5px #02040c33; }
body .fivem-frame :is(.store-future li,.portal-role) { background:linear-gradient(120deg,#8fb7ff0b,#c9b3ff10); border-color:var(--ms-edge); }
body .world-fivem .world-art { background:linear-gradient(140deg,#283e69,#33365d 55%,#493858); }
body .world-fivem .silvercrest-word { color:#d0d7ff; }
body .world-fivem .world-horizon { background:#545080; box-shadow:0 -30px 0 #484c77,0 -60px 0 #6b61934d; }
body .world-commanders .world-art { background:radial-gradient(ellipse at 80% 70%,#8070ac,#333858 62%,#22243b); }
body .studio-dropdown { background:linear-gradient(120deg,#151e32,#201d34); border-color:rgba(174,184,255,.23); border-radius:12px; padding:4px; box-shadow:0 10px 24px #03051055; }
body .studio-dropdown [role=menuitem] { color:#e2e7f8; cursor:pointer; border-radius:8px; }
body .studio-dropdown [role=menuitem]:is(:focus,:hover,[data-highlighted]) { background:linear-gradient(120deg,#8fb7ff14,#c9b3ff18); color:#f2efff; outline:none; box-shadow:inset 2px 0 0 #b6b7ff; }
body .studio-dropdown .studio-game-option { display:grid; grid-template-columns:18px 1fr 14px; gap:12px; align-items:center; padding:13px 14px; font-size:14px; line-height:20px; min-height:46px; }
body .studio-dropdown .studio-game-option>svg:first-child { width:18px; height:18px; color:#b6c8ff; }
body .studio-dropdown .studio-game-option>svg:last-child { width:14px; height:14px; color:#bcb0db; }
/* Same material inside the standalone wiki, without changing its data or layout. */
body.moonstone-wiki { background:#070b16; --border:rgba(143,183,255,.24); --text:#b0bfdc; --text-bright:#d0dcf5; }
body.moonstone-wiki .main { background:radial-gradient(ellipse 80% 600px at 0 0,#8fb7ff12,transparent),radial-gradient(ellipse 80% 700px at 100% 5%,#c9b3ff16,transparent),#080c19; }
body.moonstone-wiki :is(.sidebar,.sidebar-head,.wiki-mobile-topbar) { background:linear-gradient(145deg,#8fb7ff0c,#c9b3ff0c),#0e1426; border-color:var(--ms-edge); }
body.moonstone-wiki :is(.home-card,.home-card:nth-child(3n),.home-card:nth-child(3n+2),.office-card,.dept-card,.biz-card,.family-card) { background:var(--ms-surface); border-color:var(--ms-edge); border-top-color:#c7daff55; box-shadow:var(--ms-depth); }
body.moonstone-wiki .home-card:hover { background:var(--ms-raised); border-color:#c9b3ff80; }
body.moonstone-wiki .home-card::before { background:linear-gradient(140deg,#8fb7ff38,#c9b3ff38); color:#d7d1ff; box-shadow:inset 0 1px 0 #eef0ff38,inset 0 -1px 2px #090b2638,0 5px 12px #04071838; border:1px solid #c9b3ff45; }
/* A black text shadow paints over transparent gradient letters. Keep headings clear. */
body.moonstone-wiki :is(.page-header h1,.hero h1) { color:#e8eef8; background:linear-gradient(115deg,#e8eef8,#b8ceff 48%,#c9b3ff); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; }
body.moonstone-wiki :is(.page-eyebrow,.home-card-label,.home-card-arrow) { color:#c9b3ff; }
body.moonstone-wiki :is(.nav-item.active,.nav-item.current) { background:linear-gradient(120deg,#8fb7ff30,#c9b3ff2b); color:#ece6ff; box-shadow:inset 0 1px 0 #dbe0ff25; }
body.moonstone-wiki input,body.moonstone-wiki textarea,body.moonstone-wiki select { background:#080d1bc7; border-color:#8fb7ff45; }
body.moonstone-wiki .content table { background:linear-gradient(120deg,#8fb7ff0c,#c9b3ff0c),#10172a; }
@media(prefers-reduced-motion:reduce) { body .studio-world,body .studio-button { transform:none!important; } }