/* Annual Dial skin — Columbus Day (scoped; annual-dial-theme) */
html[data-theme="columbus"]{
  --page-1:#1A3A52; --page-2:#0E2436; --page-3:#08151F;
  --plate-0:#3A2A18; --plate-1:#24180E; --plate-2:#140E08;
  --rim:rgba(212,176,106,.50);
  --hair:rgba(244,232,201,.26);
  --sector:rgba(62,138,134,.22);
  --cell-wd:rgba(212,176,106,.16);
  --cell-we:rgba(62,138,134,.24);
  --cell-ev:#D4B06A;
  --cell-now:#F4E8C9;
  --accent:#D4B06A; --accent-lit:#F0E0B8; --second:#3E8A86;
  --text:#F4E8C9; --text-dim:rgba(244,232,201,.40);
  --hub:#140E08; --on-accent:#140E08;
  --panel:rgba(14,36,54,.64); --field:rgba(212,176,106,.08);
  --display:"IM Fell English",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --sans:var(--font-body,"IBM Plex Sans",system-ui,sans-serif);
  --title-track:.06em; --ui-track:.14em; --grain:0;
  --glow:0 0 12px rgba(212,176,106,.40);
  /* Compass-rose dressing. The hue slider rotates these with the palette. */
  --dial-rose-1:rgba(212,176,106,.16);
  --dial-rose-2:rgba(244,232,201,.10);
  --dial-rose-ring:rgba(212,176,106,.18);
  --dial-rose-inset:rgba(20,14,8,.12);
  --dial-rose-sea:rgba(12,60,90,.18);
  --aura:
    radial-gradient(58% 46% at 50% 96%, rgba(12,60,90,.38), transparent 64%),
    radial-gradient(46% 40% at 10% 8%, rgba(212,176,106,.16), transparent 62%),
    radial-gradient(42% 38% at 92% 28%, rgba(62,138,134,.16), transparent 62%);
}
@keyframes lantern{
  0%,100%{opacity:1} 50%{opacity:.78}
}
@keyframes compassDrift{to{transform:rotate(360deg)}}
html[data-theme="columbus"] .now{animation:lantern 3.4s ease-in-out infinite}
html[data-theme="columbus"] .stage{isolation:isolate}
/* Faint compass rose — dressing only, same idea as neon's wash / xmas lights. */
html[data-theme="columbus"] .stage::before{
  content:"";position:absolute;inset:5%;border-radius:50%;pointer-events:none;z-index:0;
  background:
    repeating-conic-gradient(from -.4deg,
      var(--dial-rose-1) 0 .7deg, transparent .7deg 11.25deg),
    repeating-conic-gradient(from -.55deg,
      var(--dial-rose-2) 0 1.1deg, transparent 1.1deg 90deg);
  opacity:.55;mix-blend-mode:screen;
  animation:compassDrift 120s linear infinite;
}
html[data-theme="columbus"] .stage::after{
  content:"";position:absolute;inset:9.5%;border-radius:50%;pointer-events:none;z-index:0;
  border:1px solid var(--dial-rose-ring);
  box-shadow:inset 0 0 0 18px var(--dial-rose-inset), 0 0 48px var(--dial-rose-sea);
}
html[data-theme="columbus"] .stage > svg{position:relative;z-index:1}
html[data-theme="columbus"] .mark em{color:var(--accent-lit)}