/* The only stylesheet for /participants, /passages, /quests and /events. Theme selection only changes tokens. */
@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:#a31545;
  --vz-current-surface:#f8e8ee;
  --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-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.png");
  --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-hover);color:var(--vz-blue)}
.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;
  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::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%);
}
.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) 15%,transparent); stroke: var(--vz-current); }
.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 h1 {
  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 h1 > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.vz-common-header h1 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 h1 { 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 h1 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-legend:not(.award-locked) {
  border-color: #ad7a0c;
  background: linear-gradient(145deg, #ffdc70, #ffc743 72%, #f4b935);
  color: #775000;
}
:root[data-theme="light"] .participants-page .participant-awards .award-guardian:not(.award-locked) {
  border-color: #205e42;
  background: linear-gradient(145deg, #347b55, #236847);
}
:root[data-theme="light"] .participants-page .participant-awards .award-navigator:not(.award-locked) {
  border-color: #a25c73;
  background: linear-gradient(145deg, #d790a5, #b66783);
}
:root[data-theme="light"] .participants-page .participant-awards .award-collector:not(.award-locked) {
  border-color: #71408e;
  background: linear-gradient(145deg, #a66cc6, #7845a2);
}
: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 .season-cup {
  position: absolute;
  z-index: 3;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  padding: 0;
  border: 1px solid #d79a20;
  border-radius: 50%;
  background: #2b2109;
  color: #ffc23c;
  box-shadow: 0 2px 7px #0006;
  filter: drop-shadow(0 1px 3px #0006);
}
.participants-page .season-cup svg { width: 15px; height: 15px; transform: translateY(-1px); }
.participants-page .season-cup::after { bottom: calc(100% + 8px); }
:root[data-theme="light"] .participants-page .season-cup {
  border-color: #c99b28;
  background: #fff6cf;
  color: #8d6100;
  box-shadow: 0 2px 7px #76540e35;
}

/* 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: -7px; right: -7px; width: 28px; height: 28px; }
  .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-selection);color:var(--vz-blue);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,currentColor 15%,transparent)}
: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;align-items:center;gap:7px;min-width:0}
.events-catalog-page .event-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.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 [data-event-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 [data-event-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 [data-event-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 [data-event-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 [data-event-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 [data-event-detail]{right:35px}
 .events-catalog-page .event-card-actions [data-event-detail] .catalog-detail-label{display:none}
 .events-catalog-page .event-card-copy:has(~.event-card-actions .catalog-source):has(~.event-card-actions [data-event-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}
}