/* A dark staff desk, with the existing landscape visible rather than a light theme. */
:root { color-scheme: dark; --bg: #0c1120; --surface: #121b2bec; --border: #33405a; --text: #eef2fc; --muted: #a0aec7; }
body { background: #0c1120; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(100deg, #090f20e8 0%, #10172bd4 45%, #10152ca8 100%), url("/assets/desk-landscape.png"); background-size: cover; background-position: center; }
.shell { background: transparent; }
.sidebar { background: #0e1523f5; border-right-color: #37435b; }
.topbar { background: #0e1523e8; backdrop-filter: blur(18px); }
.panel { background: #121b2bf2; border-color: #344159; box-shadow: 0 9px 32px #00000020; }
.overview-heading { min-height: 270px; border-color: #77648c; background: linear-gradient(90deg, #121a30f7 0%, #171e35dd 42%, #25264044 100%), url("/assets/desk-landscape.png") right 82% / cover; box-shadow: 0 14px 48px #0003; }
.overview-heading .lede { color: #c1cae0; }
.overview-heading .eyebrow { color: #d0bfff; }
.hero-actions { padding: 18px; border: 1px solid #b9b0dc42; border-radius: 14px; background: #10192bc9; backdrop-filter: blur(12px); }
.hero-actions .muted { color: #c2c9dd; }
.metrics article { background: linear-gradient(120deg, #172237f5, #121a2bf2); border-color: #38455f; }
.metrics article:first-child { background: linear-gradient(125deg, #302c4bf5, #171e33f2); }
.metrics article p, .metrics small, .lede, .muted { color: #a7b5cd; }
.case-row small, .readiness-row small { color: #a1b2cc; }
.readiness { background: linear-gradient(135deg, #19263bf5, #151e31f2); }
.gate { background: linear-gradient(110deg, #0a1021df, #151a32b5), url("/assets/desk-landscape.png") center / cover; }
.gate-card { background: #10192bef; border-color: #77729465; backdrop-filter: blur(16px); box-shadow: 0 25px 90px #0005; }
.gate-card #gate-message { color: #bbc6dc; }
.gate-card > p:last-child { color: #a2b0c9; }
dialog { background: #111b2b; border-color: #52627f; }
.dialog-head { background: #182338f5; }
.button, .select-trigger, input, textarea { border-color: #465572; }
.button:hover:not(:disabled), .select-trigger:hover:not(:disabled) { border-color: #a693d6; }
.select-menu { border-color: #657291; background: #1a253b; }
.empty { color: #a2b2cd; }
.empty strong { color: #d9e1f2; }
.minecraft-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(290px, 1fr); gap: 24px; align-items: start; }
.minecraft-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 22px; }
.minecraft-stats > div { padding: 17px 14px; background: #142a2c; border: 1px solid #35524c; border-radius: 11px; }
.minecraft-stats strong { display: block; color: #a0e5cd; font-size: 24px; line-height: 1.25; }
.minecraft-stats small { display: block; color: #a7c2bb; font-size: 10px; margin-top: 6px; }
.minecraft-stats small:first-child { margin: 0 0 6px; }
.minecraft-key { padding: 16px; border: 1px solid #766099; border-radius: 11px; background: #221d35; overflow-wrap: anywhere; }
.minecraft-key code { color: #d8c0ff; font-size: 12px; }
.minecraft-key .button-row { margin-top: 12px; }
.minecraft-key .muted { margin: 14px 0 0; }
.integration-steps { padding-left: 23px; margin: 20px 0; color: #b0bfd7; font-size: 12px; line-height: 1.85; }
.integration-steps li { padding: 0 0 10px 5px; }
.integration-steps li::marker { color: #c4a6ff; font-weight: 700; }
.integration-steps code { color: #d0b7ff; background: #302342; padding: 2px 5px; border-radius: 4px; overflow-wrap: anywhere; }
.linked-player { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #334159; color: #cad4e8; }
.linked-player:last-child { border-bottom: 0; }
.linked-player > div { min-width: 0; flex: 1; }
.linked-player strong, .linked-player small { display: block; overflow-wrap: anywhere; }
.linked-player small { color: #a3b2cc; margin-top: 5px; line-height: 1.5; }
.linked-player > .badge { flex-shrink: 0; }
@media(max-width:1000px) { .minecraft-grid { grid-template-columns: 1fr; gap: 0; } }
@media(max-width:760px) {
  body::before { background-position: 64% center; background-image: linear-gradient(#0d1526d9, #0b1223eb), url("/assets/desk-landscape.png"); }
  .overview-heading { min-height: 0; background: linear-gradient(100deg, #121a30ee, #171e35bb), url("/assets/desk-landscape.png") right 82% / cover; }
  .hero-actions { padding: 13px; }
  .minecraft-stats { gap: 8px; }
  .minecraft-stats > div { padding: 13px 10px; }
  .minecraft-stats strong { font-size: 22px; }
}