/* Made by scripts/build_website.py (theme_css) from site.css: do not edit. */
html[data-theme="dark"] { --ink: #f5f5f7;
    --ink-soft: #a1a1a6;
    --ink-faint: #86868b;
    --bg: #000000;
    --bg-alt: #101014;
    --card: #16161a;
    --line: rgba(255, 255, 255, 0.12);
    --line-soft: rgba(255, 255, 255, 0.07);
    --accent: #2997ff;
    --accent-hover: #6bb6ff;
    --on-accent: #000000;
    --nav-bg: rgba(10, 10, 12, 0.72);
    --shadow: 0 4px 24px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"] .status--live { background: rgba(48, 209, 116, 0.16); color: #4ade80; }
html[data-theme="dark"] .showpiece { background:
      radial-gradient(120% 90% at 18% 8%, #10314f 0%, transparent 58%),
      radial-gradient(110% 90% at 88% 12%, #1b2044 0%, transparent 55%),
      radial-gradient(120% 110% at 50% 108%, #0d2a41 0%, transparent 62%),
      linear-gradient(168deg, #0c1420 0%, #0a1119 52%, #080d14 100%); }
html[data-theme="dark"] { --accent-2: #5afaff; }
html[data-theme="dark"] .band--map .mapfull { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"] .map-shield-pill { background: rgba(28, 28, 32, 0.86); color: #f5f5f7; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1); }
html[data-theme="light"] { color-scheme: light dark;

  --ink: #1d1d1f;
  --ink-soft: #6e6e73;
  --ink-faint: #86868b;
  --bg: #ffffff;
  --bg-alt: #f5f5f7;
  --card: #ffffff;
  --line: rgba(0, 0, 0, 0.09);
  --line-soft: rgba(0, 0, 0, 0.05);
  --accent: #0066cc;
  --accent-hover: #0077ed;
  --on-accent: #ffffff;
  --nav-bg: rgba(255, 255, 255, 0.72);
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.06);

  --page: 980px;
  --wide: 1180px;
  --gutter: clamp(20px, 5vw, 32px);

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif; --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 0.84, 0.28, 1); --wide: 1320px; --accent-2: #0090d4;
  interpolate-size: allow-keywords; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --night: #05080f;
  --hdr: 53px; }
html[data-theme="light"] .status--live { background: color-mix(in srgb, #1a8f4c 14%, transparent);
  color: #157a41; }
html[data-theme="light"] .showpiece { position: relative;
  display: grid;
  place-items: center;
  min-height: min(78vh, 620px);
  margin: 0 auto;
  padding: clamp(48px, 8vw, 96px) clamp(24px, 6vw, 72px);
  max-width: var(--wide);
  border-radius: clamp(20px, 3vw, 34px);
  overflow: hidden;
  text-align: center;
  background:
    radial-gradient(120% 90% at 18% 8%, #d9ecff 0%, transparent 58%),
    radial-gradient(110% 90% at 88% 12%, #dde3ff 0%, transparent 55%),
    radial-gradient(120% 110% at 50% 108%, #cfe4f7 0%, transparent 62%),
    linear-gradient(168deg, #f2f7fd 0%, #eaf1f9 52%, #e6ecf6 100%); }
html[data-theme="light"] .band--map .mapfull { overflow: hidden; position: relative;
  z-index: 3;
  height: clamp(460px, 72vh, 780px);
  border-radius: clamp(18px, 2.4vw, 28px);
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 30px 80px rgba(10, 30, 60, 0.18), 0 2px 0 rgba(255, 255, 255, 0.5) inset;
  background: #e8e8ed;
  isolation: isolate; }
html[data-theme="light"] .map-shield-pill { display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px 13px 18px;
  border-radius: 980px;
  background: rgba(255, 255, 255, 0.86);
  color: #1d1d1f;
  font: 600 15px/1 var(--font);
  letter-spacing: -0.01em;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out); }
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }