.cv-header { z-index:10; }
.cv-header .brand, .cv-header .cv-account-links { flex-shrink:0; }
.cv-header .head-shell, .cv-footer { font-family:Barlow,Arial,sans-serif; }
.cv-header .cv-account-links { display:flex; align-items:center; justify-content:flex-end; width:auto; max-width:none; margin:0 0 0 auto; padding:0; background:transparent; border:0; box-shadow:none; }
.cv-header .cv-account-links a { white-space:nowrap; }
.cv-header #navigation > details { position:relative; }
.cv-header #navigation > details > div { top:calc(100% + 12px); right:0; z-index:12; }
.cv-header #navigation > a { white-space:nowrap; }
.cv-header summary.guide-active { color:var(--gold); }
.cv-footer { flex-wrap:wrap; }
.cv-footer > div { flex-wrap:wrap; }
.cv-footer a:hover { color:var(--gold); }
.cv-header #mobile-menu { color:var(--ink); }
body { min-height:100vh; display:flex; flex-direction:column; }
main#main { flex:1 0 auto; }
[hidden] { display:none !important; }
@media(max-width:780px) {
    .cv-header #navigation.open { z-index:10; box-shadow:0 14px 22px #0006; }
    .cv-header #navigation.open > details > div { top:100%; min-width:145px; }
    .cv-header #navigation.open > details { position:static; }
    .cv-footer > div { margin-left:0; column-gap:14px; row-gap:6px; }
}
.cv-beacon { --energy:140,232,245; position:relative; isolation:isolate; display:flex; min-height:45px; align-items:center; justify-content:center; gap:11px; padding:5px 12px; color:#e7e2d8; background:radial-gradient(ellipse at 50% 145%,rgba(var(--energy),.12),transparent 62%),#121618; border-block:1px solid #42403a; font:600 13px/1.2 Barlow,sans-serif; text-decoration:none; }
.cv-beacon::before,.cv-beacon::after { content:""; width:min(10vw,125px); height:1px; background:linear-gradient(90deg,transparent,rgba(var(--energy),.52)); }
.cv-beacon::after { transform:scaleX(-1); }
.cv-beacon[data-state="offline"] { --energy:232,141,120; }
.cv-beacon[data-state="unavailable"] { --energy:196,173,129; }
.cv-beacon .cv-beacon-orb { position:relative; display:grid; place-items:center; flex:none; width:31px; height:31px; }
.cv-beacon-orb::before { content:""; position:absolute; inset:3px; border:1px solid rgba(var(--energy),.46); border-radius:50%; transform:rotate(-24deg) scaleX(.81); }
.cv-beacon-orb::after { content:""; position:absolute; inset:8px 2px; border:1px dotted rgba(var(--energy),.66); border-radius:50%; transform:rotate(-21deg); }
.cv-beacon-orb i { display:block; height:22px; width:12px; background:conic-gradient(from 22deg,#fff,rgba(var(--energy),.4),rgb(var(--energy)),#2f525c,#fff); clip-path:polygon(50% 0,100% 42%,72% 85%,47% 100%,0 52%,22% 17%); }
.cv-beacon[data-state="online"] .cv-beacon-orb { filter:drop-shadow(0 0 5px rgba(var(--energy),.85)); }
.cv-beacon-name { font:600 13px Cinzel,serif; color:#e8d6b5; }
.cv-beacon-values { display:flex; align-items:center; gap:12px; }
.cv-beacon .cv-state { color:rgb(var(--energy)); }
.cv-beacon-count { border-left:1px solid #5a5751; padding-left:12px; font-weight:400; }
.cv-beacon-count strong { font-size:16px; font-variant-numeric:tabular-nums; }
.cv-beacon:focus-visible { outline:2px solid #e7c6a0; outline-offset:-3px; }
@media(prefers-reduced-motion:no-preference) {
    .cv-beacon[data-state="online"] .cv-beacon-orb i { animation:cv-beacon-light 3.6s ease-in-out infinite alternate; }
}
@keyframes cv-beacon-light { from { opacity:.68; transform:translateY(1px); } to { opacity:1; transform:translateY(-1px); } }
@media(max-width:560px) {
    .cv-beacon { gap:7px; min-height:40px; }.cv-beacon::before,.cv-beacon::after { width:min(4vw,18px); }
    .cv-beacon-values { gap:7px; }.cv-beacon-count { padding-left:7px; }
}

.entry-clock { display:inline-flex; flex-direction:column; gap:2px; white-space:nowrap; }
.entry-clock small { color:#ccb59a; font:400 11px/1.3 Barlow,sans-serif; }
.entry-clock strong { color:#ffd49f; font:600 16px/1.2 Barlow,sans-serif; font-variant-numeric:tabular-nums; }
.entry-clock[data-open="yes"] :is(small,strong) { color:#ade2bf; }
.cv-live-strip { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:0 22px; padding:0 12px; border-block:1px solid #42403a; background:radial-gradient(ellipse at 50% 160%,#243137,transparent 64%),#121618; }
.cv-live-strip .cv-beacon { border:0; background:none; padding-inline:0; }
.cv-live-strip .cv-beacon::before,.cv-live-strip .cv-beacon::after { display:none; }
.cv-world-clocks { display:flex; gap:18px; align-items:center; min-height:41px; color:#ede4d4; font:600 13px/1.15 Barlow,sans-serif; }
.cv-world-clocks > div { display:flex; align-items:center; gap:9px; padding-left:17px; border-left:1px solid #605446; }
.cv-world-clocks small { display:block; font-weight:400; font-size:11px; color:#b9b2a9; overflow-wrap:anywhere; }
.cv-world-clocks time { color:#f1d4a9; font-variant-numeric:tabular-nums; white-space:nowrap; }
.cv-world-clocks [data-local-time] { color:#b5deea; }
@media(max-width:700px) {
    .cv-live-strip { flex-direction:column; }
    .cv-world-clocks { max-width:100%; min-height:34px; padding-bottom:5px; }
    .cv-world-clocks > div:first-child { padding-left:0; border:0; }
}