/* The only stylesheet for /participants, /passages, /quests and /events. Theme selection only changes tokens. */
/* Detail titles stay in the document; the fixed chrome has a short label. */
html:is([data-page-template="route-places"],[data-page-template="announcement-details"],[data-page-template="topic-details"]) main :is(.participants-head,.participants-title,[data-vz-page-title]){display:block!important}
@font-face{font-family:"Bebas VZ";src:url('/assets/fonts/BebasNeue-Cyrillic.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
/* Shared theme contract. Values: docs/theme-audit/theme-tokens.json. */
@font-face{font-family:Manrope;src:url("/assets/fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{
  color-scheme:light;
  --vz-page:#f5f7f9;
  --vz-page-background:var(--vz-page);
  --vz-card:#ffffff;
  --vz-card-soft:#edf4fb;
  --vz-copy:#263238;
  --vz-muted:#62738b;
  --vz-blue:#123b6d;
  --vz-line:#bacbe9;
  --vz-hover:#edf4fb;
  --vz-selection:#edf4fb;
  --vz-current:#006b43;
  --vz-current-fill:#00875a;
  --vz-current-surface:#e9f8f0;
  --vz-ranking-current:var(--vz-current);
  --vz-ranking-place:#000;
  --vz-on-accent:#ffffff;
  --vz-success:#087b51;
  --vz-error:#ae3544;
  --vz-warning:#92630e;
  --vz-shadow-popup:0 8px 28px #102a4426;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --vz-page:#010a11;
  --vz-page-background:radial-gradient(76% 30% at 56% 0,#0a2238 0,#04111d 46%,#010a11 84%);
  --vz-card:#04111b;
  --vz-card-soft:#081827;
  --vz-copy:#c6d3e9;
  --vz-muted:#8fa5cf;
  --vz-blue:#9fb7e4;
  --vz-line:#3c4652;
  --vz-hover:#102332;
  --vz-selection:#112737;
  --vz-current:#f2b66d;
  --vz-current-fill:#f2b66d;
  --vz-current-surface:color-mix(in srgb,var(--vz-current) 10%,transparent);
  --vz-ranking-current:var(--vz-current);
  --vz-ranking-place:var(--vz-copy);
  --vz-on-accent:#010a11;
  --vz-success:#35d6a2;
  --vz-error:#fb8584;
  --vz-warning:#e9c96f;
  --vz-shadow-popup:0 8px 28px #0008;
}
:root{
  --menu-art:url("/assets/route-menu-backgrounds/menu-7.webp");
  --vz-font-body:Manrope,"Segoe UI",Arial,sans-serif;
  --vz-font-heading:"Times New Roman",Times,serif;
  --vz-control-font-size:14px;--vz-compact-font-size:12px;
  --vz-control-height:44px;--vz-control-radius:11px;--vz-control-padding:12px;
  --vz-compact-height:32px;--vz-compact-radius:6px;--vz-compact-padding:8px;
  --vz-card-radius:15px;--vz-icon-size:40px;--vz-icon-radius:10px;
  --vz-ranking-card-height:82px;--vz-ranking-tablet-height:151px;
  --vz-card-metric-size:20px;--vz-card-date-size:13px;
  --vz-difficulty-1:#1479af;--vz-difficulty-2:#247d35;--vz-difficulty-3:#8b6800;--vz-difficulty-4:#b65500;--vz-difficulty-5:#b52242;
  --vz-touch-size:44px;--vz-focus-width:2px;--vz-focus-offset:2px;
  --vz-active-filter:var(--vz-current);
}

*{box-sizing:border-box}
html{margin:0;min-height:100%;background:var(--vz-page);color:var(--vz-copy)}
body{margin:0;min-height:100vh;background:var(--vz-page-background);color:var(--vz-copy);font:400 14px/1.5 var(--vz-font-body)}
a{color:var(--vz-blue);text-decoration:none}
button,input,select{font-family:var(--vz-font-body)}
button{cursor:pointer}
:is(button,a,input,select,[tabindex]):focus-visible{outline:var(--vz-focus-width) solid var(--vz-blue);outline-offset:var(--vz-focus-offset)}
[hidden]{display:none!important}
.expedition-inner-shell,.atlas-stage{width:100%;min-width:0}
:is(.participants-page,.passages-page,:is(.quests-page,.events-catalog-page)){
 --p-bg:var(--vz-page);--p-card:var(--vz-card);--p-card-2:var(--vz-card-soft);--p-ink:var(--vz-copy);--p-muted:var(--vz-muted);--p-line:var(--vz-line);--p-soft:var(--vz-card-soft);--p-accent:var(--vz-blue);--p-sort:var(--vz-blue);--p-blue:var(--vz-blue);--p-selected-ink:var(--vz-ranking-current);
 --passages-card:var(--vz-card);--passages-card-2:var(--vz-card-soft);--passages-ink:var(--vz-copy);--passages-muted:var(--vz-muted);--passages-meta:var(--vz-muted);--passages-line:var(--vz-line);--passages-control-line:var(--vz-line);--passages-accent:var(--vz-blue);
 container-type:inline-size;width:100%;max-width:none;min-height:calc(100vh - 54px);margin:0;padding:14px clamp(22px,2.7vw,52px) 72px;background:transparent;color:var(--vz-copy);font:400 14px/1.5 var(--vz-font-body)
}
:is(.participants-head,.passages-head,:is(.quests-page,.events-catalog-page) .events-head){display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 12px}
:is(.participants-title,.passages-head .page-title,:is(.quests-title,.events-catalog-title)){margin:0;color:var(--vz-blue);font:700 32px/1 var(--vz-font-heading);letter-spacing:normal}
:is(.participants-meta,.passages-meta,:is(.quests-page,.events-catalog-page) .events-meta){display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-left:auto;padding:0}
:is(.participants-updated,.passages-updated,:is(.quests-page,.events-catalog-page) .events-updated){display:flex;align-items:baseline;gap:5px;margin-left:auto;padding:0 0 4px;color:var(--vz-muted);font:500 11px/1.2 var(--vz-font-body);font-variant-numeric:tabular-nums;white-space:nowrap}
:is(.participants-updated,.passages-updated,:is(.quests-page,.events-catalog-page) .events-updated) time{font:inherit;color:inherit}
:is(.participants-updated-short,.passages-updated-short,:is(.quests-page,.events-catalog-page) .events-updated-short){display:none}
.atlas-datetime{display:none;align-items:baseline;gap:10px;color:var(--vz-muted);font:500 11px/1.2 var(--vz-font-body);font-variant-numeric:tabular-nums;white-space:nowrap}
.atlas-datetime time{font:inherit;color:inherit}
:is(.participants-page .toolbar,.passages-toolbar){display:grid;grid-template-columns:minmax(300px,1.2fr) 132px 160px minmax(390px,1fr);align-items:stretch;gap:8px;max-width:100%;margin:0 0 12px;padding:0}
:is(.control,.search-control,.passages-field,.participant-totals,.passages-totals,.quests-totals),.quests-view-tabs button,:is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source){height:var(--vz-control-height);min-height:var(--vz-control-height)}
:is(.control,.search-control,.passages-field,.participant-totals,.passages-totals,.quests-totals,.passages-types,.quests-view-tabs button,:is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source)){min-width:0;margin:0;border:1px solid var(--vz-line);border-radius:var(--vz-control-radius);background:var(--vz-card);color:var(--vz-copy);box-shadow:none}
:is(.control,.passages-field){width:100%;font:400 var(--vz-control-font-size)/1 var(--vz-font-body);outline:none}
:is(.select-control,.passages-select){position:relative;min-width:0}
:is(.select-control .control,select.passages-field){padding:0 32px 0 12px;appearance:none;background-image:none;cursor:pointer;color:var(--vz-blue)}
:is(.select-control,.passages-select)>svg{position:absolute;pointer-events:none;right:17px;top:50%;width:17px;height:17px;fill:none;stroke:var(--vz-blue);stroke-width:2.2;transform:translateY(-50%)}
:is(.sort-select .control,#passages-sort,#period:has(option:checked:not([value=all])),#passages-year:has(option:checked:not([value=all])),.is-filter-active){font-weight:700;color:var(--vz-blue)}
:is(.search-control,.passages-field[role=search]):has(input:not(:placeholder-shown)){font-weight:700;color:var(--vz-blue)}
:is(.search-control,.passages-field[role=search]):has(input:not(:placeholder-shown)) input{color:var(--vz-blue)}
:is(.search-control,.passages-field[role=search]):has(input:not(:placeholder-shown)) svg{stroke:var(--vz-blue)}
:is(.search-control,.passages-field[role=search]){display:flex;align-items:center;padding:0 18px;gap:14px;font:400 var(--vz-control-font-size)/1 var(--vz-font-body)}
:is(.search-control,.passages-field[role=search]) svg{width:25px;height:25px;flex:0 0 auto;fill:none;stroke:var(--vz-muted);stroke-width:1.8}
:is(.search-control,.passages-field[role=search]) input{min-width:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--vz-copy);font:inherit;outline:0}
:is(.search-control,.passages-field[role=search]) input::placeholder{color:var(--vz-muted)}
:is(.control,select.passages-field):focus-visible,:is(.search-control,.passages-field[role=search]):focus-within{outline:2px solid var(--vz-blue);outline-offset:2px;box-shadow:none}
:is(.participant-totals,.passages-totals,.quests-totals){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;width:100%;padding:0;overflow:hidden;font-variant-numeric:tabular-nums}
:is(.participant-totals,.passages-totals,.quests-totals) span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:3px 8px;text-align:center;white-space:nowrap}
:is(.participant-totals,.passages-totals,.quests-totals) span+span{border-left:1px solid var(--vz-line)}
:is(.participant-totals,.passages-totals,.quests-totals) b{display:flex;align-items:baseline;justify-content:center;gap:4px;color:var(--vz-copy);font:italic 700 18px/1.1 var(--vz-font-body);letter-spacing:0}
:is(.participant-totals,.passages-totals,.quests-totals) em{font-size:12px;font-style:normal;font-weight:500}
:is(.participant-totals,.passages-totals,.quests-totals) small{display:block;margin-top:2px;color:var(--vz-muted);font:400 12px/1.1 var(--vz-font-body);text-transform:lowercase;white-space:nowrap}
:is(.participant-list,.passages-list){display:grid;gap:8px}
:is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card){position:relative;display:grid;align-items:center;min-width:0;min-height:var(--vz-ranking-card-height);padding:12px 16px;column-gap:14px;row-gap:18px;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius);background:var(--vz-card);color:var(--vz-copy);box-shadow:none}
.participant{grid-template-columns:54px minmax(270px,1fr) 160px minmax(330px,.9fr)}
.passage-card{grid-template-columns:54px minmax(270px,1fr) minmax(330px,.9fr)}
.passages-page[data-event-view=true] .passage-card{grid-template-columns:54px minmax(270px,1fr) minmax(330px,.9fr)}
:is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card)>*{position:relative;z-index:1;min-width:0}
:is(.rank,.passage-rank){min-width:0;justify-self:stretch;color:var(--vz-ranking-place);font:400 24px/1 "Bebas VZ",sans-serif;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:none}
:is(.person,.passage-person){display:flex;align-items:center;min-width:0;gap:12px}
.avatar-wrap{position:relative;width:46px;height:46px;flex:0 0 46px}
:is(.avatar,.passage-avatar){display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #39719f;border-radius:13px;background:linear-gradient(145deg,var(--vz-card-soft),var(--vz-page));color:var(--vz-copy);font:700 21px/1 var(--vz-font-body);box-shadow:inset 0 0 14px #1f8ce814}
:root[data-theme=light] :is(.avatar,.passage-avatar){border-color:#dce3e8;background:#fff;box-shadow:none}
:is(.avatar,.passage-avatar) img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
:is(.person-copy,.passage-copy){min-width:0}
.person-name-line{display:flex;align-items:center;gap:8px;min-width:0}
:is(.person b,.passage-person strong,:is(.quests-page,.events-catalog-page) .event-card h3){display:block;min-width:0;overflow:visible;color:var(--vz-blue);font:700 18px/1.2 var(--vz-font-body);text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.tag{display:block;margin-top:4px;padding:0;color:var(--vz-muted);font:500 13px/1 var(--vz-font-body);text-transform:uppercase}
.participant-level-value{font-family:var(--vz-font-body);font-style:italic;font-weight:800}
.participant[data-sort=level] .tag{color:var(--vz-ranking-current);font-weight:400}
:is(.participant-metrics,.passage-metrics){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.passage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.metric,.passage-metrics>div){display:block;min-width:0;padding:0 12px;text-align:center;font-variant-numeric:tabular-nums}
:is(.metric+.metric,.passage-metrics>div+div){border-left:1px solid var(--vz-line)}
:is(.metric b,.passage-metrics b){display:block;color:var(--vz-copy);font:italic 700 var(--vz-card-metric-size)/1.1 var(--vz-font-body);letter-spacing:0;white-space:nowrap}
:is(.metric,.passage-metrics) em{font:italic 400 11px/1.1 var(--vz-font-body)}
:is(.metric,.passage-metrics) small{display:block;margin-top:5px;color:var(--vz-muted);font:400 13px/1.15 var(--vz-font-body);text-transform:lowercase}
:is(.participant[data-sort=weight] .metric-weight,.participant[data-sort=distanceKm] .metric-distance,.participant[data-sort=contribution] .metric-contribution,.passages-page[data-sort=weight] .passage-weight,.passages-page[data-sort=distanceKm] .passage-distance) :is(b,small){color:var(--vz-ranking-current)}
:is(.participants-page,.passages-page,:is(.quests-page,.events-catalog-page),.events-catalog-page) .empty{padding:34px;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius);background:var(--vz-card);color:var(--vz-muted);text-align:center;font:400 14px/1.5 var(--vz-font-body)}
/* Passage-specific content uses the same surfaces, controls and type scale. */
.passage-copy{display:grid;flex:1;gap:4px}
:is(.passage-theme,:is(.quests-page,.events-catalog-page) .event-card-meta){color:var(--vz-muted);font:500 13px/1 var(--vz-font-body)}
.passage-theme{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.passage-subject{min-width:0;overflow:hidden;text-overflow:ellipsis}
.passage-completion{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:3px;margin:0}
.passage-completion::before{content:"·";margin-right:3px}
.passage-theme small{font:inherit}
.passage-theme a{color:var(--vz-blue)}
.passage-event-period,.passages-summary,.passages-types legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.passages-types{height:var(--vz-control-height);min-height:var(--vz-control-height);grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px}
.passages-types label{position:relative;display:grid;place-items:center;min-width:0;border-radius:10px;color:var(--vz-muted);font:600 var(--vz-control-font-size)/1 var(--vz-font-body);cursor:pointer}
.passages-types input{position:absolute;opacity:0;pointer-events:none}
.passages-types label:has(input:checked){background:var(--vz-current-surface);color:var(--vz-current);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vz-current-fill) 40%,transparent)}
.passages-types label:has(input:focus-visible){outline:2px solid var(--vz-blue);outline-offset:2px}
.passages-event-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:-5px 0 14px;color:var(--vz-muted);font:400 13px/1.4 var(--vz-font-body)}
.passages-event-filter b{color:var(--vz-copy);font-weight:600}
.passages-event-filter button{min-height:var(--vz-control-height);padding:4px 8px;border:1px solid var(--vz-line);border-radius:var(--vz-control-radius);background:var(--vz-card);color:var(--vz-blue);font:600 var(--vz-control-font-size)/1.3 var(--vz-font-body)}
.passages-event-filter button:hover{border-color:var(--vz-blue)}
.ranking-disclaimer{margin:0 0 12px;color:var(--vz-muted);font:400 12px/1.45 var(--vz-font-body)}
@media(max-width:1180px){
 :is(.participants-page .toolbar,.passages-toolbar){grid-template-columns:minmax(0,1fr) 132px 160px}
 :is(.participant-totals,.passages-totals,.quests-totals){grid-column:1/-1}
 :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card){row-gap:12px}
 .participant{grid-template-columns:46px minmax(250px,1fr) 180px minmax(290px,.9fr)}
 .passage-card{grid-template-columns:46px minmax(250px,1fr) minmax(290px,.9fr)}
}
@container(max-width:1100px){
 .participant{grid-template-columns:46px minmax(0,1fr) 145px minmax(260px,.9fr);row-gap:12px}
}
@container(max-width:900px){
 .participant{grid-template-columns:42px minmax(0,1fr) 154px;grid-template-rows:auto auto;row-gap:12px}
 .passage-card{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;row-gap:12px}
 .passages-page[data-event-view=true] .passage-card{grid-template-columns:46px minmax(0,1fr)}
 :is(.participant>.rank,.passage-card>.passage-rank){grid-column:1;grid-row:1}
 :is(.participant>.person,.passage-card>.passage-person){grid-column:2;grid-row:1}
 .participant>.participant-awards{grid-column:3;grid-row:1}
 :is(.participant>.participant-metrics,.passage-card>.passage-metrics){grid-column:1/-1;grid-row:2;padding-top:12px;border-top:1px solid var(--vz-line)}
}
@media(max-width:767px){
 :is(.participants-page,.passages-page,:is(.quests-page,.events-catalog-page),.events-catalog-page){padding:10px 10px 20px}
 :is(.participants-head,.passages-head,:is(.quests-page,.events-catalog-page) .events-head){display:block;min-height:0;margin-bottom:8px}
 :is(.participants-meta,.passages-meta,:is(.quests-page,.events-catalog-page) .events-meta){margin:0;gap:8px}
 .atlas-datetime{display:flex}
 :is(.participants-page .toolbar,.passages-toolbar){grid-template-columns:minmax(0,1fr) 82px 106px;gap:6px;margin-bottom:8px}
 .participants-page .toolbar:has(.is-season-rating){grid-template-columns:repeat(2,minmax(0,1fr))}
 .participants-page .toolbar:has(.is-season-rating) .search-control{grid-column:1/-1}
 :is(.participant-totals,.passages-totals,.quests-totals){height:52px;min-height:52px}
 .passages-types{height:auto;min-height:54px}
 .passages-types label{min-height:44px}
 .passages-page[data-event-view=true] .passage-card{grid-template-columns:39px minmax(0,1fr)}
 :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card){padding:7px 9px;row-gap:4px}
 :is(.avatar-wrap,.avatar,.passage-avatar){width:39px;height:39px;flex-basis:39px}
 :is(.person,.passage-person){gap:8px}
 :is(.person b,.passage-person strong,:is(.quests-page,.events-catalog-page) .event-card h3){font-size:15px}
 :is(.participant>.participant-metrics,.passage-card>.passage-metrics){padding-top:6px}
 :is(.metric,.passage-metrics) small{margin-top:3px;font-size:12px}
 :is(.passage-theme,:is(.quests-page,.events-catalog-page) .event-card-meta){font-size:11px}
}
@media(max-width:720px){
 :is(.participants-updated,.passages-updated,:is(.quests-page,.events-catalog-page) .events-updated){gap:4px;margin:0;padding:0}
 :is(.participants-updated-label,.passages-updated-label,:is(.quests-page,.events-catalog-page) .events-updated-full){display:none}
 :is(.participants-updated-short,.passages-updated-short,:is(.quests-page,.events-catalog-page) .events-updated-short){display:inline}
 :is(.search-control,.passages-field[role=search]){gap:7px;padding:0 9px}
 :is(.search-control,.passages-field[role=search]) svg{width:18px;height:18px}
 :is(.select-control,.passages-select)>svg{width:13px;height:13px;right:8px}
 .participant{grid-template-columns:32px minmax(0,1fr) 74px;grid-template-rows:minmax(69px,auto) auto}
 .passage-card{grid-template-columns:32px minmax(0,1fr);grid-template-rows:minmax(69px,auto) auto}
 .tag{font-size:11px}
 :is(.metric,.passage-metrics>div){padding-inline:5px}
 :is(.avatar,.passage-avatar){font-size:18px}
 :root{--vz-card-metric-size:18px}
 .passage-completion-prefix{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:430px){
 :is(.search-control,.passages-field[role=search]){padding-inline:8px}
 .participant{grid-template-columns:27px minmax(0,1fr) 69px}
 .passage-card{grid-template-columns:27px minmax(0,1fr)}
 :is(.avatar,.passage-avatar){font-size:16px}
}
@media(max-width:360px){
 :is(.participants-page .toolbar,.passages-toolbar){grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(.search-control,.passages-field[role=search]){grid-column:1/-1}
 .participant{grid-template-columns:24px minmax(0,1fr) 69px}
 .passage-card{grid-template-columns:24px minmax(0,1fr)}
 .passages-page[data-event-view=true] .passage-card{grid-template-columns:34px minmax(0,1fr)}
 :is(.avatar-wrap,.avatar,.passage-avatar){width:34px;height:34px;flex-basis:34px}
 :is(.avatar,.passage-avatar){font-size:14px}
 :is(.person b,.passage-person strong,:is(.quests-page,.events-catalog-page) .event-card h3){font-size:13.5px;letter-spacing:-.015em}
}

/* Ranking shell: SSR navigation, shared header, context navigation and favorites.
   Theme values and @font-face declarations are supplied by ranking-theme.css. */
.mock-route-navigation {
  --route-menu-width: 92px;
  --menu-paper: color-mix(in srgb,var(--vz-card) 97%,transparent);
  --menu-ink: var(--vz-blue);
  --menu-line: var(--vz-line);
  --menu-hover: var(--vz-hover);
  --menu-selected: var(--vz-current-surface);
  --menu-accent: var(--vz-current);
  --menu-profile-signed-in: var(--vz-success);
  --menu-surface-paper: var(--menu-paper);
  --menu-surface-copy: var(--menu-ink);
  --menu-rail-shadow: 3px 0 12px #102a4410;
}
:root[data-theme="dark"].mock-route-navigation {
  --menu-surface-paper: var(--vz-card);
  --menu-surface-copy: var(--vz-copy);
  --menu-rail-shadow: 0 3px 12px #0009;
}
.mock-route-navigation .mock-site-rail {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 35;
  display: none;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
  width: var(--route-menu-width);
  min-width: var(--route-menu-width);
  max-width: var(--route-menu-width);
  height: 100dvh;
  padding: 8px 6px;
  border: 0;
  border-right: 1px solid var(--menu-line);
  border-radius: 0;
  background: var(--menu-surface-paper);
  color: var(--menu-surface-copy);
  box-shadow: var(--menu-rail-shadow);
  font-family: var(--vz-font-body);
  overflow-x: hidden;
}
.mock-route-navigation :is(.mock-site-rail,.mock-site-menu) { isolation: isolate; }
.mock-route-navigation :is(.mock-site-rail,.mock-site-menu)::before,
.mock-route-navigation :is(.mock-site-rail,.mock-site-menu)::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image: var(--menu-art);
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
}
/* Contours fill the menu; the complete landscape stays visible near the footer. */
.mock-route-navigation :is(.mock-site-rail,.mock-site-menu)::before {
  background-size: auto 100%;
  background-position: center;
  opacity: .10;
}
.mock-route-navigation :is(.mock-site-rail,.mock-site-menu)::after {
  background-size: 100% auto;
  background-position: center bottom 94px;
  opacity: .32;
  mask-image: linear-gradient(transparent 45%,#000 68%);
}
:root[data-theme="dark"].mock-route-navigation :is(.mock-site-rail,.mock-site-menu)::before,
:root[data-theme="dark"].mock-route-navigation :is(.mock-site-rail,.mock-site-menu)::after {
  filter: invert(1);
  mix-blend-mode: screen;
}
.mock-route-navigation .mock-site-rail .mock-menu-brand {
  display: grid;
  place-items: center;
  flex: none;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  padding: 4px 0 10px;
  border-radius: 0;
  border-bottom: 0;
  background: transparent;
}
.mock-route-navigation .mock-menu-brand img {
  display: block;
  width: 76px;
  height: 62px;
  object-fit: contain;
}
:root[data-theme="dark"].mock-route-navigation .mock-menu-brand img {
  filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px #e0f4ffb3) drop-shadow(0 0 6px #86d7ff66);
}
.mock-route-navigation .mock-menu-links {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-content: start;
  flex: 1;
  gap: 3px;
  min-height: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #889aab50 transparent;
}
.mock-route-navigation .mock-site-rail .mock-menu-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: 5px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 64px;
  height: auto;
  padding: 7px 0;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--menu-ink);
  text-decoration: none;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.mock-route-navigation .mock-menu-link svg,
.mock-route-navigation .mock-menu-profile svg {
  display: block;
  flex: none;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mock-route-navigation .mock-menu-link span {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.mock-route-navigation .mock-site-rail .mock-menu-link span {
  display: block;
  flex: none;
  width: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}
/* A signed-in profile uses the same green indicator in every menu. */
.mock-route-navigation :is([data-menu-profile],[data-vz-nav-profile]).is-authenticated > svg {
  color: var(--menu-profile-signed-in)!important;
  stroke: currentColor!important;
}
.mock-route-navigation .mock-site-rail .mock-menu-link:hover,
.mock-route-navigation .mock-menu-profile:hover { background: var(--menu-hover); }
.mock-route-navigation .mock-site-rail .mock-menu-link.is-current {
  border-color: transparent;
  background: transparent;
  color: var(--menu-accent);
  font-weight: 700;
}
.mock-route-navigation .mock-menu-link.is-current>svg{color:var(--vz-current-fill)}
.mock-route-navigation .mock-menu-link.is-current::after {
  position: absolute;
  z-index: -1;
  inset: 2px 0;
  content: "";
  background: var(--menu-selected);
  clip-path: polygon(8% 3%,89% 0,100% 7%,91% 17%,100% 23%,95% 34%,100% 42%,95% 55%,100% 62%,93% 76%,97% 84%,83% 96%,12% 100%,2% 94%,9% 84%,0 76%,6% 66%,1% 55%,7% 45%,0 34%,8% 24%,2% 16%,11% 9%);
}
/* Quiet permanent policy/cookies link; the privacy row itself shows once. */
.mock-route-navigation .mock-menu-footer {
  flex: none;
  width: 100%;
  padding-top: 9px;
  border-top: 0;
}
.mock-route-navigation .mock-site-rail .mock-menu-profile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: 6px;
  width: 100%;
  height: 62px;
  padding: 7px;
  border: 0;
  border-top: 1px solid var(--menu-line);
  border-radius: 0;
  color: var(--menu-ink);
  background: transparent;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}
.mock-route-navigation .mock-menu-session {
  position: absolute;
  top: 9px;
  right: 22px;
  width: 7px;
  height: 7px;
  border: 2px solid var(--menu-paper);
  border-radius: 50%;
  background: var(--vz-success);
}
.mock-route-navigation .mock-menu-session[hidden] { display: none; }
.mock-route-navigation :is(.mock-menu-link,.mock-menu-brand,.mock-menu-profile,.mock-menu-socials a):focus-visible {
  outline: 2px solid var(--vz-blue);
  outline-offset: -2px;
}

/* The same sections and icons appear in the narrow-screen menu. */
.mock-route-navigation .mock-site-menu[popover] {
  position: fixed;
  inset: 12px auto 12px 12px;
  box-sizing: border-box;
  width: 260px;
  max-height: calc(100dvh - 24px);
  margin: 0;
  padding: 12px;
  border: 1px solid var(--menu-line);
  border-radius: var(--vz-card-radius);
  background: var(--menu-surface-paper);
  color: var(--menu-surface-copy);
  box-shadow: var(--vz-shadow-popup);
  font: 600 14px/1.3 var(--vz-font-body);
  overflow-x: hidden;
  overflow-y: auto;
}
.mock-route-navigation .mock-site-menu:popover-open { display: flex; flex-direction: column; gap: 6px; }
.mock-route-navigation .mock-site-menu-head {
  display: flex;
  flex: none;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--menu-line);
  color: var(--menu-ink);
  font-size: 13px;
  font-weight: 700;
}
.mock-route-navigation .mock-site-menu-head .mock-menu-brand { display: block; flex: none; padding: 0; }
.mock-route-navigation .mock-site-menu-head .mock-menu-brand img { width: 64px; height: 52px; }
.mock-route-navigation .mock-site-menu-head > span { flex: 1; min-width: 0; }
.mock-route-navigation .mock-site-menu-head button {
  align-self: center;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin-left: auto;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--menu-ink);
  font: 28px/1 Arial,sans-serif;
  cursor: pointer;
}
.mock-route-navigation .mock-site-menu-head button:focus-visible { outline: 2px solid var(--vz-blue); outline-offset: 2px; }
.mock-route-navigation .mock-site-menu .mock-menu-link,
.mock-route-navigation .mock-site-menu .mock-menu-profile {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  min-height: 46px;
  padding: 10px 12px;
  border-radius: 9px;
  color: var(--menu-ink);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
}
.mock-route-navigation .mock-site-menu .mock-menu-link:hover { background: var(--menu-hover); }
.mock-route-navigation .mock-site-menu .mock-menu-link.is-current {
  background: transparent;
  color: var(--menu-accent);
  font-weight: 700;
}
.mock-route-navigation .mock-site-menu .mock-menu-profile { border: 1px solid var(--menu-line); font-weight: 600; }
.mock-route-navigation .mock-site-menu .mock-menu-session { top: 12px; right: 12px; }
.mock-route-navigation .mock-menu-socials {
  display: flex;
  justify-content: center;
  gap: 3px;
  padding: 0 0 12px;
}
.mock-route-navigation .mock-menu-socials a {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 1px solid color-mix(in srgb,var(--menu-ink) 45%,transparent);
  border-radius: 50%;
  background: color-mix(in srgb,var(--menu-paper) 80%,transparent);
  color: var(--menu-ink);
  text-decoration: none;
  font: 700 9px/1 var(--vz-font-body);
}
.mock-route-navigation .mock-menu-socials a:hover { background: var(--menu-hover); }
.mock-route-navigation .mock-menu-socials a span { max-width: 100%; overflow: hidden; font-size: 8px; }
.mock-route-navigation .mock-menu-socials a[title="MAX"] span {
  font-size: 7px;
  letter-spacing: -.15px;
}
.mock-route-navigation .mock-menu-socials svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mock-route-navigation .mock-site-menu .mock-menu-socials { gap: 12px; }
.mock-route-navigation .mock-site-menu .mock-menu-socials a { width: 34px; height: 34px; }

/* Favorite controls can move between the page title and the responsive header. */
.vz-save-page {
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  padding: 5px;
  border: 0;
  background: transparent;
  color: var(--vz-blue);
  vertical-align: middle;
  cursor: pointer;
}
.vz-save-page svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.vz-save-page.is-active svg { fill: color-mix(in srgb,var(--vz-current-fill) 24%,transparent); stroke: var(--vz-current-fill); }
.vz-save-page:focus-visible,.vz-favorite-login :is(a,button):focus-visible { outline: 2px solid var(--vz-blue); outline-offset: 2px; }
.vz-favorite-login {
  box-sizing: border-box;
  width: min(380px,calc(100vw - 32px));
  padding: 24px;
  border: 1px solid var(--vz-line);
  border-radius: var(--vz-card-radius);
  background: var(--vz-card);
  color: var(--vz-copy);
  box-shadow: var(--vz-shadow-popup);
  font: 400 14px/1.6 var(--vz-font-body);
}
.vz-favorite-login::backdrop { background: #07152488; }
.vz-favorite-login h2 { margin: 0 0 12px; color: var(--vz-blue); font: 700 24px/1.2 var(--vz-font-heading); }
.vz-favorite-login p { margin: 0 0 20px; }
.vz-favorite-login > div { display: flex; justify-content: flex-end; gap: 10px; }
.vz-favorite-login :is(button,a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--vz-control-height);
  padding: 7px 12px;
  border: 1px solid var(--vz-line);
  border-radius: var(--vz-control-radius);
  background: var(--vz-card);
  color: var(--vz-blue);
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}
.vz-favorite-login a { background: var(--vz-blue); border-color: var(--vz-blue); color: var(--vz-on-accent); }
.vz-favorite-status:not(:empty) {
  position: fixed;
  z-index: 12000;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100vw - 24px);
  margin: 0;
  padding: 10px 16px;
  border-radius: var(--vz-card-radius);
  background: var(--vz-blue);
  color: var(--vz-on-accent);
  font: 400 13px/1.5 var(--vz-font-body);
  box-shadow: var(--vz-shadow-popup);
}

/* The same header serves the desktop theme button and the narrow-screen toolbar. */
.vz-common-header,.vz-common-bottom { display: none; }
.vz-common-header > button {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--vz-blue);
  cursor: pointer;
}
.vz-common-header > button:focus-visible { outline: 2px solid var(--vz-blue); outline-offset: 2px; }
.vz-common-header svg,.vz-common-bottom svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.vz-common-header :is(h1,.vz-common-title) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--vz-blue);
  font: 700 32px/1.2 var(--vz-font-heading);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vz-common-header :is(h1,.vz-common-title) > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.vz-common-header :is(h1,.vz-common-title) button.vz-save-page { flex: none; width: 24px; height: 24px; padding: 0; }
.vz-common-bottom :is(a,button) {
  position: relative;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  padding: 4px 2px;
  background: transparent;
  box-shadow: none;
  line-height: 1.2;
  cursor: pointer;
}
.vz-common-bottom :is(a,button):focus-visible { outline: 2px solid var(--vz-blue); outline-offset: 2px; border-radius: var(--vz-control-radius); }
.vz-common-bottom button:disabled { cursor: default; opacity: .45; }
.vz-common-bottom [data-vz-nav-count] { position: absolute; top: 7px; left: calc(50% + 13px); color: var(--vz-muted); font: 600 9px/1 var(--vz-font-body); }
.vz-common-bottom [data-vz-nav-count]:empty { display: none; }

@media (min-width: 1280px) {
  .mock-route-navigation .mock-site-rail { display: flex; }
  html.vz-unified body.vz-public-page { margin-left: 92px; }
  .vz-common-header { position: fixed; z-index: 36; top: 12px; right: 20px; display: block; width: 40px; height: 40px; }
  .vz-common-header > :not([data-vz-theme]) { display: none; }
  .vz-common-header > [data-vz-theme] { border: 1px solid var(--vz-line); background: var(--vz-card); border-radius: 10px; }
  :is(.participants-head,.passages-head,:is(.quests-page,.events-catalog-page) .events-head) { padding-right: 56px; }
}
@media (max-width: 1279px) {
  html.vz-unified body.vz-public-page { margin-left: 0; padding-top: 62px; }
  .vz-common-header {
    position: fixed;
    z-index: 36;
    inset: 0 0 auto;
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) 44px;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    height: 62px;
    padding: 0 12px;
    border-bottom: 1px solid var(--vz-line);
    background: var(--vz-card);
  }
}
@media (max-width: 767px) {
  html.vz-unified body.vz-public-page { padding-bottom: calc(68px + env(safe-area-inset-bottom)); scroll-padding-top: 64px; }
  [data-vz-page-title],.participants-head h1 { display: none!important; }
  .vz-common-header :is(h1,.vz-common-title) { font-size: 25px; }
  .vz-common-bottom {
    position: fixed;
    z-index: 36;
    inset: auto 0 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0,1fr);
    box-sizing: border-box;
    height: calc(68px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid var(--vz-line);
    background: var(--vz-card);
    font-family: var(--vz-font-body);
  }
  .vz-common-bottom :is(a,button) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--vz-muted); font-size: 11px; text-decoration: none; }
  .vz-common-bottom :is(a,button)[aria-current] { color: var(--vz-blue); font-weight: 700; }
  .vz-common-bottom :is(a,button)[aria-current]::after { position: absolute; bottom: 7px; width: 32px; border-top: 2px solid currentColor; content: ''; }
  main :is(h2,section,[data-vz-target]) { scroll-margin-top: 76px; }
  .mock-route-navigation .mock-site-menu[popover] { inset: 0; width: 100vw; height: 100dvh; max-height: none; padding: 16px; border: 0; border-radius: 0; }
}
@media (max-width: 767px),(pointer: coarse) {
  .vz-save-page,.vz-common-header > button,.vz-common-header :is(h1,.vz-common-title) button.vz-save-page,.mock-route-navigation .mock-site-menu-head button { width: 44px; height: 44px; }
  .mock-route-navigation .mock-site-menu .mock-menu-socials a { width: 44px; height: 44px; }
}

/* Ranking exceptions: podiums, participant awards/cup, tied places and event dates.
   Load after ordinary card/rank rules. Requires shared --vz-* tokens and
   --p-* / --passages-* aliases. No shell, ordinary card or identity styling. */

/* Only prize places have a colored border and the approved 125 x 94 glow. */
:is(.participant.rank-1, .passage-card[data-podium="1"]) {
  --rank-border: #b98516;
  --rank-ink: #f4b400;
  --rank-glow: radial-gradient(ellipse 125px 94px at 0 0, #f8cf4078 0, #c9961830 43%, transparent 76%);
}
:is(.participant.rank-2, .passage-card[data-podium="2"]) {
  --rank-border: #71849a;
  --rank-ink: #bdd0e8;
  --rank-glow: radial-gradient(ellipse 125px 94px at 0 0, #e8f3ff80 0, #91a9c130 43%, transparent 76%);
}
:is(.participant.rank-3, .passage-card[data-podium="3"]) {
  --rank-border: #a95627;
  --rank-ink: #e98a42;
  --rank-glow: radial-gradient(ellipse 125px 94px at 0 0, #ee884b70 0, #b85b282e 43%, transparent 76%);
}
:root[data-theme="light"] :is(.participant.rank-1, .passage-card[data-podium="1"]) {
  --rank-border: #c48b0e;
  --rank-ink: #714600;
  --rank-glow: radial-gradient(ellipse 125px 94px at 0 0, #ffe68380 0, #ffeeb63d 43%, transparent 76%);
}
:root[data-theme="light"] :is(.participant.rank-2, .passage-card[data-podium="2"]) {
  --rank-border: #6884a3;
  --rank-ink: #284c70;
  --rank-glow: radial-gradient(ellipse 125px 94px at 0 0, #dcecff9c 0, #edf5ff4d 43%, transparent 76%);
}
:root[data-theme="light"] :is(.participant.rank-3, .passage-card[data-podium="3"]) {
  --rank-border: #bc5b22;
  --rank-ink: #8f3012;
  --rank-glow: radial-gradient(ellipse 125px 94px at 0 0, #ffd8c894 0, #ffeadf47 43%, transparent 76%);
}
:is(.participant.rank-1, .participant.rank-2, .participant.rank-3,
    .passage-card[data-podium="1"], .passage-card[data-podium="2"], .passage-card[data-podium="3"]) {
  border-color: var(--rank-border);
}
:is(.participant.rank-1, .participant.rank-2, .participant.rank-3,
    .passage-card[data-podium="1"], .passage-card[data-podium="2"], .passage-card[data-podium="3"])::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: var(--rank-glow);
  pointer-events: none;
}
:is(.participant.rank-1, .participant.rank-2, .participant.rank-3,
    .passage-card[data-podium="1"], .passage-card[data-podium="2"], .passage-card[data-podium="3"]) > * {
  position: relative;
  z-index: 1;
}
:is(.participant.rank-1, .participant.rank-2, .participant.rank-3,
    .passage-card[data-podium="1"], .passage-card[data-podium="2"], .passage-card[data-podium="3"]) > :is(.rank, .passage-rank) {
  color: var(--rank-ink);
}

/* Four achievements remain their own participant column. The parent card
   assigns this column's grid area; this fragment owns its internal layout. */
.participants-page .participant-awards {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  gap: 6px;
}
.participants-page .award-icon {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  font: inherit;
  cursor: pointer;
}
.participants-page .award-icon svg {
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.participants-page .award-icon:focus-visible {
  outline: 2px solid var(--vz-blue);
  outline-offset: 2px;
}
.participants-page .participant-awards .award-legend { --award-tone: #ffd16a; }
.participants-page .participant-awards .award-guardian { --award-tone: #58f29a; }
.participants-page .participant-awards .award-navigator { --award-tone: #cf829a; }
.participants-page .participant-awards .award-collector { --award-tone: #d4b3ed; }
.participants-page .participant-awards .award-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--award-tone) 68%, var(--p-line));
  border-radius: 9px;
  background: radial-gradient(circle at 26% 18%, color-mix(in srgb, var(--award-tone) 30%, transparent), transparent 72%), linear-gradient(145deg, #203340, #0d1c29);
  color: var(--award-tone);
  box-shadow: inset 0 1px #ffffff2b, 0 2px 8px #0005, 0 0 9px color-mix(in srgb, var(--award-tone) 19%, transparent);
  filter: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.participants-page .participant-awards .award-icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 2.15;
  filter: drop-shadow(0 0 2px color-mix(in srgb, var(--award-tone) 58%, transparent));
}
.participants-page .participant-awards .award-guardian svg path {
  fill: color-mix(in srgb, var(--award-tone) 18%, transparent);
}
.participants-page .participant-awards .award-icon:is(:hover, :focus-visible, .is-open) {
  transform: translateY(-2px);
  box-shadow: inset 0 1px #ffffff42, 0 4px 12px #0006, 0 0 14px color-mix(in srgb, var(--award-tone) 34%, transparent);
}
.participants-page .participant-awards .award-icon.award-locked {
  border-color: var(--p-line);
  background: linear-gradient(145deg, var(--p-card-2), var(--p-card));
  color: var(--p-muted);
  opacity: 1;
  box-shadow: inset 0 1px #ffffff12;
}
.participants-page .participant-awards .award-locked svg {
  opacity: .64;
  filter: none;
}
.participants-page .participant-awards .award-locked:is(:hover, :focus-visible) svg { opacity: 1; }
.participants-page .participant-awards .award-guardian .heart-solid { display: none; }

/* Earned light awards retain their distinct saturated metal/jewel surfaces. */
:root[data-theme="light"] .participants-page .participant-awards .award-legend { --award-tone: #976000; }
:root[data-theme="light"] .participants-page .participant-awards .award-guardian { --award-tone: #26714d; }
:root[data-theme="light"] .participants-page .participant-awards .award-navigator { --award-tone: #925069; }
:root[data-theme="light"] .participants-page .participant-awards .award-collector { --award-tone: #79509b; }
:root[data-theme="light"] .participants-page .participant-awards .award-icon {
  color: #fff;
  box-shadow: none;
  filter: none;
}
:root[data-theme="light"] .participants-page .participant-awards .award-icon:not(.award-locked) {
  box-shadow:inset 0 1px 0 #ffffffd9,inset 1px 0 0 #ffffff70,inset 0 -2px 0 #00000026,0 2px 3px color-mix(in srgb,var(--award-tone) 22%,transparent);
}
:root[data-theme="light"] .participants-page .participant-awards .award-icon:not(.award-locked) svg {
  filter:drop-shadow(0 1px 0 #ffffff52) drop-shadow(0 1px 1px #1d143326);
}
:root[data-theme="light"] .participants-page .participant-awards .award-icon:not(.award-locked):is(:hover,:focus-visible,.is-open) {
  box-shadow:inset 0 1px 0 #fffffff2,inset 1px 0 0 #ffffff94,inset 0 -2px 0 #0000002b,0 3px 6px color-mix(in srgb,var(--award-tone) 28%,transparent);
}
:root[data-theme="light"] .participants-page .participant-awards .award-legend:not(.award-locked) {
  border-color: #ad7a0c;
  background:radial-gradient(ellipse at 24% 8%,#fffce6e0 0%,#fff5c347 36%,transparent 60%),linear-gradient(145deg,#ffe99a 0%,#ffd167 36%,#edb32c 72%,#bd8217 100%);
  color: #775000;
}
:root[data-theme="light"] .participants-page .participant-awards .award-guardian:not(.award-locked) {
  border-color: #205e42;
  background:radial-gradient(ellipse at 24% 8%,#dcffeab8 0%,#c0ffdc2e 38%,transparent 60%),linear-gradient(145deg,#58bb80 0%,#15995e 35%,#087047 68%,#044c31 100%);
}
:root[data-theme="light"] .participants-page .participant-awards .award-navigator:not(.award-locked) {
  border-color: #a25c73;
  background:radial-gradient(ellipse at 24% 8%,#fff0f9c7 0%,#ffd9ec2e 38%,transparent 60%),linear-gradient(145deg,#edb4ca 0%,#c77a9a 36%,#a94f77 70%,#6f294b 100%);
}
:root[data-theme="light"] .participants-page .participant-awards .award-collector:not(.award-locked) {
  border-color: #71408e;
  background:radial-gradient(ellipse at 24% 8%,#faf0ffd6 0%,#eed5ff30 38%,transparent 60%),linear-gradient(145deg,#dbc0f0 0%,#a779cb 36%,#7e4eaa 70%,#4a286d 100%);
}
:root[data-theme="light"] .participants-page .participant-awards .award-icon.award-locked {
  border-color: #aabccc;
  background: linear-gradient(145deg, #f7fbff, #e9f2fa);
  color: #617589;
  opacity: 1;
  box-shadow: none;
  filter: none;
}
:root[data-theme="light"] .participants-page .participant-awards .award-guardian svg,
:root[data-theme="light"] .participants-page .participant-awards .award-locked svg { filter: none; }
:root[data-theme="light"] .participants-page .participant-awards .award-locked svg { opacity: 1; }
:root[data-theme="light"] .participants-page .participant-awards .award-guardian:not(.award-locked) .heart-outline { display: none; }
:root[data-theme="light"] .participants-page .participant-awards .award-guardian:not(.award-locked) .heart-solid {
  display: block;
  fill: #fff;
  stroke: none;
}
:root[data-theme="light"] .participants-page .participant-awards .award-guardian.award-locked svg path { fill: none; }

/* Award and cup popovers use the common UI typography and theme surfaces.
   Their geometry, condition text and open/hover/focus behavior are retained. */
.participants-page .award-icon::after {
  content: attr(data-title);
  position: absolute;
  z-index: 40;
  left: 50%;
  bottom: calc(100% + 8px);
  width: max-content;
  max-width: 170px;
  padding: 7px 9px;
  border: 1px solid var(--vz-line);
  border-radius: 8px;
  background: var(--vz-card);
  color: var(--vz-copy);
  font: 500 12px/1.2 var(--vz-font-body);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity .15s ease, transform .15s ease;
}
.participants-page .award-icon:is(:hover, :focus-visible, .is-open)::after {
  opacity: 1;
  transform: translate(-50%, 0);
}
.participants-page .participant-awards .award-icon[data-condition]::after {
  content: attr(data-title) "\A" attr(data-condition);
  width: 170px;
  white-space: pre-line;
}

/* The seasonal cup is a circular overlay, not a fifth achievement. */
.participants-page .overall-level-badge{position:absolute;z-index:3;top:-5px;left:auto;right:calc(100% - 14px);display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin:0;padding:0 3px;border:1px solid var(--vz-current-fill);border-radius:50%;background:var(--vz-card);color:var(--vz-current);font:800 9px/1 var(--vz-font-body);box-shadow:0 1px 4px #0002;cursor:help}
.participants-page .season-cup {
  position: absolute;
  z-index: 3;
  top: -5px;
  right: -5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #f0c660;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 20%,#705621,#2b2109 80%);
  color: #ffdc78;
  box-shadow: 0 1px 4px #0004;
  filter: none;
}
.participants-page .season-cup svg { width: 15px; height: 15px; transform: none; }
.participants-page .season-cup svg path:first-child { fill:currentColor;fill-opacity:.18; }
.participants-page .season-cup::after { bottom: calc(100% + 8px); }
:root[data-theme="light"] .participants-page .season-cup {
  border-color: #dcad39;
  background: radial-gradient(circle at 35% 20%,#fffdf0,#ffe39a 85%);
  color: #986000;
  box-shadow: 0 1px 4px #76540e28;
}

/* Tied/long places keep all digits visible without expanding the rank column. */
.passage-card[data-rank-range="true"] .passage-rank { letter-spacing: -.04em; }
.passage-card[data-rank-long="true"] .passage-rank {
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: normal;
  font-size: 16px;
  line-height: 1;
}
.passage-rank-separator { line-height: .65; }

/* Event drilldown remains neutral; its compact date replaces the rank. */
.passages-page[data-event-view="true"] .passage-card { border-color: var(--passages-line); }
.passages-page[data-event-view="true"] .passage-card::before { content: none; }
.passages-page[data-event-view="true"] .passage-avatar {
  border-color: var(--passages-line);
  background: var(--passages-card);
  box-shadow: none;
}
.passage-event-date {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  justify-self: center;
  gap: 1px;
  width: 46px;
  height: 46px;
  min-width: 0;
  padding: 2px;
  border: 1px solid var(--passages-line);
  border-radius: 13px;
  color: var(--passages-ink);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.passage-event-date b { font: italic 700 18px/1 var(--vz-font-body); }
.passage-event-date span { margin: 0; color: var(--passages-muted); font: 500 10px/1 var(--vz-font-body); }
.passage-event-date small { margin: 0; color: var(--passages-muted); font: 400 10px/1 var(--vz-font-body); }
.passage-card--event .passage-theme { flex-wrap: wrap; row-gap: 4px; }
.passage-card--event .passage-subject { flex-basis: 100%; }
.passage-card--event .passage-event-period { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; }

@container (max-width: 900px) {
  .participants-page .participant-awards .award-icon:nth-last-child(-n+2)::after {
    left: auto;
    right: 0;
    transform: translate(0, 4px);
  }
  .participants-page .participant-awards .award-icon:nth-last-child(-n+2):is(:hover, :focus-visible, .is-open)::after { transform: translate(0, 0); }
}
@media (max-width: 767px) {
  .passage-card:is([data-rank-range="true"], [data-rank-long="true"]) .passage-rank {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: normal;
    font-size: 12px;
    line-height: 1;
  }
  .passage-event-date { width: 39px; height: 39px; }
  .passage-event-date b { font-size: 15px; }
  .passage-event-date :is(span, small) { font-size: 9px; }
}
@media (max-width: 720px) {
  .participants-page .participant-awards {
    display: grid;
    grid-template-columns: repeat(2, 32px);
    grid-auto-rows: 32px;
    gap: 5px;
    margin: 0;
    min-height: 69px;
    justify-self: end;
    align-self: start;
  }
  .participants-page .participant-awards .award-icon { width: 32px; height: 32px; padding: 4px; }
  .participants-page .participant-awards .award-icon::after { left: auto; right: 0; transform: translate(0, 4px); }
  .participants-page .participant-awards .award-icon:is(:hover, :focus-visible, .is-open)::after { transform: translate(0, 0); }
  .participants-page .season-cup { top: -5px; right: -5px; width: 20px; height: 20px; }
  .participants-page .season-cup svg { width: 13px; height: 13px; }
  .participants-page .rank-digits-2 .rank { font-size: 20px; }
  .participants-page .rank-digits-3 .rank { font-size: 15px; }
  .passage-event-date { border-radius: 10px; }
}
@media (max-width: 360px) {
  .passage-event-date { width: 34px; height: 34px; gap: 0; }
  .passage-event-date b { font-size: 14px; }
  .passage-event-date :is(span, small) { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .participants-page .participant-awards .award-icon,
  .participants-page .award-icon::after { transition: none; }
}

/* Access notices and personal rows share the approved palette in both themes. */
.ranking-access { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 14px; margin:16px 0; padding:12px; border:1px solid var(--vz-line); border-radius:var(--vz-card-radius); background:var(--vz-card); color:var(--vz-muted); font:14px/1.5 var(--vz-font-body); }
.ranking-access[hidden] { display:none; }
.ranking-access p { margin:0; }
.ranking-access a { display:inline-flex; align-items:center; justify-content:center; min-height:var(--vz-control-height); padding:0 16px; border:1px solid var(--vz-line); border-radius:var(--vz-control-radius); background:var(--vz-card-soft); color:var(--vz-blue); font-weight:700; text-decoration:none; }
.ranking-access a:hover { background:var(--vz-hover); }
.ranking-access a:focus-visible { outline:2px solid var(--vz-blue); outline-offset:2px; }
html.vz-unified body.vz-public-page :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card).is-current-user { border-color:var(--vz-blue)!important; outline:2px solid var(--vz-blue); outline-offset:2px; scroll-margin-block:100px; }
html.vz-unified body.vz-public-page :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card).is-current-user :is(.person-name-line,.passage-copy)>:is(b,strong)::after { content:" · Вы"; color:var(--vz-muted); font:600 12px var(--vz-font-body); white-space:nowrap; }


/* Shared ranking-page action; geometry follows the common theme button. */
.vz-ranking-to-top {
  position: fixed;
  z-index: 35;
  right: calc(20px + env(safe-area-inset-right));
  bottom: calc(20px + env(safe-area-inset-bottom));
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: var(--vz-icon-size);
  height: var(--vz-icon-size);
  padding: 8px;
  border: 1px solid var(--vz-line);
  border-radius: var(--vz-icon-radius);
  background: var(--vz-card);
  color: var(--vz-blue);
  box-shadow: none;
  cursor: pointer;
}
.vz-ranking-to-top[hidden] { display: none; }
.vz-ranking-to-top:hover { background: var(--vz-hover); }
.vz-ranking-to-top:focus-visible {
  outline: var(--vz-focus-width) solid var(--vz-blue);
  outline-offset: var(--vz-focus-offset);
}
.vz-ranking-to-top svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 767px), (pointer: coarse) {
  .vz-ranking-to-top {
    width: var(--vz-touch-size);
    height: var(--vz-touch-size);
  }
}
@media (max-width: 767px) {
  .vz-ranking-to-top {
    right: calc(12px + env(safe-area-inset-right));
    bottom: calc(68px + 12px + env(safe-area-inset-bottom));
  }
}

/* Quest content. Shared page, header, search, control and surface rules above remain authoritative. */
:is(.quests-page,.events-catalog-page) .events-heading{min-width:0}
:is(.quests-page,.events-catalog-page) .events-title-line{display:flex;align-items:center;gap:11px;min-width:0}
.quests-view-tabs{display:flex;gap:8px;margin-bottom:12px}
.quests-view-tabs button{padding:0 12px;color:var(--vz-blue);font:400 var(--vz-control-font-size)/1.2 var(--vz-font-body)}
.quests-view-tabs button[aria-pressed=true]{background:var(--vz-current-surface);color:var(--vz-current);border-color:var(--vz-current-fill);font-weight:700}
.quests-view-tabs button:hover,:is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source):hover{background:var(--vz-hover)}
:is(.quests-page,.events-catalog-page) .events-filter-panel{display:block;margin:0 0 12px;padding:0}
:is(.quests-page,.events-catalog-page) .events-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 160px minmax(260px,.65fr);align-items:stretch;gap:8px;max-width:100%}
.quests-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
.quest-status{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.quests-page,.events-catalog-page) .events-section{margin:0}
:is(.quests-page,.events-catalog-page) .events-section-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:is(.quests-page,.events-catalog-page) .events-grid{display:grid;gap:8px}
:is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--vz-blue);font:700 var(--vz-control-font-size)/1.2 var(--vz-font-body);text-decoration:none;white-space:nowrap}
:is(.quests-page,.events-catalog-page) .event-card-actions svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(.quests-page,.events-catalog-page) .events-empty{padding:34px;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius);background:var(--vz-card);color:var(--vz-muted);text-align:center;font:400 14px/1.5 var(--vz-font-body)}
@media(max-width:1279px){
 :is(.quests-page,.events-catalog-page) .events-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}
@media(max-width:1180px){
 :is(.quests-page,.events-catalog-page) .events-toolbar{grid-template-columns:minmax(0,1fr) 160px}
 .quests-totals{grid-column:1/-1}
}
@media(max-width:767px){
 .quests-view-tabs{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 :is(.quests-page,.events-catalog-page) .events-toolbar{grid-template-columns:minmax(0,1fr) 132px;gap:8px}
 :is(.quests-page,.events-catalog-page) .events-filter-panel{margin-bottom:8px}
 :is(.quests-page,.events-catalog-page) .event-card-actions svg{width:17px;height:17px}
}

/* Quest cards keep their own content while inheriting the ranking row surfaces and type scale. */
:is(.quests-page,.events-catalog-page) .event-card{scroll-margin-top:24px}
:is(.quests-page,.events-catalog-page) .event-card-inner{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0}
:is(.quests-page,.events-catalog-page) .event-card-copy{position:relative;min-width:0;padding-right:48px}
:is(.quests-page,.events-catalog-page) .event-card-title{display:block;min-width:0}
:is(.quests-page,.events-catalog-page) .event-card h3{margin:0}
:is(.quests-page,.events-catalog-page) .event-date svg{width:27px;height:27px;fill:none;stroke:var(--vz-blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(.quests-page,.events-catalog-page) .quest-favorite{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;flex:none;width:40px;height:40px;padding:5px;border:0;border-radius:var(--vz-icon-radius);background:transparent;color:var(--vz-muted);cursor:pointer}
:is(.quests-page,.events-catalog-page) .quest-favorite:hover{background:var(--vz-hover)}
:is(.quests-page,.events-catalog-page) .quest-favorite:disabled{cursor:default}
:is(.quests-page,.events-catalog-page) .quest-favorite svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
:is(.quests-page,.events-catalog-page) .quest-favorite.is-active{color:var(--vz-current)}
:is(.quests-page,.events-catalog-page) .quest-favorite.is-active svg{fill:color-mix(in srgb,var(--vz-current-fill) 24%,transparent);stroke:var(--vz-current-fill)}
:is(.quests-page,.events-catalog-page) .event-card-meta{display:flex;flex-wrap:wrap;gap:5px 0;margin-top:4px;overflow-wrap:anywhere}
:is(.quests-page,.events-catalog-page) .event-card-meta span+span::before{content:"·";display:inline-block;margin:0 10px;color:var(--vz-muted)}
:is(.quests-page,.events-catalog-page) .event-status{display:inline-flex;margin-top:4px;align-items:center;min-height:22px;padding:2px 8px;border:1px solid var(--vz-line);border-radius:var(--vz-control-radius);background:var(--vz-card-soft);color:var(--vz-muted);font:500 11px/1.2 var(--vz-font-body)}
:is(.quests-page,.events-catalog-page) .event-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
@container(max-width:900px){
 :is(.quests-page,.events-catalog-page) .event-card-inner{grid-template-columns:46px minmax(0,1fr);gap:12px 14px}
 :is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source){flex:1 0 auto;min-width:max-content}
 :is(.quests-page,.events-catalog-page) .event-card-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--vz-line)}
}
@media(max-width:767px){
 :is(.quests-page,.events-catalog-page) .event-card-inner{grid-template-columns:39px minmax(0,1fr);gap:6px 8px}
 :is(.quests-page,.events-catalog-page) .event-card-copy{padding-right:50px}
 :is(.quests-page,.events-catalog-page) .quest-favorite{width:44px;height:44px}
 :is(.quests-page,.events-catalog-page) .event-date svg{width:24px;height:24px}
 :is(.quests-page,.events-catalog-page) .event-card-meta span+span::before{margin:0 7px}
 :is(.quests-page,.events-catalog-page) .event-card-actions{padding-top:6px;gap:6px}
 :is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source){padding-inline:9px;gap:6px}
}
@media(max-width:360px){
 :is(.quests-page,.events-catalog-page) .event-card-inner{grid-template-columns:34px minmax(0,1fr)}
 :is(.quests-page,.events-catalog-page) .event-date svg{width:22px;height:22px}
 :is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source){padding-inline:7px;gap:6px}
}
@media(pointer:coarse){
 :is(.quests-page,.events-catalog-page) .quest-favorite{width:44px;height:44px}
 :is(.quests-page,.events-catalog-page) .event-card-copy{padding-right:50px}
}

/* Event catalog: quest row geometry, passage metrics and an anchored period picker. */
.events-catalog-page .events-toolbar{grid-template-columns:minmax(100px,1fr) 224px 100px 130px minmax(320px,1.5fr)}
.events-catalog-page .events-totals{grid-column:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
.events-catalog-page .event-status-filter{grid-column:1/-1}
.events-catalog-page .event-card-inner{grid-template-columns:46px minmax(0,1fr) 240px auto}
.events-catalog-page .event-card-copy{min-height:46px;display:flex;flex-direction:column;justify-content:center;padding-right:0}
.events-catalog-page .event-card-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.events-catalog-page .event-activity-icon{display:inline-flex;vertical-align:-3px;align-items:center;justify-content:center;width:22px;height:18px;margin-right:6px;color:var(--vz-current);line-height:1}
.events-catalog-page .event-activity-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.events-catalog-page .event-card h3{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.events-catalog-page .event-title-divider{flex:none;color:var(--vz-muted)}
.events-catalog-page .event-status{flex:none;margin:0;white-space:nowrap}
.events-catalog-page .event-card-meta{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal}
.events-catalog-page .event-card-meta span+span::before{margin:0 6px}
.events-catalog-page .event-summary-trigger{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:100%;min-height:44px;width:100%;border:0;border-radius:6px;padding:0;background:transparent;cursor:pointer}
.events-catalog-page .event-card-copy:has(.event-summary-trigger:hover) h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.events-catalog-page .event-metrics{grid-template-columns:88px repeat(2,minmax(0,1fr))}
.events-catalog-page .event-metrics>div{padding-inline:8px}
.events-catalog-page .event-date-stamp{display:grid;place-items:center;gap:2px}
.events-catalog-page .event-date-stamp b{font:italic 700 18px/1 var(--vz-font-body)}
.events-catalog-page .event-date-stamp span{font:500 10px/1 var(--vz-font-body);color:var(--vz-muted)}
/* Shared difficulty meanings, with readable shades for each theme. */
.events-catalog-page [data-event-difficulty="1"]{--event-difficulty-color:var(--vz-difficulty-1)}
.events-catalog-page [data-event-difficulty="2"]{--event-difficulty-color:var(--vz-difficulty-2)}
.events-catalog-page [data-event-difficulty="3"]{--event-difficulty-color:var(--vz-difficulty-3)}
.events-catalog-page [data-event-difficulty="4"]{--event-difficulty-color:var(--vz-difficulty-4)}
.events-catalog-page [data-event-difficulty="5"]{--event-difficulty-color:var(--vz-difficulty-5)}
.events-catalog-page .event-difficulty :is(b,small){color:var(--event-difficulty-color,var(--vz-muted))}
.events-catalog-page .event-summary,.events-catalog-page .event-detail{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--vz-line);color:var(--vz-copy);font:400 14px/1.5 var(--vz-font-body);overflow-wrap:anywhere}
.events-catalog-page .event-summary p{margin:4px 0 0;color:var(--vz-muted)}
.events-catalog-page .event-detail{white-space:pre-wrap}
.events-catalog-page .event-detail img{display:block;max-width:100%;height:auto;margin-top:12px;border-radius:var(--vz-card-radius)}
.events-catalog-page .event-card-actions .catalog-detail{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--vz-control-height);padding:0 12px;border:1px solid var(--vz-line);border-radius:var(--vz-control-radius);background:var(--vz-card);color:var(--vz-blue);font:700 var(--vz-control-font-size)/1.2 var(--vz-font-body);cursor:pointer;white-space:nowrap}
.events-catalog-page .event-card-actions .catalog-detail:hover{background:var(--vz-hover)}

.events-catalog-page .events-period-anchor{position:relative;min-width:0}
.events-catalog-page .events-period-trigger{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;cursor:pointer;color:var(--vz-blue)}
.events-catalog-page .events-period-trigger svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.events-catalog-page .events-period-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.events-catalog-page .events-date-popover{position:absolute;left:0;top:calc(100% + 8px);z-index:40;display:grid;grid-template-columns:136px minmax(0,1fr);gap:12px;width:492px;max-height:calc(100dvh - 140px);overflow:auto;padding:16px;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius);background:var(--vz-card);color:var(--vz-copy);box-shadow:var(--vz-shadow-popup)}
.events-catalog-page .events-period-presets{display:grid;align-content:start;gap:6px}
.events-catalog-page .events-date-popover button.control{padding:0 6px;color:var(--vz-blue);font-weight:600;line-height:1.2}
.events-catalog-page .events-date-popover button:hover{background:var(--vz-hover)}
.events-catalog-page .events-calendar{min-width:0}
.events-catalog-page .events-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:6px}
.events-catalog-page .events-calendar-head strong{min-width:0;color:var(--vz-blue);font:700 14px/1.2 var(--vz-font-body);text-align:center}
.events-catalog-page .events-calendar-nav{width:44px;flex:0 0 44px;font-size:24px}
.events-catalog-page .events-calendar-weekdays,.events-catalog-page .events-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.events-catalog-page .events-calendar-weekdays{padding-bottom:6px;color:var(--vz-muted);font:500 12px/1.2 var(--vz-font-body)}
.events-catalog-page .events-calendar-day{height:44px;min-width:0;border:1px solid transparent;border-radius:var(--vz-control-radius);padding:0;background:transparent;color:var(--vz-copy);font:500 14px/1 var(--vz-font-body)}
.events-catalog-page .events-calendar-day.is-today{border-color:var(--vz-line)}
.events-catalog-page .events-calendar-day.is-range{background:var(--vz-card-soft);color:var(--vz-blue)}
.events-catalog-page .events-calendar-day.is-endpoint{background:var(--vz-selection);border-color:var(--vz-blue);color:var(--vz-blue);font-weight:700}
.events-catalog-page .events-period-dates{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.events-catalog-page .events-date{display:grid;gap:4px;min-width:0;color:var(--vz-muted);font:500 13px/1.2 var(--vz-font-body)}
.events-catalog-page .events-date input{padding:0 10px;color:var(--vz-blue);color-scheme:dark}
:root[data-theme=light] .events-catalog-page .events-date input{color-scheme:light}
.events-catalog-page .events-period-help{grid-column:1/-1;min-width:0;margin:0;color:var(--vz-muted);font:400 12px/1.3 var(--vz-font-body)}
.events-catalog-page .events-period-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:999px){
 .events-catalog-page .events-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .events-catalog-page .events-search{grid-column:auto}
 .events-catalog-page .events-totals{grid-column:1/-1}
 .events-catalog-page .events-date-popover{left:auto;right:0}
}
@container(max-width:900px){
 .events-catalog-page .event-card-inner{grid-template-columns:46px minmax(0,1fr) 230px}
 .events-catalog-page .event-card-actions{grid-column:1/-1}
 .events-catalog-page .event-card-actions .catalog-detail{flex:1 0 auto;min-width:max-content}
}
@media(max-width:767px){
 .events-catalog-page .events-totals span{padding-inline:2px}
 .events-catalog-page .event-card-inner{grid-template-columns:39px minmax(0,1fr) 168px;gap:6px 8px}
 .events-catalog-page .event-card-copy{min-height:39px}
 .events-catalog-page .event-metrics>div{padding-inline:2px}
 .events-catalog-page .event-card-title{gap:4px}
 .events-catalog-page .event-status{padding:2px 5px;font-size:10px}
 .events-catalog-page .events-date-popover{position:fixed;top:72px;left:4px;right:4px;grid-template-columns:minmax(0,1fr);gap:8px;width:auto;max-width:374px;margin-inline:auto;max-height:calc(100dvh - 156px);padding:0 1px 8px}
 .events-catalog-page .events-period-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 6px 0}
 .events-catalog-page .events-period-presets button{white-space:normal}
 .events-catalog-page .events-calendar{width:308px;max-width:100%;justify-self:center}
 .events-catalog-page .events-period-dates,.events-catalog-page .events-period-actions,.events-catalog-page .events-period-help{margin-inline:6px}
}
@media(max-width:360px){
 .events-catalog-page .event-card-inner{grid-template-columns:34px minmax(0,1fr) 168px}
 /* Match the ordinary quest row at this breakpoint, where its subtitle occupies two lines. */
 .events-catalog-page .event-card-copy{min-height:calc(13.5px * 1.2 + 31px)}
 .events-catalog-page .event-status{font-size:9px;padding-inline:4px;min-height:20px}
}

/* Shared mobile filter dialog; the ranking pages carry the same component in ranking-theme.css. */
dialog.vz-mobile-filter-dialog{box-sizing:border-box;container-type:normal;width:min(560px,calc(100vw - 24px));max-width:none;min-width:0;min-height:0;max-height:calc(100dvh - 32px);margin:auto;padding:16px;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius);background:var(--vz-card);color:var(--vz-copy);box-shadow:var(--vz-shadow-popup);font:400 14px/1.5 var(--vz-font-body,Manrope,"Segoe UI",Arial,sans-serif);overflow:auto;overscroll-behavior:contain}
dialog.vz-mobile-filter-dialog:not([open]){display:none}
dialog.vz-mobile-filter-dialog::backdrop{background:#07152488}
.vz-mobile-filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.vz-mobile-filter-header h2{margin:0;color:var(--vz-blue);font:700 26px/1.2 "Times New Roman",Times,serif}
.vz-mobile-filter-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:9px;border:1px solid var(--vz-line);border-radius:11px;background:var(--vz-card);color:var(--vz-blue);cursor:pointer}
.vz-mobile-filter-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.vz-mobile-filter-content{display:grid;gap:12px;min-width:0}
.vz-mobile-filter-content .favorites-toolbar{margin:0;min-width:0}
.vz-mobile-filter-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:16px;padding:9px 14px;border:1px solid var(--vz-line);border-radius:11px;background:var(--vz-selection);color:var(--vz-blue);font:700 14px/1.2 var(--vz-font-body,Manrope,"Segoe UI",Arial,sans-serif);cursor:pointer}
.vz-mobile-filter-dialog :is(button,input,select):focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
body.vz-mobile-filter-open{overflow:hidden}

@media(max-width:767px){
 .vz-mobile-filter-content :is(.toolbar,.passages-toolbar,.events-toolbar){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 .vz-mobile-filter-content :is(.search-control,.events-search,.passages-search,.quests-totals,.passages-totals,.total,.passages-types){grid-column:1/-1}
 .vz-mobile-filter-content .events-filter-panel{margin:0}
 .vz-mobile-filter-content :is(input,select){min-width:0;width:100%}
}

@media(max-width:767px){
 .events-catalog-page .event-metrics{grid-template-columns:62px 52px 54px}
 .events-catalog-page .event-difficulty small{font-size:11px}
}

@media(max-width:767px){
 .events-catalog-page .event-card-title :is(.event-title-divider,.event-status){display:none}
}

@media(max-width:767px){
 .vz-mobile-filter-content .events-period-anchor{grid-column:1/-1}
}

/* Mobile catalog layout: filters are absent from first paint; totals never move into the dialog. */
.ranking-filters{display:contents}
.ranking-filters>.passages-types{grid-row:2}
.quests-page .event-card-inner{grid-template-columns:46px minmax(0,1fr) 100px auto}
.quests-page .quest-metrics{grid-template-columns:minmax(0,1fr)}
@media(min-width:768px){@container(max-width:900px){.quests-page .event-card-inner{grid-template-columns:46px minmax(0,1fr) 100px}}}
@media(max-width:1180px){.ranking-filters>.passages-types{grid-row:3}}
@media(max-width:767px){
 .ranking-filters{display:none}
 :is(.participants-page .toolbar,.passages-toolbar,.quests-page .events-toolbar,.events-catalog-page .events-toolbar){grid-template-columns:minmax(0,1fr)}
 .passages-page>.passages-event-filter{display:none}
 .vz-mobile-filter-content .ranking-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;min-width:0}
 .vz-mobile-filter-content .ranking-filters>:is(.search-control,.passages-field[role=search],.passages-types,.events-period-anchor){grid-column:1/-1}
 .vz-mobile-filter-content .ranking-filters>.passages-types{grid-row:auto}
 :is(.quests-page,.events-catalog-page) .event-card-inner{grid-template-columns:39px minmax(0,1fr) auto;gap:6px 8px}
 :is(.quests-page,.events-catalog-page) .event-card-copy{grid-column:2;grid-row:1;padding-right:0;min-height:44px}
 :is(.quests-page,.events-catalog-page) .event-card-actions{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;gap:0;padding:0;border:0;align-self:center}
 :is(.quests-page,.events-catalog-page) .event-card-actions :where(a,button.catalog-source){flex:none;min-width:44px;width:auto;height:44px;min-height:44px;padding:0 4px;gap:3px;border:0;border-radius:var(--vz-control-radius);background:transparent;font-size:12px}
 :is(.quests-page,.events-catalog-page) .event-card-actions .catalog-source{width:44px;padding:0}
 :is(.quests-page,.events-catalog-page) .event-card-actions :is(.catalog-action-label,.catalog-action-separator,.catalog-source span){display:none}
 :is(.quests-page,.events-catalog-page) .event-card-actions svg{width:16px;height:16px}
 .quests-page .event-card-copy{display:flex;flex-direction:column;justify-content:center}
 .quests-page .event-card-title{display:flex;align-items:center;gap:5px;white-space:nowrap}
 .quests-page .event-card-title h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .quests-page .event-card-meta{display:flex;gap:4px 0;line-height:1;max-width:100%}
 .quests-page .quest-active-period{font:inherit}
 .quests-page .quest-period-date{white-space:nowrap}
 .quests-page .event-card-meta span+span::before{margin:0 4px}
 .quests-page :is(.quest-favorite,.event-status){display:none}
 .events-catalog-page .event-card-inner{grid-template-rows:minmax(69px,auto) auto}
 .events-catalog-page .event-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:6px;border-top:1px solid var(--vz-line)}
 .events-catalog-page .event-metrics>div{padding-inline:5px}
 .events-catalog-page .event-metrics .event-difficulty small{font-size:12px}
 .events-catalog-page .event-card-actions .catalog-detail{font-size:0;padding:0;min-width:44px;width:44px}
}
@media(max-width:360px){:is(.quests-page,.events-catalog-page) .event-card-inner{grid-template-columns:34px minmax(0,1fr) auto;gap:6px}}

/* Event refinement: readable desktop selects and four mobile metrics. */
.event-mobile-period,.catalog-mobile-label{display:none}
@media(min-width:1181px){.events-catalog-page .events-toolbar{grid-template-columns:minmax(100px,1fr) 224px 160px 200px minmax(376px,.9fr)}}
@media(min-width:1000px) and (max-width:1180px){.events-catalog-page .events-toolbar{grid-template-columns:minmax(100px,1fr) 224px 160px 200px}}
@media(max-width:767px){
 .events-catalog-page .event-card{position:relative}
 .events-catalog-page .event-card-copy{grid-column:2/-1;padding-right:36px}
 .events-catalog-page .event-mobile-period{display:block;margin-top:4px;color:var(--vz-copy);font:500 11px/1.2 var(--vz-font-body);white-space:nowrap}
 .events-catalog-page .event-meta-date{display:none}
 .events-catalog-page .event-card-meta span.event-meta-date+span::before{margin:0 6px}
 .events-catalog-page .event-metrics{grid-template-columns:repeat(4,minmax(0,1fr));min-height:44px}
 .events-catalog-page .event-metrics::after{content:"";grid-column:4;grid-row:1;border-left:1px solid var(--vz-line)}
 .events-catalog-page .event-card-actions{display:contents}
 .events-catalog-page .event-card-actions .catalog-source{position:absolute;right:-9px;top:-7px;width:44px;height:44px}
 .events-catalog-page .event-card-actions .catalog-passages{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:16px auto;grid-template-rows:20px 13px;align-content:start;justify-content:center;column-gap:3px;row-gap:3px;width:25%;height:44px;padding:6px 0 0;border-radius:0}
 .events-catalog-page .catalog-passages>span{font:italic 700 var(--vz-card-metric-size)/1.1 var(--vz-font-body);color:var(--vz-copy)}
 .events-catalog-page .catalog-passages .catalog-mobile-label{display:block;grid-column:1/-1;color:var(--vz-muted);font:400 12px/1.15 var(--vz-font-body);text-align:center}
 .events-catalog-page .event-card-actions .catalog-detail{position:absolute;top:-7px;right:-9px;font-size:0;min-height:44px}
 .events-catalog-page .event-card-inner:has(.catalog-source) .event-card-actions .catalog-detail{right:35px}
 .events-catalog-page .event-card-actions .catalog-detail .catalog-detail-label{display:none}
 .events-catalog-page .event-card-copy:has(~.event-card-actions .catalog-source):has(~.event-card-actions .catalog-detail){padding-right:80px}
}

@media(max-width:360px){.events-catalog-page .event-metrics>div{padding-inline:3px}}

/* Shared mobile header has the page title; update metadata and the clock are desktop-only. */
@media(max-width:767px){
 :is(.participants-head,.passages-head,.quests-page .events-head,.events-catalog-page .events-head,.atlas-datetime){display:none}
 .events-catalog-page .event-card-actions .catalog-passages{grid-template-columns:minmax(0,1fr)}
 .events-catalog-page .catalog-passages>span{justify-self:center;text-align:center}
}
/* Event copy: date and definition together, then type and organizer. */
.events-catalog-page .event-mobile-period{display:flex;align-items:baseline;gap:6px;min-width:0;margin-top:4px;color:var(--vz-muted);font:500 var(--vz-card-date-size)/1 var(--vz-font-body);white-space:nowrap}
.events-catalog-page .event-period-date{flex:none}
.events-catalog-page .event-definition{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--vz-muted)}
.events-catalog-page .event-definition::before{content:"·";margin-right:6px}


/* One mobile row rhythm for every shared-template catalog. */
@media(max-width:767px){
 :root{--vz-ranking-mobile-top:69px;--vz-ranking-mobile-metrics:44px;--vz-ranking-mobile-row-gap:4px;--vz-card-date-size:11px}
 :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card-inner){grid-template-rows:minmax(var(--vz-ranking-mobile-top),auto) minmax(var(--vz-ranking-mobile-metrics),auto);row-gap:var(--vz-ranking-mobile-row-gap)}
 :is(.participant>.participant-metrics,.passage-card>.passage-metrics,.events-catalog-page .event-metrics){min-height:var(--vz-ranking-mobile-metrics)}
 .events-catalog-page .event-card-actions .catalog-passages{height:var(--vz-ranking-mobile-metrics)}
}
@media(min-width:721px) and (max-width:767px){
 :root{--vz-ranking-mobile-metrics:46px}
}

/* Agreed shared geometry and mobile summaries, 13 October 2026. */
:root[data-theme="dark"]{--vz-difficulty-1:#1b9cde;--vz-difficulty-2:#2b9c42;--vz-difficulty-3:#f2c22c;--vz-difficulty-4:#ee821e;--vz-difficulty-5:#d95575}
@media(max-width:1279px){
 :is(.participants-title,.passages-head .page-title){display:none}
}
@media(min-width:768px){
 @container(max-width:900px){
  :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card){min-height:var(--vz-ranking-tablet-height)}
 }
}
@media(min-width:1000px) and (max-width:1180px){.events-catalog-page .events-totals{grid-column:1/-1}}
@media(max-width:767px){
 :is(.participant,.passage-card,:is(.quests-page,.events-catalog-page) .event-card){min-height:calc(var(--vz-ranking-mobile-top) + var(--vz-ranking-mobile-row-gap) + var(--vz-ranking-mobile-metrics) + 16px)}
 :is(.participant-totals,.passages-totals,.quests-totals) span{padding-block:1px}
 :is(.participant-totals,.passages-totals,.quests-totals) b{line-height:1}
 :is(.participant-totals,.passages-totals,.quests-totals) small{white-space:normal;overflow-wrap:anywhere}
 .quests-page .event-card-copy{grid-column:2/-1;padding-right:36px}
 .quests-page .event-card-inner::after{content:"";grid-column:1/-1;grid-row:2;align-self:stretch;border-top:1px solid var(--vz-line);pointer-events:none}
 .quests-page .event-card-actions{display:contents}
 .quests-page .event-card-actions .catalog-source{position:absolute;right:-9px;top:-7px;width:44px;height:44px}
 .quests-page .event-card-actions .catalog-passages{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-content:center;row-gap:3px;width:50%;height:var(--vz-ranking-mobile-metrics);padding:6px 0 0;border-radius:0}
 .quests-page .quest-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;min-height:var(--vz-ranking-mobile-metrics);padding:6px 0 0}
 .quests-page .quest-metrics>div{padding:0}
 .quests-page .quest-metrics small{margin-top:3px;font:400 12px/1.15 var(--vz-font-body)}
.quests-page .event-card-actions .catalog-passages{border-left:1px solid var(--vz-line)}
 .quests-page .catalog-passages>span{font:italic 700 var(--vz-card-metric-size)/1.1 var(--vz-font-body);color:var(--vz-copy);text-align:center}
 .quests-page .catalog-passages .catalog-mobile-label{display:block;color:var(--vz-muted);font:400 12px/1.15 var(--vz-font-body);text-align:center}
}

/* Shared full-title and source popovers. They do not add styles at runtime. */
:is(.vz-ranking-title-tooltip,.vz-ranking-source-popup){position:fixed;inset:76px auto auto 50%;translate:-50% 0;margin:0;width:max-content;max-width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;padding:10px 12px;border:1px solid var(--vz-line);border-radius:var(--vz-control-radius);background:var(--vz-card);color:var(--vz-copy);box-shadow:var(--vz-shadow-popup);font:500 13px/1.4 var(--vz-font-body);white-space:normal;overflow-wrap:anywhere}
:is(.vz-ranking-title-tooltip,.vz-ranking-source-popup)[popover]:not(:popover-open){display:none}
:is(.vz-ranking-title-tooltip,.vz-ranking-source-popup)[hidden]{display:none}
.vz-ranking-title-tooltip-text{display:block}
:is(.vz-ranking-title-tooltip-link,.vz-ranking-source-links a){display:flex;align-items:center;min-height:44px;padding:0 10px;border:1px solid var(--vz-line);border-radius:var(--vz-control-radius);color:var(--vz-blue);text-decoration:none;font:600 14px/1.2 var(--vz-font-body)}
.vz-ranking-title-tooltip-link{margin-top:8px}
.vz-ranking-source-links{display:grid;gap:6px;margin-top:8px}
:is(.vz-ranking-title-tooltip-link,.vz-ranking-source-links a):hover{background:var(--vz-hover)}
:is(.vz-ranking-title-tooltip-link,.vz-ranking-source-links a,[data-vz-title-clipped=true]):focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
[data-vz-title-clipped=true]{cursor:help}
@supports(position-anchor:--vz-ranking-title-anchor){
 .vz-title-tooltip-active{anchor-name:--vz-ranking-title-anchor}
 .vz-source-popup-active{anchor-name:--vz-ranking-source-anchor}
 :is(.vz-ranking-title-tooltip,.vz-ranking-source-popup){inset:auto;top:anchor(bottom);left:anchor(left);translate:none;margin-top:8px;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}
 .vz-ranking-title-tooltip{position-anchor:--vz-ranking-title-anchor}
 .vz-ranking-source-popup{position-anchor:--vz-ranking-source-anchor}
}

/* Events with incomplete characteristics use only their actual content. */
.events-page .event-card-sparse{--event-stat-columns:1}
.events-page .event-card-sparse.event-stats-2{--event-stat-columns:2}
.events-page .event-card-sparse.event-stats-3{--event-stat-columns:3}
.events-page .event-card-sparse .event-card-inner{grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto;gap:12px 14px}
.events-page .event-card-sparse:is(.has-event-stats,.has-event-actions) .event-card-inner{grid-template-columns:46px minmax(0,1fr) auto}
.events-page .event-card-sparse.has-event-stats.has-event-actions .event-card-inner{grid-template-columns:46px minmax(0,1fr) auto auto}
.events-page .event-card-sparse .event-date{grid-column:1;grid-row:1}
.events-page .event-card-sparse .event-card-copy{grid-column:2;grid-row:1;padding-right:0!important}
.events-page .event-card-sparse .event-metrics{grid-column:3;grid-row:1;grid-template-columns:repeat(var(--event-stat-columns),minmax(62px,1fr));min-height:44px;padding:0;border:0}
.events-page .event-card-sparse .event-metrics::after{content:none}
.events-page .event-card-sparse .event-metrics>*{min-width:0;padding:0 8px;text-align:center}
.events-page .event-card-sparse .event-metrics>:not(:first-child){border-left:1px solid var(--vz-line)}
.events-page .event-card-sparse .event-card-actions{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:0;border:0}
.events-page .event-card-sparse.has-event-stats .event-card-actions{grid-column:4}
.events-page .event-card-sparse .event-metrics>.catalog-passages{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:44px;width:auto;height:auto;border-radius:6px;background:transparent;color:var(--vz-copy);text-decoration:none;font-variant-numeric:tabular-nums}
.events-page .event-card-sparse .event-metrics>.catalog-passages:hover{background:var(--vz-card-soft)}
.events-page .event-card-sparse .event-metrics>.catalog-passages:focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
.events-page .event-card-sparse .event-metrics>.catalog-passages>span{font:italic 700 var(--vz-card-metric-size)/1.1 var(--vz-font-body)}
.events-page .event-card-sparse .event-metrics>.catalog-passages :is(.catalog-action-label,.catalog-action-separator){display:none}
.events-page .event-card-sparse .event-metrics>.catalog-passages .catalog-mobile-label{display:block;margin-top:5px;color:var(--vz-muted);font:400 13px/1.15 var(--vz-font-body)}
.events-page .event-card-sparse.event-stats-0{min-height:82px}
@container(max-width:900px){
 .events-page .event-card-sparse .event-card-inner,.events-page .event-card-sparse:is(.has-event-stats,.has-event-actions) .event-card-inner,.events-page .event-card-sparse.has-event-stats.has-event-actions .event-card-inner{grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:minmax(46px,auto) auto}
 .events-page .event-card-sparse.event-stats-0 .event-card-inner{grid-template-rows:minmax(46px,auto)}
 .events-page .event-card-sparse:not(.has-event-actions) .event-card-inner{grid-template-columns:46px minmax(0,1fr)}
 .events-page .event-card-sparse .event-metrics{grid-column:1/-1;grid-row:2;padding-top:6px;border-top:1px solid var(--vz-line)}
 .events-page .event-card-sparse .event-card-actions,.events-page .event-card-sparse.has-event-stats .event-card-actions{grid-column:3;grid-row:1;justify-self:end}
 .events-page .event-card-sparse .event-card-actions :is(.catalog-source,.catalog-detail){width:44px;min-width:44px;height:44px;min-height:44px;padding:0;justify-content:center;font-size:0}
 .events-page .event-card-sparse .event-card-actions :is(.catalog-source span,.catalog-detail-label){display:none}
}
@media(max-width:767px){
 .events-page .event-card-sparse .event-card-inner,.events-page .event-card-sparse:is(.has-event-stats,.has-event-actions) .event-card-inner,.events-page .event-card-sparse.has-event-stats.has-event-actions .event-card-inner{grid-template-columns:39px minmax(0,1fr) auto;grid-template-rows:minmax(var(--vz-ranking-mobile-top),auto) minmax(var(--vz-ranking-mobile-metrics),auto);gap:var(--vz-ranking-mobile-row-gap) 8px}
 .events-page .event-card-sparse.event-stats-0 .event-card-inner{grid-template-rows:minmax(var(--vz-ranking-mobile-top),auto)}
 .events-page .event-card-sparse:not(.has-event-actions) .event-card-inner{grid-template-columns:39px minmax(0,1fr)}
 .events-page .event-card-sparse.event-stats-0{min-height:calc(var(--vz-ranking-mobile-top) + 16px)}
 .events-page .event-card-sparse .event-metrics{grid-template-columns:repeat(var(--event-stat-columns),minmax(0,1fr));min-height:var(--vz-ranking-mobile-metrics)}
 .events-page .event-card-sparse .event-metrics>*{padding-inline:5px}
 .events-page .event-card-sparse .event-metrics>.catalog-passages .catalog-mobile-label{margin-top:3px;font-size:12px}
 .events-page .event-card-sparse .event-card-actions :is(.catalog-source,.catalog-detail){position:static;inset:auto;transform:none;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:var(--vz-control-radius);background:transparent;font-size:0}
}
@media(max-width:360px){
 .events-page .event-card-sparse .event-card-inner,.events-page .event-card-sparse:is(.has-event-stats,.has-event-actions) .event-card-inner,.events-page .event-card-sparse.has-event-stats.has-event-actions .event-card-inner{grid-template-columns:34px minmax(0,1fr) auto;column-gap:6px}
 .events-page .event-card-sparse:not(.has-event-actions) .event-card-inner{grid-template-columns:34px minmax(0,1fr)}
}

/* Semantic discovery markers stay inside the approved card geometry. */
.events-page .catalog-highlight{--catalog-highlight-ink:#006b43;--catalog-highlight-bg:#dcf7e9;--catalog-highlight-line:#76cba6;border-color:var(--catalog-highlight-line)}
.events-page .catalog-highlight.is-upcoming{--catalog-highlight-ink:#1459a3;--catalog-highlight-bg:#e6f1ff;--catalog-highlight-line:#70a9e6}
:root[data-theme=dark] .events-page .catalog-highlight{--catalog-highlight-ink:#78e6b6;--catalog-highlight-bg:#0b352c;--catalog-highlight-line:#45bd8b}
:root[data-theme=dark] .events-page .catalog-highlight.is-upcoming{--catalog-highlight-ink:#9ccaff;--catalog-highlight-bg:#102d4b;--catalog-highlight-line:#70aee8}
.events-page .catalog-highlight::after{content:'';position:absolute;inset:0;border:1px solid var(--catalog-highlight-line);border-radius:inherit;box-shadow:inset 0 0 13px color-mix(in srgb,var(--catalog-highlight-line) 45%,transparent);opacity:0;pointer-events:none;animation:catalog-highlight-glint 18s ease-in-out 1s infinite}
.events-page .event-card-title .catalog-highlight-badge{display:inline-flex;align-items:center;flex:none;gap:4px;min-height:20px;margin:0;padding:2px 6px;border:1px solid var(--catalog-highlight-line);border-radius:6px;background:var(--catalog-highlight-bg);color:var(--catalog-highlight-ink);font:800 10px/1.2 var(--vz-font-body);white-space:nowrap}
.events-page .catalog-highlight-badge::before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:currentColor}
@keyframes catalog-highlight-glint{0%,10%,100%{opacity:0}3%{opacity:.7}}
@media(prefers-reduced-motion:reduce){.events-page .catalog-highlight::after{animation:none;opacity:0}}

/* Section grids own their card gaps; this outer grid also separates status groups. */
.events-catalog-page #events-list{display:grid;gap:20px;min-width:0}
.events-catalog-page .event-card.is-upcoming{
 --event-upcoming-surface:linear-gradient(110deg,#dceeff 0%,#edf7ff 55%,#e4f5ed 100%);
 --event-upcoming-border:#4e9bc9;
 --event-upcoming-stripe:#147eb3;
 --event-upcoming-title:#104d78;
 --event-upcoming-copy:#315e7b;
 --event-upcoming-date:linear-gradient(145deg,#126aa5,#087052);
 --event-upcoming-date-border:#086692;
 --event-upcoming-badge:#075b91;
 --event-upcoming-badge-copy:#fff;
 border-color:var(--event-upcoming-border);
 background:var(--event-upcoming-surface);
 box-shadow:inset 4px 0 var(--event-upcoming-stripe),0 3px 12px #1367970c
}
:root[data-theme=dark] .events-catalog-page .event-card.is-upcoming{
 --event-upcoming-surface:linear-gradient(110deg,#102e4a 0%,#0d2438 55%,#0c2d29 100%);
 --event-upcoming-border:#428db8;
 --event-upcoming-stripe:#63c6ef;
 --event-upcoming-title:#d0ecff;
 --event-upcoming-copy:#acd3ec;
 --event-upcoming-date-border:#61bee6;
 --event-upcoming-badge:#9cdeff;
 --event-upcoming-badge-copy:#082f49;
 box-shadow:inset 4px 0 var(--event-upcoming-stripe),0 3px 14px #0002
}
.events-catalog-page .event-card.is-upcoming h3{color:var(--event-upcoming-title)}
.events-catalog-page .event-card.is-upcoming :is(.event-mobile-period,.event-card-meta,.event-definition){color:var(--event-upcoming-copy)}
.events-catalog-page .event-card.is-upcoming .event-date{border-color:var(--event-upcoming-date-border);background:var(--event-upcoming-date);color:#fff;box-shadow:0 2px 7px #0a48672b}
.events-catalog-page .event-card.is-upcoming .event-date-stamp :is(b,span){color:#fff}
.events-catalog-page .event-card.is-upcoming .catalog-highlight-badge{min-height:22px;padding:3px 7px;border-color:var(--event-upcoming-badge);background:var(--event-upcoming-badge);color:var(--event-upcoming-badge-copy);letter-spacing:.01em;box-shadow:0 1px 3px #06426715}
.events-catalog-page .event-card.is-upcoming .event-metrics{border-color:var(--event-upcoming-border)}

/* A poster is separate from the date tile and opens at its original size. */
.events-page.events-catalog-page .event-card-copy.has-event-poster{--event-poster-width:56px;--event-poster-height:70px;--event-poster-actions:0px;min-height:var(--event-poster-height);padding-right:calc(var(--event-poster-width) + 12px + var(--event-poster-actions))!important}
.events-catalog-page .event-poster{position:absolute;z-index:2;top:50%;right:var(--event-poster-actions);translate:0 -50%;display:block;width:var(--event-poster-width);height:var(--event-poster-height);padding:2px;border:1px solid var(--vz-line);border-radius:5px;background:var(--vz-card-soft);overflow:hidden}
.events-catalog-page .event-poster img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:2px}
.events-catalog-page .event-poster::after{content:'↗';position:absolute;top:1px;right:1px;width:15px;height:15px;border-radius:3px;background:var(--vz-card);color:var(--vz-blue);font:700 12px/15px var(--vz-font-body);text-align:center}
.events-catalog-page .event-poster:hover{border-color:var(--vz-blue)}
.events-catalog-page .event-poster:focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
.events-catalog-page .event-poster[hidden]{display:none!important}
.events-catalog-page .has-event-poster .event-summary-trigger{right:calc(var(--event-poster-width) + 12px + var(--event-poster-actions));width:auto}
@container(max-width:900px){.events-page.events-catalog-page .event-card-copy.has-event-poster{--event-poster-width:48px;--event-poster-height:60px}}
@media(max-width:767px){
 .events-page.events-catalog-page .event-card-copy.has-event-poster{--event-poster-width:48px;--event-poster-height:60px}
 .events-page.events-catalog-page .event-card:not(.event-card-sparse) .event-card-copy.has-event-poster{--event-poster-actions:44px}
 .events-page.events-catalog-page .event-card:not(.event-card-sparse) .event-card-copy.has-event-poster:has(~.event-card-actions .catalog-source):has(~.event-card-actions .catalog-detail){--event-poster-actions:88px}
}
@media(max-width:767px){.events-catalog-page #events-list{gap:16px}}

/* Every event reserves the same right-hand columns, even before its first credit. */
.events-catalog-page .event-card-aligned .event-card-inner{grid-template-columns:46px minmax(0,1fr) 240px 416px;grid-template-rows:auto}
.events-catalog-page .event-card-aligned .event-card-copy{padding-right:68px!important;min-height:46px}
.events-catalog-page .event-card-aligned .event-card-copy.has-event-poster{--event-poster-actions:0px}
.events-catalog-page .event-card-aligned .event-card-actions{grid-column:4;grid-row:1;display:grid;grid-template-columns:136px 132px 132px;gap:8px;padding:0;border:0}
.events-catalog-page .event-card-aligned .event-card-actions>:is(a,button,span){box-sizing:border-box;width:100%;min-width:0}
.events-catalog-page .event-card-aligned .event-metrics{grid-column:3;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:0}
.events-catalog-page .event-passages-pending{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--vz-muted);font:500 11px/1.3 var(--vz-font-body);text-align:center}
.events-catalog-page .event-card-aligned .event-passages-pending>span{color:var(--vz-muted);font:500 11px/1.3 var(--vz-font-body);white-space:normal}
.events-catalog-page .event-card-aligned .event-metric-missing b{color:var(--vz-muted)}
@container(max-width:1100px){
 .events-catalog-page .event-card-aligned .event-card-inner{grid-template-columns:46px minmax(0,1fr) 96px;grid-template-rows:minmax(69px,auto) 46px}
 .events-catalog-page .event-card-aligned .event-card-copy{padding-right:60px!important}
 .events-catalog-page .event-card-aligned .event-card-actions{display:contents}
 .events-catalog-page .event-card-aligned .event-card-actions>:is(.catalog-source,.catalog-detail){position:absolute;top:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:0;justify-content:center}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-source{right:0}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-detail{right:48px}
 .events-catalog-page .event-card-aligned .event-card-actions :is(.catalog-source span,.catalog-detail-label,.event-action-slot){display:none}
 .events-catalog-page .event-card-aligned .event-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:6px;border-top:1px solid var(--vz-line)}
 .events-catalog-page .event-card-aligned .event-metrics::after{content:'';grid-column:4;grid-row:1;border-left:1px solid var(--vz-line)}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-passages{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;width:25%;height:46px;min-height:46px;padding:6px 3px 0;border:0;border-radius:0;background:transparent}
 .events-catalog-page .event-card-aligned .event-passages-pending{font-size:11px;line-height:1.2}
}
@media(max-width:767px){
 .events-catalog-page .event-card-aligned .event-card-inner{grid-template-columns:39px minmax(0,1fr) 40px;grid-template-rows:minmax(80px,auto) minmax(var(--vz-ranking-mobile-metrics),auto);gap:var(--vz-ranking-mobile-row-gap) 8px}
 .events-catalog-page .event-card-aligned .event-date{grid-column:1;grid-row:1;align-self:start;margin-top:2px}
 .events-catalog-page .event-card-aligned .event-card-copy{display:block;grid-column:2;grid-row:1;align-self:center;--event-mobile-actions:0px;padding-right:0!important}
 .events-catalog-page .event-card-aligned .event-card-title{display:contents}
 .events-catalog-page .event-card-aligned .event-card-title h3{display:block;margin:0 0 4px;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.25}
 .events-catalog-page .event-card-aligned .event-card-title .event-title-divider{display:none}
 .events-catalog-page .event-card-aligned .event-card-title .event-status{display:inline-flex;vertical-align:middle;align-items:center;font-size:9px;min-height:18px;padding:2px 5px;margin-right:5px}
 .events-catalog-page .event-card-aligned .event-mobile-period{display:inline;margin:0;white-space:normal;font-size:11px;line-height:1.5}
 .events-catalog-page .event-card-aligned .event-mobile-period .event-period-date{white-space:nowrap}
 .events-catalog-page .event-card-aligned .event-definition::before{margin-left:4px;margin-right:4px}
 .events-catalog-page .event-card-aligned .event-card-meta{display:inline;margin:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.5}
 .events-catalog-page .event-card-aligned .event-card-meta span:first-child::before{content:'·';display:inline-block;margin:0 4px;color:var(--vz-muted)}
 .events-catalog-page .event-card-aligned .event-card-copy.has-event-poster{padding-right:0!important;min-height:0;display:block}
 .events-catalog-page .event-card-aligned .has-event-poster .event-card-title{display:contents}
 .events-catalog-page .event-card-aligned .has-event-poster .event-mobile-period{grid-column:1;grid-row:2;margin-top:0}
 .events-catalog-page .event-card-aligned .has-event-poster .event-card-meta{grid-column:1;grid-row:3}
 .events-catalog-page .event-card-aligned .event-poster{display:none}
 .events-catalog-page .event-card-aligned .has-event-poster .event-summary-trigger{right:0;width:auto}
 .events-catalog-page .event-card-aligned .event-card-actions{display:contents}
 .events-catalog-page .event-card-aligned .event-card-actions>:is(.catalog-source,.catalog-detail){position:absolute;right:-2px;top:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:0;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card)}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-source{top:0;right:-2px}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-detail{top:42px;right:-2px}
 .events-page.events-catalog-page .event-card-aligned .event-card-inner .event-card-actions :is(.catalog-source,.catalog-detail){right:-2px}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-detail:not(:has(~.catalog-source)){top:0}
 .events-catalog-page .event-card-aligned .event-card-actions :is(.catalog-source span,.catalog-detail-label,.event-action-slot){display:none}
 .events-catalog-page .event-card-aligned .event-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:6px;border-top:1px solid var(--vz-line)}
 .events-catalog-page .event-card-aligned .event-metrics::after{content:'';grid-column:4;grid-row:1;border-left:1px solid var(--vz-line)}
 .events-catalog-page .event-card-aligned .event-card-actions .catalog-passages{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;width:25%;height:var(--vz-ranking-mobile-metrics);min-height:var(--vz-ranking-mobile-metrics);padding:6px 3px 0;border:0;border-radius:0;background:transparent}
 .events-catalog-page .event-card-aligned .event-passages-pending{font-size:10px;line-height:1.2}
 .events-catalog-page .event-card-aligned .event-passages-pending>span{font-size:10px;line-height:1.2}
}
@media(max-width:360px){.events-catalog-page .event-card-aligned .event-card-inner{grid-template-columns:34px minmax(0,1fr) 40px;column-gap:6px}}

/* Creation controls appear only after an administrator session is confirmed. */
.vz-admin-topic-action{position:fixed;z-index:1250;right:20px;bottom:76px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:calc(100vw - 80px);padding:7px 12px;border:1px solid var(--vz-line,#bacbe9);border-radius:10px;background:var(--vz-card,#fff);color:var(--vz-blue,#123b6d);box-shadow:var(--vz-shadow-popup,0 3px 14px #102a4426);font:600 12px/1.35 Manrope,'Segoe UI',sans-serif;text-decoration:none;cursor:pointer;white-space:normal;text-align:center}
.vz-admin-topic-action:hover{background:var(--vz-hover,#edf4fb)}
.vz-admin-topic-action:focus-visible{outline:2px solid var(--vz-blue,#123b6d);outline-offset:2px}
@media(max-width:767px){.vz-admin-topic-action{display:none!important}}
@media(pointer:coarse){.vz-admin-topic-action{min-height:44px}}

/* Page filters remain available beside the stable mobile site navigation. */
.vz-mobile-page-tools{display:none}
@media(max-width:767px){
 .vz-mobile-page-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 0 8px}
 .vz-mobile-page-tools .vz-mobile-page-filter{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:88px;min-height:36px;padding:6px 10px;border:1px solid var(--vz-line);border-radius:9px;background:var(--vz-card);color:var(--vz-blue);font:600 12px/1.2 var(--vz-font-body)}
 .vz-mobile-page-filter svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
}

/* Source: public/announcements.css; announcements feed only. */
.announcements-page{box-sizing:border-box;width:min(850px,100%);margin:0 auto;padding:24px 24px 28px;color:var(--vz-copy);font-family:var(--vz-font-body,Manrope,'Segoe UI',sans-serif)}
.announcements-page *{box-sizing:border-box}
.announcements-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.announcements-heading h1{margin:0;color:var(--vz-blue);font:700 32px/1.1 var(--vz-font-heading,'Times New Roman',serif)}
.announcements-heading p{margin:6px 0 0;color:var(--vz-muted);font:400 13px/1.5 var(--vz-font-body,Manrope,sans-serif)}
.announcements-channel{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:40px;padding:8px 12px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card);color:var(--vz-blue);font:600 12px/1.3 var(--vz-font-body);text-decoration:none;white-space:nowrap}
.announcements-stream{display:grid;gap:16px;min-width:0}
.announcement-card{min-width:0;overflow:hidden;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius,15px);background:var(--vz-card);color:var(--vz-copy)}
.announcement-card-head{display:flex;align-items:center;gap:11px;padding:16px 18px 14px}
.announcement-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;overflow:hidden;border:0;border-radius:50%;background:transparent}
.announcement-avatar svg{display:block;width:100%;height:100%;overflow:hidden}
.announcement-byline{display:grid;gap:3px;min-width:0}
.announcement-byline strong{color:var(--vz-blue);font:700 14px/1.2 var(--vz-font-body)}
.announcement-byline time{color:var(--vz-muted);font:400 11px/1.3 var(--vz-font-body)}
.announcement-source{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-left:auto;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);color:var(--vz-blue);text-decoration:none;font:500 20px/1 var(--vz-font-body)}
.announcement-source svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.announcement-title{margin:0;padding:0 18px 10px;color:var(--vz-blue);font:700 22px/1.25 var(--vz-font-heading,'Times New Roman',serif);overflow-wrap:anywhere}
.announcement-message{margin:0;padding:0 18px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.65 var(--vz-font-body)}
.announcement-message:empty{display:none}
.announcement-message a{color:var(--vz-blue);text-decoration:underline;text-underline-offset:3px}
.announcement-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 18px 18px}
.announcement-gallery a{display:flex;align-items:center;justify-content:center;min-width:0;height:240px;overflow:hidden;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft)}
.announcement-gallery img{display:block;width:100%;height:100%;object-fit:contain}
.announcement-gallery img[hidden]{display:none}
.announcement-gallery a.has-image-error{min-height:130px}
.announcement-gallery a.has-image-error::before{content:'Изображение не загрузилось';padding:16px;color:var(--vz-muted);font:400 12px/1.5 var(--vz-font-body);text-align:center}
.announcement-gallery.is-single{grid-template-columns:minmax(0,1fr)}
.announcement-gallery.is-single a{position:relative;height:auto;min-height:0;max-height:600px;aspect-ratio:4/3}
.announcement-gallery.is-single img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
.announcement-image-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 18px 18px;padding:10px 12px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);color:var(--vz-muted);font:400 12px/1.5 var(--vz-font-body)}
.announcement-image-status[hidden],.announcement-image-status button[hidden]{display:none}
.announcement-image-status span{flex:1 0 100%}
.announcement-image-status a{color:var(--vz-blue);text-underline-offset:3px}
.announcement-image-status button{min-height:36px;padding:6px 10px;border:1px solid var(--vz-line);border-radius:8px;background:var(--vz-card);color:var(--vz-blue);font:600 12px/1.3 var(--vz-font-body);cursor:pointer}
.announcement-image-status button:disabled{opacity:.7;cursor:wait}
.announcement-gallery a:focus-visible,.announcements-page :is(a,button):focus-visible{outline:2px solid var(--vz-blue);outline-offset:3px}
.announcements-status{margin:0 0 14px;padding:10px 12px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);color:var(--vz-muted);font:400 12px/1.5 var(--vz-font-body)}
.announcements-status:empty,.announcements-status[hidden]{display:none}
.announcements-empty{padding:36px 20px;text-align:center;border:1px solid var(--vz-line);border-radius:var(--vz-card-radius,15px);background:var(--vz-card)}
.announcements-empty strong{display:block;margin-bottom:8px;color:var(--vz-blue);font:700 22px/1.2 var(--vz-font-heading,'Times New Roman',serif)}
.announcements-empty p{max-width:450px;margin:0 auto;color:var(--vz-muted);font:400 13px/1.6 var(--vz-font-body)}
.announcements-empty a,.announcements-noscript a{color:var(--vz-blue)}
.announcements-more{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.announcements-more button{min-height:44px;padding:10px 20px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card);color:var(--vz-blue);font:600 13px/1.3 var(--vz-font-body);cursor:pointer}
.announcements-more button:disabled{cursor:wait;opacity:.7}
.announcements-more[hidden]{display:none}
.announcement-discussion{padding:0 18px 14px}
.announcement-discussion [hidden]{display:none!important}
.comment-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 11px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);color:var(--vz-blue);font:600 12px/1.3 var(--vz-font-body);cursor:pointer}
.comment-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.comment-toggle [data-comment-count]:not(:empty){display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:var(--vz-card);font-size:11px}
.comment-panel{margin-top:14px;padding-top:15px;border-top:1px solid var(--vz-line)}
.comment-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:10px}
.comment-heading :is(h2,h3){margin:0;color:var(--vz-blue);font:700 22px/1.2 var(--vz-font-heading,'Times New Roman',serif)}
.comment-heading>span{color:var(--vz-muted);font-size:12px}
.comment-status{margin:0 0 12px;color:var(--vz-muted);font:400 12px/1.5 var(--vz-font-body);overflow-wrap:anywhere}
.comment-status:empty{display:none}
.comment-compose{display:grid;gap:7px;margin:0 0 18px}
.comment-compose>label{color:var(--vz-blue);font-size:12px;font-weight:600}
.comment-compose-label{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;color:var(--vz-muted);font:400 11px/1.4 var(--vz-font-body)}
.comment-compose-label>label{color:var(--vz-blue);font-size:12px;font-weight:600}
.comment-compose-label b{color:var(--vz-blue);font-weight:600;overflow-wrap:anywhere}
.comment-public-note{margin:0;color:var(--vz-muted);font:400 11px/1.5 var(--vz-font-body)}
.comment-public-note a{color:var(--vz-blue);text-underline-offset:3px}
.comment-compose textarea{display:block;width:100%;min-height:96px;padding:10px 12px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card);color:var(--vz-copy);font:400 14px/1.5 var(--vz-font-body);resize:vertical}
.comment-compose textarea::placeholder{color:var(--vz-muted);opacity:1}
.comment-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.comment-compose-foot>span{color:var(--vz-muted);font:400 10px/1.4 var(--vz-font-body)}
.comment-compose-foot>button,.comment-more{min-height:40px;padding:8px 12px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);color:var(--vz-blue);font:600 12px/1.3 var(--vz-font-body);cursor:pointer}
.comment-compose-foot>button{background:var(--vz-blue);color:var(--vz-card)}
.comment-compose-foot>button:disabled,.comment-more:disabled{opacity:.6;cursor:wait}
.comment-login{margin:0 0 16px;padding:10px 12px;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);font:400 12px/1.6 var(--vz-font-body)}
.comment-login a{color:var(--vz-blue);font-weight:600;text-underline-offset:3px}
.comment-list,.comment-replies{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.comment-list:empty{display:none}
.comment-item{min-width:0;list-style:none}
.comment-entry{display:flex;align-items:flex-start;gap:10px;min-width:0}
.comment-avatar{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border:1px solid var(--vz-line);border-radius:10px;background:var(--vz-card-soft);color:var(--vz-blue);font:700 12px/1 var(--vz-font-body)}
.comment-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.comment-content{flex:1;min-width:0}
.comment-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px}
.comment-author{color:var(--vz-blue);font:700 12px/1.5 var(--vz-font-body);overflow-wrap:anywhere;text-underline-offset:3px}
.comment-byline time{color:var(--vz-muted);font:400 10px/1.4 var(--vz-font-body);white-space:nowrap}
.comment-text{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.6 var(--vz-font-body)}
.comment-actions{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}
.comment-actions button{min-height:32px;padding:4px 0;border:0;background:transparent;color:var(--vz-blue);font:500 11px/1.4 var(--vz-font-body);cursor:pointer;text-underline-offset:3px}
.comment-actions button:hover{text-decoration:underline}
.comment-actions button[data-confirm="true"]{color:var(--vz-danger,#bc3850)}
.comment-replies{margin:12px 0 0 24px;padding-left:12px;border-left:1px solid var(--vz-line);gap:13px}
.comment-replies:empty{margin:0;padding:0;border:0}
.comment-replies .comment-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}
.comment-more{margin-top:14px}
.comment-more[data-replies-more]{margin:9px 0 0 37px;min-height:34px;padding:5px 10px;font-size:11px}
.comment-item.is-deleted>.comment-entry .comment-text{color:var(--vz-muted);font-size:12px}
.comment-reply-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-left:3px solid var(--vz-blue);border-radius:5px;background:var(--vz-card-soft);color:var(--vz-blue);font-size:12px;overflow-wrap:anywhere}
.comment-reply-label>button{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:inherit;font:400 22px/1 var(--vz-font-body);cursor:pointer}
.announcements-page :is(textarea,a,button):focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
:root[data-theme="dark"] .comment-compose-foot>button{background:#153d65;color:#dceaff;border-color:#5e80a1}
.announcements-end,.announcements-noscript{margin:16px 0 0;color:var(--vz-muted);text-align:center;font:400 11px/1.5 var(--vz-font-body)}
/* These controls keep a dark surface even inside shared link/button layers. */
:root[data-theme="dark"] :is(.announcements-channel,.announcement-source,.announcements-more button,.announcement-image-status button){background:#0b2234;color:#c6e0ff;border-color:#40617b;-webkit-text-fill-color:currentColor}
:root[data-theme="dark"] :is(.announcements-channel,.announcement-source,.announcements-more button,.announcement-image-status button):hover{background:#14324a}
@media(max-width:767px){
 .page-announcements .vz-common-header :is(h1,.vz-common-title){font-size:clamp(19px,5.5vw,23px);line-height:1.05;white-space:normal;overflow:visible}
 .page-announcements .vz-common-header :is(h1,.vz-common-title)>span{overflow:visible;text-overflow:clip;white-space:normal}
 .announcements-page{padding:12px 10px 12px}
 .announcements-heading{gap:10px;margin-bottom:12px;align-items:center}
 .announcements-heading p{margin:0;font-size:12px;line-height:1.4}
 .announcements-heading h1{display:none}
 .announcements-channel{min-height:36px;padding:7px 9px;font-size:11px}
 .announcements-stream{gap:12px}
 .announcement-card-head{padding:12px 12px 11px;gap:10px}
 .announcement-avatar{width:44px;height:44px}
 .announcement-byline strong{font-size:14px}
 .announcement-byline time{font-size:10px;line-height:1.4}
 .announcement-source{width:40px;height:40px}
 .announcement-title{padding:0 12px 9px;font-size:21px}
 .announcement-message{padding:0 12px 14px;font-size:13px;line-height:1.6}
 .announcement-gallery{gap:5px;padding:0 12px 12px}
 .announcement-image-status{margin:0 12px 12px}
 .announcement-discussion{padding:0 12px 12px}
 .comment-toggle,.comment-compose-foot>button,.comment-more{min-height:44px}
 .comment-compose textarea{font-size:16px}
 .comment-compose-foot{align-items:center}
 .comment-compose-foot>span{max-width:155px}
 .comment-entry{gap:8px}
 .comment-replies{margin-left:15px;padding-left:9px}
 .comment-actions button{min-height:40px}
 .comment-avatar{width:34px;height:34px}
 .announcement-gallery a{height:190px}
 .announcement-gallery.is-single a,.announcement-gallery.is-single img{max-height:500px}
}
@media(prefers-reduced-motion:no-preference){.announcement-source,.announcements-channel,.announcements-more button{transition:background-color .15s ease}.announcement-source:hover,.announcements-channel:hover,.announcements-more button:hover{background:var(--vz-hover)}}


/* Ongoing events keep the announcement emphasis in a warm palette. */
.events-catalog-page .event-card.is-ongoing{background:linear-gradient(110deg,#fff1d7,#faf5e9);border-color:#c99a4a;box-shadow:inset 4px 0 #b88b3e}
.theme-dark .events-catalog-page .event-card.is-ongoing,[data-theme=dark] .events-catalog-page .event-card.is-ongoing{--catalog-highlight-line:#8994d3;background:linear-gradient(110deg,#242943,#1b2535);border-color:#8994d3;box-shadow:inset 4px 0 #8994d3}
.events-catalog-page .event-card.is-ongoing .event-status{background:#f5dfb7;border-color:#c99a4a;color:#634816}
.theme-dark .events-catalog-page .event-card.is-ongoing .event-status,[data-theme=dark] .events-catalog-page .event-card.is-ongoing .event-status{background:#3c436f;border-color:#8994d3;color:#e0e5ff}
.events-catalog-page .event-card.is-ongoing::after{animation:none;opacity:0}
.events-catalog-page .event-card-title h3:has(.event-admin-edit){display:flex;align-items:center;gap:4px}
.events-catalog-page .event-card-title h3>.event-name{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.events-catalog-page .event-admin-edit{position:relative;z-index:5;display:inline-grid;place-items:center;flex:0 0 1em;width:1em;height:1em;margin:0;padding:0;border:0;border-radius:5px;color:var(--vz-blue);text-decoration:none;vertical-align:middle}
.events-catalog-page .event-admin-edit::after{content:'';position:absolute;inset:-5px}
.events-catalog-page .event-admin-edit svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.events-catalog-page .event-admin-edit:hover{background:var(--vz-hover)}
.events-catalog-page .event-admin-edit:focus-visible{outline:2px solid var(--vz-blue);outline-offset:1px}

@media(max-width:1279px){
 html.vz-unified body.vz-public-page .vz-common-header :is(h1,.vz-common-title){justify-self:center;width:fit-content;max-width:100%;display:flex;justify-content:center;gap:3px;overflow:visible}
 html.vz-unified body.vz-public-page .vz-common-header :is(h1,.vz-common-title)>span{flex:0 1 auto;min-width:0;text-align:center}
 html.vz-unified body.vz-public-page .vz-common-header :is(h1,.vz-common-title) button.vz-save-page{position:static!important;transform:none!important;flex:0 0 32px;width:32px;height:40px;margin:0!important;padding:4px}
 html.vz-unified body.page-announcements.vz-public-page .vz-common-header :is(h1,.vz-common-title){font-size:20px!important;line-height:1.05;white-space:normal}
}
@media(max-width:767px){
 html.vz-unified .vz-common-bottom :is(a,button){justify-content:flex-start;padding:8px 3px 5px;gap:3px;font-size:10px;line-height:1.1}
 html.vz-unified .vz-common-bottom :is(a,button)>svg{flex:none;width:22px;height:22px}
 html.vz-unified .vz-common-bottom :is(a,button)[aria-current]::after{bottom:2px}
 html.vz-unified .vz-common-bottom :is(a,button)>span{max-width:100%;text-align:center;text-wrap:balance}
}
.vz-mobile-filter-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:16px;padding:9px 14px;border:1px solid var(--vz-line);border-radius:11px;background:var(--vz-selection);color:var(--vz-blue);font:700 14px/1.2 var(--vz-font-body,Manrope,"Segoe UI",Arial,sans-serif);cursor:pointer}
.vz-mobile-filter-dialog :is(button,input,select):focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
body.vz-mobile-filter-open{overflow:hidden}

/* Creation controls appear only after an administrator session is confirmed. */
.vz-admin-topic-action{position:fixed;z-index:1250;right:20px;bottom:76px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:calc(100vw - 80px);padding:7px 12px;border:1px solid var(--vz-line,#bacbe9);border-radius:10px;background:var(--vz-card,#fff);color:var(--vz-blue,#123b6d);box-shadow:var(--vz-shadow-popup,0 3px 14px #102a4426);font:600 12px/1.35 Manrope,'Segoe UI',sans-serif;text-decoration:none;cursor:pointer;white-space:normal;text-align:center}
.vz-admin-topic-action:hover{background:var(--vz-hover,#edf4fb)}
.vz-admin-topic-action:focus-visible{outline:2px solid var(--vz-blue,#123b6d);outline-offset:2px}
@media(max-width:767px){.vz-admin-topic-action{left:12px;right:auto;bottom:calc(130px + env(safe-area-inset-bottom,0px));min-height:44px}}
@media(pointer:coarse){.vz-admin-topic-action{min-height:44px}}

@media(max-width:359px){html.vz-unified.vz-unified body.vz-public-page.vz-public-page .vz-common-header :is(h1,.vz-common-title){font-size:22px!important}}
.vz-mobile-filter-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:16px;padding:9px 14px;border:1px solid var(--vz-line);border-radius:11px;background:var(--vz-selection);color:var(--vz-blue);font:700 14px/1.2 var(--vz-font-body,Manrope,"Segoe UI",Arial,sans-serif);cursor:pointer}
.vz-mobile-filter-dialog :is(button,input,select):focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
body.vz-mobile-filter-open{overflow:hidden}

/* Creation controls appear only after an administrator session is confirmed. */
.vz-admin-topic-action{position:fixed;z-index:1250;right:20px;bottom:76px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:calc(100vw - 80px);padding:7px 12px;border:1px solid var(--vz-line,#bacbe9);border-radius:10px;background:var(--vz-card,#fff);color:var(--vz-blue,#123b6d);box-shadow:var(--vz-shadow-popup,0 3px 14px #102a4426);font:600 12px/1.35 Manrope,'Segoe UI',sans-serif;text-decoration:none;cursor:pointer;white-space:normal;text-align:center}
.vz-admin-topic-action:hover{background:var(--vz-hover,#edf4fb)}
.vz-admin-topic-action:focus-visible{outline:2px solid var(--vz-blue,#123b6d);outline-offset:2px}
@media(max-width:767px){.vz-admin-topic-action{left:12px;right:auto;bottom:calc(130px + env(safe-area-inset-bottom,0px));min-height:44px}}
@media(pointer:coarse){.vz-admin-topic-action{min-height:44px}}

/* Profile links preserve approved participant typography and avatar geometry. */
.participants-page .person-name-line a,.participants-page a.avatar{color:inherit;text-decoration:none}
.participants-page .person-name-line a:focus-visible,.participants-page a.avatar:focus-visible{outline:2px solid var(--vz-blue);outline-offset:3px;border-radius:4px}
.passages-page :is(.passage-copy>strong>a,.passage-profile-avatar){color:inherit;text-decoration:none}
.passages-page .passage-profile-avatar{display:grid;place-items:center;width:100%;height:100%;min-width:0;border-radius:inherit}
.passages-page :is(.passage-copy>strong>a,.passage-profile-avatar):focus-visible{outline:2px solid var(--vz-blue);outline-offset:3px;border-radius:4px}

/* Event creation belongs to the visible title, after its favorite star. */
body.page-events h1:has(>[data-admin-topic-inline]){display:flex;align-items:center;gap:10px}
body.page-events .vz-admin-topic-action[data-admin-topic-inline]{position:static;z-index:auto;flex:none;inset:auto;min-height:36px;max-width:none;margin-left:2px;padding:7px 12px;box-shadow:none;white-space:nowrap;text-align:center}
@media(max-width:767px){body.page-events .vz-admin-topic-action[data-admin-topic-inline]{display:none!important}}
/* Signed-in-only menu items (favourites) stay hidden until site-unified.js confirms a session. */
.mock-menu-link[data-menu-signed-in][hidden]{display:none!important}
/* Multi-day events show «24–25» in the date tile: a smaller number keeps it inside. */
.event-date-stamp.is-range b,.passage-event-date.is-range b{font-size:13px;letter-spacing:-.03em}
@media(max-width:767px){.event-date-stamp.is-range b,.passage-event-date.is-range b{font-size:12px}}

/* Events list: the photo album chip beside the event status (29.10.2026). */
.event-album{display:inline-flex;flex:none;align-items:center;gap:5px;min-height:22px;margin:0;padding:2px 9px 2px 7px;border:1px solid color-mix(in srgb,var(--vz-blue) 35%,var(--vz-line));border-radius:99px;background:color-mix(in srgb,var(--vz-blue) 8%,var(--vz-card));color:var(--vz-blue);font:600 11px/1.2 var(--vz-font-body);text-decoration:none;white-space:nowrap}
.event-album svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.event-album:hover{border-color:var(--vz-blue)}
.event-album:focus-visible{outline:2px solid var(--vz-blue);outline-offset:2px}
/* Long event and quest lists: cards outside the screen skip layout and paint until scrolled to. */
.events-grid>.event-card{content-visibility:auto;contain-intrinsic-size:auto 120px}
