/* Tribal Council on the home page (council-banner.js): the call, the vote's countdown and the
   way in to your ballot, at the top of the page while voting is open; a quieter strip pointing
   to the reveal once the votes are read. Built like the hero: scene on the left, dial on the right. */
.council-call{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:24px;margin:0 0 24px}
.council-scene{position:relative;display:flex;align-items:flex-end;min-height:260px;padding:40px 42px 30px;border:1px solid rgba(228,185,93,.45);border-radius:18px;overflow:hidden;background:linear-gradient(90deg,rgba(4,8,8,.96) 0%,rgba(4,8,8,.76) 40%,rgba(4,8,8,.16) 78%),linear-gradient(0deg,#0c1110 4%,rgba(12,17,16,0) 50%),url('assets/tribal-council-camp.webp') 62% 42%/cover;box-shadow:0 24px 55px rgba(0,0,0,.34),inset 0 1px rgba(244,216,157,.08)}
.council-copy{position:relative;z-index:1;max-width:620px}
.council-kicker{display:block;margin-bottom:10px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#dfb86a;text-shadow:0 2px 10px #000}
.council-shout{margin:0;font:800 clamp(54px,6.4vw,84px)/.86 var(--display);text-transform:uppercase;letter-spacing:.005em;color:var(--gold);text-shadow:0 0 38px rgba(255,107,36,.42),0 4px 18px #000}
.council-title{margin:14px 0 0;font-size:clamp(26px,3.3vw,42px);line-height:1;text-wrap:balance;text-shadow:0 3px 16px #000}
.council-lede{margin:12px 150px 0 0;font-size:15px;line-height:1.55;color:#ddd6c9;text-shadow:0 2px 10px #000}
/* The buffs everyone is about to drop, hung at the edge of the scene: beside the lede on a wide
   screen (the shout needs the width), in the top corner on a phone */
.council-buffs{position:absolute;right:32px;bottom:34px;display:flex;pointer-events:none}
.council-buffs img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6));transform:rotate(-13deg)}
.council-buffs img+img{margin-left:-22px;transform:rotate(10deg) translateY(18px)}
/* The urn: the clock, the close, and the way in */
.council-urn{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px;border:1px solid #af884957;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#4e25185e,transparent 62%),linear-gradient(160deg,#192321,#0a100f);box-shadow:inset 0 0 40px #030706,0 15px 40px #0004}
.council-urn-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.council-urn-label{font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#dabb83}
.council-urn-when{font-size:12px;color:#a68c66;font-variant-numeric:tabular-nums}
.council-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.council-unit{display:flex;flex-direction:column;align-items:center;padding:12px 2px 10px;border:1px solid rgba(228,185,93,.18);border-radius:12px;background:#0b1110}
.council-unit b{font:800 clamp(30px,3.4vw,46px)/1 var(--display);color:#efcb87;font-variant-numeric:tabular-nums;text-shadow:0 0 16px #d9964c55}
.council-unit small{margin-top:6px;font:600 10px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:#a68c66}
.council-call.last-hours .council-unit{border-color:#e48b4866}
.council-call.last-hours .council-unit b{color:#ffb77c}
.council-counting{margin:0;font:italic 15px/1.5 Georgia,serif;color:#ccb899}
.council-urn-actions{display:flex;flex-direction:column;gap:10px}
.council-urn-actions .btn{width:100%}
.council-urn-actions small,.council-call.is-settled .council-urn small{font-size:13px;line-height:1.4;color:var(--muted);text-align:center}
/* Once the votes are read: smaller scene, one button */
.council-call.is-settled .council-scene{min-height:0;padding:30px 42px 28px}
.council-call.is-settled .council-copy{padding-right:0}
.council-call.is-settled .council-lede{margin-right:0}
.council-call.is-settled .council-shout{font-size:clamp(40px,5.4vw,72px)}
.council-call.is-settled .council-urn{gap:10px}
.council-call.is-settled .council-urn .btn{width:100%}
@media(max-width:980px){.council-call{grid-template-columns:1fr;gap:14px}.council-scene{min-height:0;padding:30px 24px 26px}.council-copy{padding-right:70px}.council-lede{margin-right:0}.council-buffs{right:16px;top:16px;bottom:auto}.council-buffs img{width:60px;height:60px}.council-buffs img+img{margin-left:-14px;transform:rotate(10deg) translateY(16px)}.council-call.is-settled .council-scene{padding:24px}}
@media(max-width:640px){.council-shout{font-size:clamp(46px,13.5vw,68px)}.council-title{font-size:26px}.council-lede{font-size:14px}.council-copy{padding-right:56px}.council-buffs{right:12px;top:12px}.council-buffs img{width:48px;height:48px}.council-urn{padding:18px 16px 16px}.council-clock{gap:6px}.council-unit b{font-size:30px}}