/* Reference fidelity pass 2.
   The supplied Hera/Pantheon image is the visual target: classical columns, medallions embedded in the shaft,
   warm bronze + purple only for live licensed agents, ivory for available, black marble for unavailable,
   and a black-marble circular compass floor with restrained gold geometry. */

/* Functional-domain columns are architectural categories, not rainbow-coded products. */
.pantheon-domain-view .domain-column{--domain:#c89543!important}

/* More classical proportions and reference-style spacing. */
.pantheon-domain-view .domain-columns{inset:25px 4.5% 72px;gap:clamp(30px,3.3vw,68px)}
.pantheon-domain-view .domain-column{max-width:184px;height:430px}
.pantheon-domain-view .domain-monument{height:318px}

/* Medallion is an inset round plaque centered in the column shaft, not a cap or floating badge. */
.pantheon-domain-view .domain-symbol{
  top:116px;
  width:62px;
  height:62px;
  border:2px solid #b58a46;
  background:
    radial-gradient(circle at 38% 30%,rgba(238,219,177,.12),transparent 27%),
    radial-gradient(circle,#17140f 0%,#0a0a0b 68%,#030405 100%);
  color:#d8b66e;
  box-shadow:0 0 0 5px #07080b,0 0 0 6px rgba(186,143,70,.72),inset 0 0 0 1px rgba(239,214,163,.16),0 4px 13px rgba(0,0,0,.72);
  text-shadow:0 0 5px rgba(215,174,93,.38);
}

/* Ivory available columns from the reference. */
.pantheon-domain-view .domain-column.available_unlicensed .domain-capital,
.pantheon-domain-view .domain-column.available_unlicensed .domain-shaft,
.pantheon-domain-view .domain-column.available_unlicensed .domain-base{
  background:
    linear-gradient(180deg,rgba(255,255,255,.25),transparent 32%),
    repeating-linear-gradient(90deg,rgba(77,66,49,.17) 0 5px,rgba(255,250,232,.36) 6px 9px,rgba(120,104,76,.12) 10px 13px),
    linear-gradient(90deg,#72654d 0%,#d8c9a6 15%,#fff8e6 48%,#d3c19b 81%,#645740 100%);
  filter:drop-shadow(0 6px 7px rgba(0,0,0,.58));
}
.pantheon-domain-view .domain-column.available_unlicensed .domain-symbol{border-color:#b9a479;color:#e0c993;box-shadow:0 0 0 5px #08090b,0 0 0 6px rgba(211,190,146,.58),inset 0 0 0 1px rgba(255,246,220,.14)}

/* Licensed domain category = warm bronze/gold, not a category-specific neon color. */
.pantheon-domain-view .domain-column.licensed_active .domain-capital,
.pantheon-domain-view .domain-column.licensed_active .domain-shaft,
.pantheon-domain-view .domain-column.licensed_active .domain-base{
  background:
    linear-gradient(180deg,rgba(255,193,86,.22),transparent 34%),
    repeating-linear-gradient(90deg,rgba(71,31,9,.23) 0 5px,rgba(255,151,42,.28) 6px 9px,rgba(79,35,11,.2) 10px 13px),
    linear-gradient(90deg,#55200a 0%,#b9480f 17%,#f07118 48%,#a73b0c 82%,#3a1608 100%);
  box-shadow:0 0 24px rgba(239,98,24,.28),inset 10px 0 16px rgba(0,0,0,.3),inset -10px 0 16px rgba(0,0,0,.28);
}
.pantheon-domain-view .domain-column.licensed_active .domain-symbol{border-color:#e17729;color:#f2a14d;box-shadow:0 0 0 5px #090704,0 0 0 6px rgba(238,108,28,.72),0 0 22px rgba(238,86,22,.25)}

/* Unavailable = near-black stone. */
.pantheon-domain-view .domain-column.unavailable .domain-capital,
.pantheon-domain-view .domain-column.unavailable .domain-shaft,
.pantheon-domain-view .domain-column.unavailable .domain-base{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 6px,rgba(255,255,255,.045) 7px 9px,transparent 10px 14px),
    linear-gradient(90deg,#050607 0%,#1b1d20 48%,#060708 100%);
}
.pantheon-domain-view .domain-column.unavailable .domain-symbol{border-color:#3b3d42;color:#6b6e76;background:radial-gradient(circle,#151619,#060708 72%);box-shadow:0 0 0 5px #050607,0 0 0 6px #25272b}

/* Labels should match the quiet reference hierarchy. */
.pantheon-domain-view .domain-label strong{font-size:16px;color:#ddd1b8;letter-spacing:.015em}
.pantheon-domain-view .domain-label small{font-size:8px;color:#918875}

/* The reference floor is a perspective black-marble compass: concentric rings + radial geometry. */
.pantheon-domain-view .council-floor,
.sanctuary-open .council-floor{
  height:252px;
  border-color:rgba(192,143,52,.62);
  background:
    repeating-radial-gradient(ellipse at center,transparent 0 27px,rgba(192,143,52,.16) 28px 29px,transparent 30px 56px),
    repeating-conic-gradient(from -3deg at 50% 50%,transparent 0deg 28deg,rgba(188,138,47,.11) 29deg 30deg,transparent 31deg 58deg),
    linear-gradient(116deg,transparent 0 18%,rgba(180,187,197,.07) 18.2%,transparent 18.6% 45%,rgba(222,226,232,.055) 45.2%,transparent 45.6% 72%,rgba(145,151,161,.06) 72.2%,transparent 72.6%),
    radial-gradient(ellipse at 50% 48%,#161a22 0%,#0c0f15 47%,#05070b 77%,#020305 100%);
  box-shadow:0 38px 58px rgba(0,0,0,.8),0 0 30px rgba(190,140,48,.09),inset 0 0 100px rgba(0,0,0,.42);
}
.pantheon-domain-view .council-floor::before,
.sanctuary-open .council-floor::before{
  inset:9% 8%;
  border:1px solid rgba(196,147,55,.38);
  box-shadow:0 0 0 27px rgba(190,143,57,.018),0 0 0 28px rgba(190,143,57,.22),0 0 0 58px rgba(190,143,57,.012),0 0 0 59px rgba(190,143,57,.14);
}
.pantheon-domain-view .council-floor::after,
.sanctuary-open .council-floor::after{
  content:"✦";
  width:110px;
  height:110px;
  border:1px solid rgba(197,149,57,.4);
  border-radius:50%;
  color:#bd8935;
  font-size:34px;
  box-shadow:0 0 0 17px rgba(192,143,52,.015),0 0 0 18px rgba(192,143,52,.2),0 0 0 39px rgba(192,143,52,.012),0 0 0 40px rgba(192,143,52,.12);
}

/* Sanctuary agent columns: same construction as the reference's individual agent columns. */
.sanctuary-open .agent-monument{height:318px;position:relative}
.sanctuary-open .agent-monument .persona-medallion{
  position:absolute;
  top:113px;
  left:50%;
  width:64px!important;
  height:64px!important;
  transform:translateX(-50%)!important;
  z-index:12;
  border-radius:50%;
  box-shadow:none!important;
  color:var(--agent);
}
.sanctuary-open .agent-monument .persona-medallion svg{overflow:visible}
.sanctuary-open .agent-monument .medallion-bust,
.sanctuary-open .agent-monument .medallion-crown{display:none}
.sanctuary-open .agent-monument .medallion-field{fill:#08090c;stroke:none}
.sanctuary-open .agent-monument .medallion-ring{fill:none;stroke:color-mix(in srgb,var(--agent),#c7a45e 35%);stroke-width:3}
.sanctuary-open .agent-monument .medallion-ring.inner{stroke:rgba(226,200,143,.24);stroke-width:1.5}
.sanctuary-open .agent-monument .medallion-symbol{
  fill:color-mix(in srgb,var(--agent),#e5c47e 42%);
  font-family:'Cormorant Garamond',serif;
  font-size:31px;
  font-weight:700;
  transform:translateY(-43px);
  transform-box:fill-box;
  transform-origin:center;
}

/* Preserve the exact reference state palette in sanctuary view. */
.sanctuary-open .council-agent.available_unlicensed .monument-capital,
.sanctuary-open .council-agent.available_unlicensed .monument-shaft,
.sanctuary-open .council-agent.available_unlicensed .monument-base{
  background:
    linear-gradient(180deg,rgba(255,255,255,.24),transparent 32%),
    repeating-linear-gradient(90deg,rgba(77,66,49,.16) 0 5px,rgba(255,250,232,.36) 6px 9px,rgba(120,104,76,.12) 10px 13px),
    linear-gradient(90deg,#71634b,#d7c8a4 16%,#fff8e7 49%,#d2bf98 81%,#62553e);
}
.sanctuary-open .council-agent.unavailable .monument-capital,
.sanctuary-open .council-agent.unavailable .monument-shaft,
.sanctuary-open .council-agent.unavailable .monument-base{
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 6px,rgba(255,255,255,.04) 7px 9px,transparent 10px 14px),linear-gradient(90deg,#050607,#1b1d20 48%,#060708);
}

/* Active agents retain their own reference colors: Hephaestus orange, Hades purple, etc. */
.sanctuary-open .council-agent.licensed_active .monument-capital,
.sanctuary-open .council-agent.licensed_active .monument-shaft,
.sanctuary-open .council-agent.licensed_active .monument-base{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--agent),white 8%),transparent 34%),
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--agent),#050505 74%) 0 5px,color-mix(in srgb,var(--agent),white 22%) 6px 9px,color-mix(in srgb,var(--agent),#050505 78%) 10px 13px),
    linear-gradient(90deg,color-mix(in srgb,var(--agent),#080808 70%),var(--agent) 48%,color-mix(in srgb,var(--agent),#080808 72%));
  box-shadow:0 0 24px color-mix(in srgb,var(--agent),transparent 62%),inset 10px 0 16px rgba(0,0,0,.28),inset -10px 0 16px rgba(0,0,0,.28);
}

@media(max-width:1320px){.pantheon-domain-view .domain-columns{gap:18px;left:3%;right:3%}}