/* Winnera Portal Premium Polish.
   Additive layer on top of Royal Arcane V2.1/V2.3. Every rule is scoped to a new component
   (Now strip, What's new, status tags, Discord zone, Start steps, changelog, sidebar "later"
   list) so existing pages keep their look. Motion is subtle and fully disabled under
   prefers-reduced-motion. No new images, no new JavaScript. */

/* ---- Status tag: "in preparation" (Elite Monsters etc.) ---- */
.wv-status-tag--preparing {color:#EFD7A6;border-color:#8C7247;background:#231B12}
.wv-status-tag--preparing::before {background:transparent;border:1px solid currentColor}
.wv-path__card--preparing {opacity:.92}
.wv-path__since {margin:.25rem 0 .6rem;font-size:.8125rem;color:var(--color-secondary)}

/* ---- Update type badges (shared by homepage feed and changelog) ---- */
.wv-badge {letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}
.wv-badge--new_system {color:#FFE9B0;border-color:#C9A24B}
.wv-badge--test {color:#E7C9FF;border-color:#8A63A8}
.wv-badge--balance {color:#C5D6F5;border-color:#6F86B8}
.wv-badge--fix {color:#B9E3C1;border-color:#5E8A69}
.wv-badge--client,.wv-badge--website {color:#D9D4E0;border-color:#7B7388}

/* ---- Now in Winnera strip ---- */
.wv-now {margin:1.2rem 0 .4rem}
.wv-now__title {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wv-now__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin:0;border:1px solid #4A3A5C;background:linear-gradient(180deg,rgba(42,26,58,.55),rgba(20,14,28,.7))}
.wv-now__cell {padding:.85rem 1.1rem;border-left:1px solid #3A2C4A;min-width:0}
.wv-now__cell:first-child {border-left:0}
.wv-now__cell dt {display:flex;align-items:center;gap:.45rem;font:600 .72rem/1.4 var(--wn-font-body);letter-spacing:.09em;text-transform:uppercase;color:#C9B7D6}
.wv-now__cell dd {margin:0}
.wv-now__cell dd:not(.wv-now__sub) {font:600 1.3rem/1.3 var(--wn-font-body);color:#FFE9B0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wv-now__sub {font-size:.8125rem;color:var(--color-secondary)}
.wv-now__sub a {color:inherit;text-decoration:underline;text-decoration-color:rgba(233,196,127,.4);text-underline-offset:3px}
.wv-now__sub a:hover {color:#FFF0B9}
.wv-now__dot {width:8px;height:8px;border-radius:50%;background:#6FCF8A;box-shadow:0 0 0 0 rgba(111,207,138,.5);animation:wv-pulse 2.6s ease-out infinite}
@keyframes wv-pulse {70%{box-shadow:0 0 0 7px rgba(111,207,138,0)}100%{box-shadow:0 0 0 0 rgba(111,207,138,0)}}

/* ---- Systems grid: six cards read as 3 + 3 (the V2.3 6-column spans left an orphan row) ---- */
@media (min-width:1024px) {
 .wv-path>.wv-path__card.wv-path__card {grid-column:span 2}
}

/* ---- What's new feed ---- */
.wv-updates__list {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.wv-update {position:relative;padding:1.1rem 1.25rem 1.2rem;border:1px solid #3F3050;background:linear-gradient(180deg,rgba(36,24,50,.8),rgba(18,12,26,.85));transition:border-color .2s,transform .2s,box-shadow .2s}
.wv-update--lead {grid-column:1/-1;border-color:#6B5280;background:linear-gradient(135deg,rgba(60,36,82,.75),rgba(20,14,28,.9))}
.wv-update--lead h3 {font-size:clamp(1.25rem,2.2vw,1.6rem)}
.wv-update:hover {border-color:#B59057;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.wv-update__meta {display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem;font-size:.8125rem;color:var(--color-secondary)}
.wv-update h3 {margin:0 0 .4rem;font-size:1.1rem;line-height:1.3}
.wv-update h3 a {color:inherit}
.wv-update h3 a::after {content:"";position:absolute;inset:0}
.wv-update p {margin:0;color:var(--color-secondary);max-width:62ch}
.wv-section-head__link {flex-shrink:0;font-size:.875rem}

/* ---- Today: boosts only (changes moved to the feed) ---- */
.wv-today__grid--solo {grid-template-columns:repeat(2,minmax(0,1fr))}
.wv-today__grid--solo .wv-boosts {display:contents}

/* ---- Discord zone ---- */
.wv-discord-zone__lead {font-size:1.0625rem;line-height:1.6}
.wv-discord-zone__secondary {font-size:.9375rem;color:#E9C47F}
.wv-discord-zone__secondary:hover {color:#FFF0B9}
.wv-discord-zone__also {margin:1rem 0 0;font-size:.875rem}
.wv-discord-zone__list {list-style:none;padding:0 !important;margin:0 0 1.2rem !important;display:grid;gap:.35rem}
.wv-discord-zone__list li {position:relative;padding-left:1.35rem;margin:0 !important}
.wv-discord-zone__list li::before {content:"";position:absolute;left:.15rem;top:.62em;width:6px;height:6px;transform:rotate(45deg);background:#E9C47F}

/* ---- Start playing ---- */
.wv-start {display:block;padding:2.5rem 0 3rem}
.wv-start__head {max-width:60ch;margin-bottom:1.4rem}
.wv-start__head h2 {margin-bottom:.4rem}
.wv-start__head p:last-child {margin:0;color:var(--color-secondary)}
.wv-start__steps {list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:wvstep}
.wv-start__steps li {counter-increment:wvstep}
.wv-start__steps a {display:block;height:100%;padding:1rem 1.1rem;border:1px solid #3F3050;background:rgba(26,17,37,.7);color:inherit;transition:border-color .2s,transform .2s}
.wv-start__steps a::before {content:counter(wvstep);display:inline-grid;place-items:center;width:2rem;height:2rem;margin-bottom:.6rem;background:#C9A24B;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font:700 .85rem/1 var(--wn-font-body);color:#1d1305}
.wv-start__steps a:hover {border-color:#B59057;transform:translateY(-2px)}
.wv-start__steps strong {display:block;margin-bottom:.25rem;color:#FFE9B0}
.wv-start__steps span {font-size:.875rem;color:var(--color-secondary)}

/* ---- Changelog page ---- */
.wn-cl {max-width:52rem}
.wn-cl__head {margin-bottom:1.6rem}
.wn-cl__title {margin:.2rem 0 .6rem}
.wn-cl__lead {margin:0;color:var(--wn-text-secondary);max-width:60ch}
.wn-cl__filters {display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.6rem}
.wn-cl__filters a {padding:.3rem .85rem;border:1px solid var(--wn-line, #3a3a3a);border-radius:999px;font-size:.875rem;color:var(--wn-text-secondary);transition:border-color .15s,color .15s}
.wn-cl__filters a:hover,.wn-cl__filters a[aria-current] {border-color:var(--wn-gold);color:var(--wn-gold-bright)}
.wn-cl__month h2 {font-family:var(--wn-font-body);font-weight:700;margin:2rem 0 .9rem;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wn-gold-bright)}
.wn-cl__list {list-style:none;margin:0;padding:0 0 0 1.2rem;border-left:1px solid var(--wn-line,#3a3a3a);display:grid;gap:1.2rem}
.wn-cl__entry {position:relative;padding:1rem 1.2rem;background:var(--wn-surface);border:1px solid var(--wn-line,#3a3a3a);transition:border-color .2s}
.wn-cl__entry::before {content:"";position:absolute;left:calc(-1.2rem - 4px);top:1.4rem;width:7px;height:7px;transform:rotate(45deg);background:var(--wn-gold)}
.wn-cl__entry:hover {border-color:var(--wn-gold-deep)}
.wn-cl__meta {display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.8125rem;color:var(--wn-text-secondary)}
.wn-cl__entry h3 {margin:0 0 .35rem;font-size:1.15rem;font-family:var(--wn-font-body);font-weight:700}
.wn-cl__entry p {margin:0 0 .6rem;color:var(--wn-text-secondary)}
.wn-cl__empty {color:var(--wn-text-secondary)}

/* ---- Left rail: unbuilt entries collapsed ---- */
.wn-index__later {margin-top:.4rem}
.wn-index__later summary {cursor:pointer;list-style:none;padding:.35rem 0 .35rem .75rem;font-size:.8125rem;color:var(--wn-text-secondary);letter-spacing:.04em}
.wn-index__later summary::-webkit-details-marker {display:none}
.wn-index__later summary::before {content:"+ "}
.wn-index__later[open] summary::before {content:"– "}
.wn-index__later .wn-index__link {color:var(--wn-text-secondary);opacity:.8}

/* The display face has no digit glyphs: keep numerals in headings on the body face. */
.wv-update h3,.wv-start__steps strong {font-family:var(--wn-font-body);font-weight:700}

/* ---- Register intro ---- */
.wn-register-lead {max-width:62ch;line-height:1.65;color:var(--wn-text-secondary);margin:0 0 1.2rem}

/* ---- Responsive ---- */
@media (max-width:860px) {
 .wv-start__steps {grid-template-columns:repeat(2,minmax(0,1fr))}
 .wv-updates__list {grid-template-columns:minmax(0,1fr)}
 .wv-today__grid--solo {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px) {
 .wv-now__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .wv-now__cell {border-left:0;border-top:1px solid #3A2C4A}
 .wv-now__cell:nth-child(-n+2) {border-top:0}
 .wv-now__cell:nth-child(even) {border-left:1px solid #3A2C4A}
 .wv-now__cell dd:not(.wv-now__sub) {font-size:1.15rem}
 .wv-start__steps {grid-template-columns:minmax(0,1fr)}
 .wv-start {padding-top:1.5rem}
 .wv-update {padding:1rem}
 .wn-cl__list {padding-left:.9rem}
 .wn-cl__entry::before {left:calc(-.9rem - 4px)}
}

/* ---- Motion: subtle reveal on supporting browsers, off for reduced motion ---- */
@media (prefers-reduced-motion:no-preference) {
 @supports (animation-timeline:view()) {
  .wv-update,.wv-start__steps li,.wv-path__card {animation:wv-reveal .6s ease-out both;animation-timeline:view();animation-range:entry 0% entry 35%}
  @keyframes wv-reveal {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
 }
}
@media (prefers-reduced-motion:reduce) {
 .wv-now__dot {animation:none}
 .wv-update,.wv-start__steps a,.wn-cl__entry,.wn-cl__filters a {transition:none}
 .wv-update:hover,.wv-start__steps a:hover {transform:none}
}
@media (forced-colors:active) {
 .wv-update,.wv-start__steps a,.wn-cl__entry,.wv-now__grid {border-color:CanvasText;background:Canvas;color:CanvasText}
}

/* ---- News archive (replaces the stock MyAAC table) ---- */
.wn-news-archive__list {list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.wn-news-archive__item {display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1.1rem;background:var(--wn-surface);border:1px solid var(--wn-line,#3a3a3a);color:var(--wn-text);transition:border-color .2s,background-color .2s}
.wn-news-archive__item time {font-size:.875rem;color:var(--wn-text-secondary);font-variant-numeric:tabular-nums}
.wn-news-archive__title {font-weight:700;color:var(--wn-gold-bright);overflow-wrap:anywhere}
.wn-news-archive__go {color:var(--wn-gold);transition:transform .2s}
.wn-news-archive__item:hover {border-color:var(--wn-gold-deep);background:var(--wn-surface-raised)}
.wn-news-archive__item:hover .wn-news-archive__go {transform:translateX(3px)}
@media (max-width:520px) {.wn-news-archive__item {grid-template-columns:minmax(0,1fr) auto}.wn-news-archive__item time {grid-column:1/-1}}
@media (prefers-reduced-motion:reduce) {.wn-news-archive__item,.wn-news-archive__go {transition:none}.wn-news-archive__item:hover .wn-news-archive__go {transform:none}}

/* ---- Button text inside .wn-content ----
   06-legacy.css colours every `.wn-content a` gold (specificity 0,1,1), which beat the 0,1,0
   button rules: the primary CTA on /download rendered gold text on a gold button. */
.wn-content a.wn-btn--primary,.wn-content a.wn-btn--primary:hover,.wn-content a.wn-btn--primary:visited {color:var(--wn-text-inverse);text-decoration:none}
.wn-content a.wn-btn--secondary,.wn-content a.wn-btn--secondary:hover,.wn-content a.wn-btn--secondary:visited {color:var(--wn-on-metal);text-decoration:none}

/* ======================= FINAL EXPERIENCE ======================= */
/* ---- Hero side: artwork + Featured update ---- */
.wv-hero__side {position:relative;align-self:stretch;display:flex;flex-direction:column;min-width:0}
.wv-hero__side .wv-hero__art {flex:1}
.wv-featured {padding:1.05rem 1.3rem 1.1rem;border:1px solid #6B5280;background:linear-gradient(180deg,rgba(40,24,56,.92),rgba(16,10,26,.95));box-shadow:0 10px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(233,196,127,.12)}
.wv-featured__eyebrow {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .55rem}
.wv-featured h2 {margin:0 0 .4rem;font:700 1.2rem/1.3 var(--wn-font-body);color:#FFE9B0}
.wv-featured__label {display:block;margin-bottom:.15rem;font:600 .68rem/1.4 var(--wn-font-body);letter-spacing:.12em;text-transform:uppercase;color:#C9B7D6}
.wv-featured__text {margin:0 0 .7rem;color:#D9CCDF;font-size:.9375rem;line-height:1.5}
.wv-featured__foot {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;font-size:.8125rem;color:var(--color-secondary)}
.wv-featured__foot a {color:#E9C47F;font-weight:600}
.wv-featured__foot a:hover {color:#FFF0B9}
/* Chosen layout (variant 4): the artwork keeps its full size and atmosphere, the lower third carries the update. */
.wv-hero__side .wv-featured {position:absolute;left:2.3rem;right:2.3rem;bottom:2.3rem;z-index:6;backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(32,18,48,.82),rgba(14,9,22,.92))}
.wv-hero__side .wv-featured h2 {font-size:1.1rem}
.wv-hero__side .wv-featured__text {font-size:.875rem;margin-bottom:.55rem}
.wv-hero__side:has(.wv-featured) .wv-hero__seal {display:none}
@media (max-width:1023px) {
 .wv-hero__side .wv-featured {left:1.6rem;right:1.6rem;bottom:1.6rem;padding:.85rem 1rem}
 .wv-hero__side .wv-featured__text {display:none}
}
@media (max-width:619px) {
 .wv-hero__side {display:block}
 .wv-hero__side .wv-featured {position:static;margin:.6rem .3rem 0;backdrop-filter:none}
 .wv-hero__side .wv-featured__text {display:block}
}

/* ---- Season/World progress inside "Now" ---- */
.wv-now__bar {height:5px;margin:.5rem 0 0;background:#2A1F38;border-radius:3px;overflow:hidden}
.wv-now__bar i {display:block;height:100%;background:linear-gradient(90deg,#B59057,#F0CC5C);border-radius:3px;transition:width .8s ease}
@media (prefers-reduced-motion:reduce) {.wv-now__bar i {transition:none}}

/* ---- Creators strip (homepage) ---- */
.wv-creators {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:1.4rem 0;padding:1.1rem 1.4rem;border:1px solid #4A3A5C;background:linear-gradient(90deg,rgba(42,26,58,.55),rgba(20,14,28,.7))}
.wv-creators h2 {margin:0 0 .15rem;font:700 1.05rem/1.35 var(--wn-font-body);color:#FFE9B0;display:flex;align-items:center;gap:.5rem}
.wv-creators__cta p {margin:0;font-size:.9rem;color:var(--color-secondary);max-width:62ch}
.wv-creators__dot {width:9px;height:9px;border-radius:50%;background:#E5484D;animation:wv-pulse-live 2s ease-out infinite}
@keyframes wv-pulse-live {70%{box-shadow:0 0 0 7px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.wv-creators__list {list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}
.wv-creators__list a {display:grid;gap:.1rem;padding:.55rem .9rem;border:1px solid #6B5280;background:rgba(20,14,28,.8);color:inherit;transition:border-color .2s}
.wv-creators__list a:hover {border-color:#E9C47F}
.wv-creators__list strong {color:#FFE9B0}
.wv-creators__list span {font-size:.8rem;color:var(--color-secondary)}
.wv-creators__list em {font-size:.8rem;font-style:normal;color:#E9C47F}
.wv-creators .wv-button {flex-shrink:0}

/* ---- Winnera Social (renders only with curated posts) ---- */
.wv-social {margin:1.6rem 0}
.wv-social__list {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.wv-social__card {display:flex;flex-direction:column;gap:.5rem;height:100%;padding:0 0 1rem;border:1px solid #3F3050;background:linear-gradient(180deg,rgba(36,24,50,.8),rgba(18,12,26,.85));color:inherit;transition:border-color .2s,transform .2s}
.wv-social__card img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.wv-social__card time,.wv-social__card p,.wv-social__card>span {margin:0 1.1rem}
.wv-social__card time {margin-top:.8rem;font-size:.8rem;color:var(--color-secondary)}
.wv-social__card img+time {margin-top:.2rem}
.wv-social__card p {color:#D9CCDF;font-size:.9rem;line-height:1.5;flex:1}
.wv-social__card>span {font-size:.8125rem;color:#E9C47F;font-weight:600}
.wv-social__card:hover {border-color:#B59057;transform:translateY(-2px)}

/* ---- Creator Guild page ---- */
.wn-cg {max-width:56rem}
.wn-cg__title {margin:.2rem 0 .6rem}
.wn-cg__lead {margin:0 0 1.2rem;color:var(--wn-text-secondary);max-width:62ch;font-size:1.0625rem;line-height:1.6}
.wn-cg__actions {display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.wn-cg__note {font-size:.875rem;color:var(--wn-text-secondary)}
.wn-cg__section {margin:2.2rem 0 0}
.wn-cg__section h2 {margin:0 0 .6rem;font-family:var(--wn-font-body);font-weight:700;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wn-gold-bright)}
.wn-cg__section p {color:var(--wn-text-secondary);max-width:62ch}
.wn-cg__platforms {list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.wn-cg__platforms li {padding:.3rem .85rem;border:1px solid var(--wn-gold-deep);border-radius:999px;font-size:.875rem;color:var(--wn-text)}
.wn-cg__benefits {list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.wn-cg__benefits li {padding:.9rem 1.1rem;background:var(--wn-surface);border:1px solid var(--wn-line,#3a3a3a);border-left:2px solid var(--wn-gold)}
.wn-cg__benefits strong {display:block;margin-bottom:.2rem;color:var(--wn-text)}
.wn-cg__benefits span {font-size:.9rem;color:var(--wn-text-secondary)}
.wn-cg__members {list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.8rem}
.wn-cg__member {display:flex;gap:1rem;padding:1rem 1.2rem;background:var(--wn-surface);border:1px solid var(--wn-line,#3a3a3a)}
.wn-cg__member img {width:56px;height:56px;border-radius:50%;object-fit:cover}
.wn-cg__member h3 {margin:0;font-size:1.05rem}
.wn-cg__meta {margin:.1rem 0 .3rem;font-size:.8125rem}
.wn-cg__how ol {margin:.6rem 0 0;padding-left:1.3rem;color:var(--wn-text-secondary);display:grid;gap:.4rem}

/* ---- Global search: header button + palette ---- */
.wv-search-btn {display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border:1px solid #4A3A5C;border-radius:999px;background:rgba(20,14,28,.6);color:#D9CCDF;font:inherit;font-size:.8125rem;cursor:pointer;transition:border-color .2s,color .2s}
.wv-search-btn:hover {border-color:#E9C47F;color:#FFF0B9}
.wv-search-btn kbd {font:600 .7rem/1 var(--wn-font-body);padding:.15rem .4rem;border:1px solid #4A3A5C;border-radius:4px;color:#C9B7D6}
.wv-palette {width:min(36rem,calc(100vw - 2rem));margin:12vh auto auto;padding:0;border:1px solid #6B5280;background:#140E1F;color:#F2F2EF;box-shadow:0 24px 70px rgba(0,0,0,.7)}
.wv-palette::backdrop {background:rgba(6,4,10,.72);backdrop-filter:blur(2px)}
.wv-palette__box {margin:0}
.wv-palette input {display:block;width:100%;box-sizing:border-box;padding:1rem 1.2rem;border:0;border-bottom:1px solid #3F3050;background:transparent;color:inherit;font:inherit;font-size:1.05rem}
.wv-palette input:focus {outline:2px solid #E9C47F;outline-offset:-2px}
.wv-palette ul {list-style:none;margin:0;padding:.4rem;max-height:min(24rem,50vh);overflow:auto}
.wv-palette li a {display:flex;justify-content:space-between;gap:1rem;padding:.6rem .8rem;border-radius:4px;color:inherit}
.wv-palette li a small {color:#B8AAC4;font-size:.75rem;white-space:nowrap}
.wv-palette li[aria-selected=true] a {background:#2A1A3A;box-shadow:inset 2px 0 0 #E9C47F}
.wv-palette__empty {padding:1rem .8rem;color:#B8AAC4}
.wv-palette__hint {margin:0;padding:.6rem 1rem;border-top:1px solid #3F3050;font-size:.75rem;color:#B8AAC4}
.wv-palette kbd {padding:.05rem .35rem;border:1px solid #4A3A5C;border-radius:3px;font-size:.7rem}

/* ---- Wiki inside the portal: drop the second frame, keep the content ---- */
.wn-content .WinneraWiki {background:none;border:0;box-shadow:none;padding:.4rem 0 0;border-radius:0}

/* ---- Responsive for final-experience components ---- */
@media (max-width:860px) {
 .wv-social__list,.wn-cg__benefits {grid-template-columns:minmax(0,1fr)}
 .wv-creators {flex-direction:column;align-items:flex-start}
}
@media (max-width:620px) {
 .wv-search-btn kbd {display:none}
 .wv-search-btn {padding:.4rem .55rem}
 .wv-palette {margin-top:6vh}
}
@media (prefers-reduced-motion:reduce) {
 .wv-creators__dot {animation:none}
 .wv-social__card,.wv-creators__list a,.wv-search-btn {transition:none}
 .wv-social__card:hover {transform:none}
}
.wv-hero__side .wv-featured {padding:.8rem 1.05rem .85rem}
.wv-hero__side .wv-featured__eyebrow {margin-bottom:.4rem}
.wv-hero__side .wv-featured h2 {margin-bottom:.3rem}

/* ---- Mobile length: compact system and pillar cards (page was ~10.9k px) ---- */
@media (max-width:620px) {
 .wv-path__icon,.wv-why__icon {display:none}
 .wv-path__card {padding:1rem 1.1rem}
 .wv-path__card .wv-status-tag {margin-bottom:.5rem}
 .wv-path__card p {font-size:.9rem}
 .wv-why__card {padding:.9rem 1rem}
 .wv-start__steps a::before {margin-bottom:.35rem}
}
@media (max-width:620px) {
 .wv-path .wv-path__card .wv-path__icon,.wv-why__grid .wv-why__card .wv-why__icon {display:none}
}

/* ---- Highscores (rebuilt markup) ---- */
.wn-hs__title {margin:0 0 1rem;font-size:1.4rem;text-align:left}
.wn-hs__filters {display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 1.2rem}
.wn-hs__filters label {display:grid;gap:.3rem;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wn-text-secondary)}
.wn-hs__filters select {min-width:12rem;padding:.5rem .7rem;border:1px solid var(--wn-line,#3a3a3a);background:var(--wn-surface-sunken);color:var(--wn-text);font:inherit;text-transform:none;letter-spacing:0}
.wn-hs__filters select:focus-visible {outline:2px solid var(--wn-gold-bright);outline-offset:2px}
.wn-hs__scroll {overflow-x:auto}
.wn-hs__table {width:100%;border-collapse:collapse}
.wn-hs__table th {padding:.65rem .8rem;text-align:left;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wn-gold-bright);background:var(--wn-obsidian);border-bottom:1px solid var(--wn-gold-deep)}
.wn-hs__table td {padding:.55rem .8rem;border-bottom:1px solid var(--wn-line,#2b2b2b);vertical-align:middle}
.wn-hs__table tbody tr:nth-child(even) {background:rgba(255,255,255,.025)}
.wn-hs__table tbody tr:hover {background:var(--wn-surface-raised)}
.wn-hs__table .num {text-align:right;font-variant-numeric:tabular-nums}
.wn-hs__table small {display:block;color:var(--wn-text-secondary)}
.wn-hs__rank {font-variant-numeric:tabular-nums;color:var(--wn-text-secondary)}
.wn-hs__outfit img {display:block;max-height:64px;width:auto}
.wn-hs__status--on::before,.wn-hs__status--off::before {content:"";display:inline-block;width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:#6FCF8A}
.wn-hs__status--off::before {background:#6a6a6a}
.wn-hs__pager {display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}
.wn-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wn-home-v1 .wv-creators h2 {font:700 1.15rem/1.35 var(--wn-font-body);margin:0 0 .15rem;text-shadow:none}

/* ======================= FINAL PRE-DEPLOYMENT POLISH ======================= */
/* ---- Left rail: foldable index groups (native <details>) ---- */
.wn-index__group--fold>summary.wn-index__label {cursor:pointer;list-style:none}
.wn-index__group--fold>summary.wn-index__label::-webkit-details-marker {display:none}
.wn-index__group--fold>summary.wn-index__label::after {content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(200,163,90,.42),rgba(200,163,90,.06))}
.wn-index__group--fold>summary.wn-index__label:hover {color:var(--wn-gold-hover,#F5D876)}
.wn-index__group--fold>summary.wn-index__label:focus-visible {outline:2px solid var(--wn-gold-bright);outline-offset:-2px}
.wn-index__group--fold:not([open])>summary.wn-index__label {padding-bottom:var(--wn-space-3)}
.wn-index__group--fold>summary.wn-index__label span.wn-index__chev {display:none}

/* ---- Foldable index: open/closed indicator ---- */
.wn-index__group--fold:not([open])>summary.wn-index__label::before {background:transparent}
.wn-index__group--fold[open]>summary.wn-index__label::before {background:var(--wn-gold)}

/* ---- Module headings in the centre column: never truncated (rails keep their single-line titles) ---- */
.wn-zone--center .wn-module__head {flex-wrap:wrap}
.wn-zone--center .wn-module__title {white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;min-width:0}

/* ---- Download: checksum wraps instead of scrolling; actions keep their hierarchy ---- */
.wn-dl__checksum code {overflow-x:visible;overflow-wrap:anywhere;word-break:break-all;white-space:normal}
.wn-dl__head {min-width:0}
@media (max-width:520px) {
 .wn-dl__row {grid-template-columns:minmax(0,1fr)}
 .wn-dl__value {text-align:left}
 .wn-dl__actions {flex-direction:column;align-items:stretch}
 .wn-dl__actions .wn-btn {width:100%;justify-content:center;text-align:center}
 .wn-dl__actions .wn-btn--primary {order:-1}
}

/* ---- Registration: compact two-column vocation cards on phones ---- */
@media (max-width:520px) {
 .wn-vocations {grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:var(--wn-space-2)}
 .wn-vocation__body {flex-direction:row;justify-content:flex-start;gap:var(--wn-space-2);min-height:56px;padding:var(--wn-space-2) var(--wn-space-3);text-align:left}
 .wn-vocation__sigil {width:24px;height:24px;flex:none}
 .wn-vocation__name {font-size:.9rem;letter-spacing:.03em}
 /* an odd last card sits centred on its own row, same width as the others */
 .wn-vocation:last-child:nth-child(odd) {grid-column:1/-1;justify-self:center;width:calc(50% - var(--wn-space-2)/2)}
}

/* ---- Highscores: calmer page title, tighter filters, phone-safe table ---- */
.wn-content .wn-hs__title {font-size:clamp(1.15rem,1rem + .6vw,1.4rem);margin-bottom:.8rem}
.wn-hs__filters {gap:.75rem 1rem;margin-bottom:1rem}
.wn-hs__table td:nth-child(n+2) a {overflow-wrap:anywhere}
.wn-hs__table .wn-hs__name {min-width:0}
@media (max-width:620px) {
 .wn-hs__filters label {flex:1 1 9rem}
 .wn-hs__filters select {min-width:0;width:100%}
 .wn-hs__table th.wn-hs__outfit,.wn-hs__table td.wn-hs__outfit {display:none}
 .wn-hs__table th,.wn-hs__table td {padding:.5rem .55rem}
 .wn-hs__table th {letter-spacing:.04em}
}

/* ---- Changelog: tighter on phones ---- */
@media (max-width:520px) {
 .wn-cl__head {margin-bottom:1rem}
 .wn-cl__filters {margin-bottom:1rem}
 .wn-cl__month h2 {margin:1.3rem 0 .6rem}
 .wn-cl__list {gap:.8rem}
 .wn-cl__entry {padding:.8rem .9rem}
 .wn-cl__entry p {margin-bottom:.4rem}
}

/* ======================= HOMEPAGE: MOBILE DENSITY (<= 620 px) ======================= */
@media (max-width:620px) {
 /* rhythm */
 [data-skin] .wv-section {padding:1.6rem 0}
 .wv-section-head {margin-bottom:1rem !important}
 .wv-section-head>p {font-size:.875rem}
 /* What's new: the 3 newest entries; the full list is one tap away ("See all changes") */
 .wv-updates__list .wv-update:nth-child(n+4) {display:none}
 .wv-update {padding:.85rem 1rem}
 .wv-update h3 {font-size:1.05rem}
 /* Systems: the 3 leading cards, then a visible link to every system */
 .wv-path .wv-path__card:nth-child(n+4) {display:none}
 .wv-path__more {display:block;margin:1rem 0 0;text-align:center}
 .wv-path__more a {display:inline-block;padding:.7rem 1.1rem;border:1px solid #6B5280;color:#E9C47F;font-weight:600}
 /* Why Winnera: compact single column, no decorative icons */
 .wv-why__card {padding:.8rem .95rem}
 .wv-why__card h3 {margin-bottom:.2rem}
 .wv-why__card p {font-size:.875rem;line-height:1.45}
 /* Project status */
 .wv-project {gap:1rem}
 .wv-project__loop {gap:.5rem}
 .wv-roadmap__step>div {padding:.75rem .9rem}
 .wv-roadmap {gap:.7rem}
 /* Hall of Champions: Top 3 + link to the full ranking */
 .wv-ranking .wv-rank:nth-child(n+4) {display:none}
 .wv-rank--1 {padding:1rem}
 .wv-rank--1 .wv-rank__position {width:52px;height:52px;font-size:2.2rem}
 .wv-rank--1 .wv-rank__identity>a {font-size:1.35rem}
 .wv-rank--1 .wv-rank__value {font-size:1.35rem}
 .ra-champion-crest {width:120px;height:auto}
 /* Today: slimmer boost cards */
 .wv-boost {padding:.7rem .9rem}
 .wv-boost__sprite {width:52px;height:52px}
 /* Start playing: all four steps, as compact rows */
 .wv-start__steps {gap:.6rem;margin-bottom:1.2rem}
 .wv-start__steps a {display:grid;grid-template-columns:2rem 1fr;column-gap:.8rem;align-items:center;padding:.75rem .9rem}
 .wv-start__steps a::before {grid-row:1/3;margin:0}
 .wv-start__steps strong {margin:0}
 /* Discord / creators */
 .wv-creators {padding:.9rem 1rem;margin:1rem 0}
}
.wv-path__more {display:none}
@media (max-width:620px) {.wv-path__more {display:block}}
@media (max-width:620px) {
 .wv-now {margin:.8rem 0 .2rem}
 .wv-now__cell {padding:.6rem .8rem}
 .wv-now__cell dd:not(.wv-now__sub) {font-size:1.05rem}
 .wv-now__bar {margin-top:.35rem}
 [data-skin] .wv-rates {padding:1.1rem 1.1rem 1rem;margin-top:1rem}
 [data-skin] .wv-community {padding:1.5rem 1.25rem;margin:1.4rem 0 1rem;gap:1.2rem}
 .wv-discord-zone__lead {font-size:1rem;line-height:1.5}
 [data-skin] .wv-hero {padding-bottom:1rem}
}

/* ---- Page titles of interior pages: one calmer size (was up to 3.75rem; Highscores read as shouting) ---- */
.wn-page__title {font-size:clamp(1.75rem,1.25rem + 1.6vw,2.5rem)}
.wn-page__head,.wn-page__header {margin-bottom:var(--wn-space-5)}

/* ---- Highscores: phone column widths ---- */
.wn-hs__rank {width:2.6rem;white-space:nowrap}
.wn-hs__table .num {white-space:nowrap}
@media (max-width:620px) {
 .wn-hs__table {font-size:.9rem}
 .wn-hs__table th,.wn-hs__table td {padding:.5rem .35rem}
 .wn-hs__table th {font-size:.68rem;letter-spacing:.03em}
 .wn-hs__table td:nth-last-child(-n+2) {font-size:.85rem}
 .wn-hs__table td:not(.num):not(.wn-hs__rank):not(.wn-hs__flag) {min-width:6.5rem}
}

/* ---- World Pulse: hint under an empty player count ---- */
.wn-status-cell__hint {display:block;margin-top:.35rem;font-size:.75rem;line-height:1.35;color:var(--wn-text-secondary);text-transform:none;letter-spacing:0}
/* The Points (experience) column is secondary: on narrow phones the Level column carries the ranking */
@media (max-width:420px) {.wn-hs__table .wn-hs__points {display:none}}

/* ======================= NEW SYSTEMS PRESENTATION ======================= */
/* ---- Homepage: product loops ---- */
.wv-loops {margin:0 0 1.4rem;padding:.9rem 1.1rem 1rem;border:1px solid #4A3A5C;background:linear-gradient(90deg,rgba(42,26,58,.55),rgba(20,14,28,.7))}
.wv-loops__title {margin:0 0 .5rem;font:600 .72rem/1.4 var(--wn-font-body);letter-spacing:.12em;text-transform:uppercase;color:#C9B7D6}
.wv-loop {display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1rem;margin:.45rem 0 0}
.wv-loop__label {min-width:9rem;font:700 .95rem/1.3 var(--wn-font-body);color:#FFE9B0}
.wv-loop__steps {list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 0;margin:0;padding:0}
.wv-loop__steps li {display:flex;align-items:center}
.wv-loop__steps li+li::before {content:"→";margin:0 .5rem;color:#B59057}
.wv-loop__steps a {display:inline-block;padding:.22rem .75rem;border:1px solid #6B5280;border-radius:999px;background:rgba(60,36,82,.5);color:#F2E8FF;font-size:.875rem;transition:border-color .2s}
.wv-loop__steps a:hover {border-color:#E9C47F}
.wv-loop__step--soon a {border-style:dashed;color:#C9B7D6}

/* ---- Homepage: companion roles on the Pets card, compact "more systems" row ---- */
.wv-path__roles {list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:.1rem 0 .7rem;padding:0}
.wv-path__roles li {padding:.1rem .6rem;border:1px solid #6B5280;border-radius:999px;font-size:.75rem;letter-spacing:.04em;color:#F2E8FF}
.wv-path__others {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin:1.1rem 0 0;font-size:.875rem;color:var(--color-secondary)}
.wv-chip {display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem;border:1px solid #4A3A5C;color:#E9C47F;transition:border-color .2s}
.wv-chip:hover {border-color:#E9C47F}
.wv-chip small {font-size:.72rem;color:#C9B7D6}
.wv-chip--preparing {border-style:dashed}
.wv-badge--gameplay_loop {color:#FFE9B0;border-color:#E9C47F}
.wv-discord-zone__also a+a::before {content:" · ";color:#8A7D63}

/* ---- Wiki: status pill, flow, guide layout ---- */
.WikiPill {display:inline-block;padding:.1rem .6rem;border:1px solid var(--ww-line);border-radius:999px;font:600 .7rem/1.6 var(--ww-font-body);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.WikiPill--testing {color:#E7C9FF;border-color:#8A63A8;background:#2A1A3A}
.WikiPill--active {color:#B9E3C1;border-color:#5E8A69;background:#14231B}
.WikiPill--preparing,.WikiPill--planned {color:#EFD7A6;border-color:#8C7247;background:#231B12;border-style:dashed}
.WikiGuide-head {display:flex;align-items:center;gap:1.1rem;margin:0 0 .6rem}
.WikiGuide-head h1 {margin:0 0 .3rem}
.WikiGuide-icon {display:grid;place-items:center;width:64px;height:64px;flex:none;border:1px solid var(--ww-gold);border-radius:50%;background:var(--ww-panel-raised);color:var(--ww-gold-strong)}
.WikiGuide-status {display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:.85rem;color:var(--ww-ink-soft)}
.WikiGuide-lead {font-size:1.1rem;max-width:62ch}
.WikiGuide-section h2 {display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.WikiGuide-section p {max-width:68ch}
.WikiGuide-list {max-width:68ch;padding-left:1.3rem}
.WikiGuide-list li {margin-bottom:.35rem}
.WikiGuide-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.8rem}
.WikiGuide-card {padding:1rem 1.1rem;background:var(--ww-panel);border:1px solid var(--ww-line);border-top:2px solid var(--ww-gold);border-radius:var(--ww-radius-sm)}
.WikiGuide-card h3 {margin:0 0 .4rem;font-size:1.05rem}
.WikiGuide-card p {margin:0;font-size:.92rem;color:var(--ww-ink-soft)}
.WikiGuide-stages {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.8rem 0 0;padding:0;counter-reset:wgstage}
.WikiGuide-stages li {counter-increment:wgstage;padding:.9rem 1rem;border:1px dashed var(--ww-line);border-radius:var(--ww-radius-sm);background:var(--ww-panel)}
.WikiGuide-stages li::before {content:counter(wgstage);display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;margin-bottom:.4rem;border-radius:50%;background:var(--ww-gold);color:#1a1509;font-weight:700;font-size:.8rem}
.WikiGuide-stages strong {display:block;color:var(--ww-gold-strong)}
.WikiGuide-stages span {font-size:.9rem;color:var(--ww-ink-soft)}
.WikiGuide-nav {display:flex;flex-wrap:wrap;gap:.5rem .7rem;margin:1.8rem 0 0;padding-top:1rem;border-top:1px solid var(--ww-line-soft)}
.WikiGuide-nav a {padding:.3rem .85rem;border:1px solid var(--ww-line);border-radius:999px;font-size:.875rem}
.WikiGuide-nav a:hover {border-color:var(--ww-gold);text-decoration:none}
.WikiGuide-nav .WikiGuide-next {border-color:var(--ww-gold);color:var(--ww-gold-strong)}
.WikiFlow {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1rem 0;padding:.8rem 1rem;background:var(--ww-panel-raised);border:1px solid var(--ww-line);border-radius:var(--ww-radius-sm)}
.WikiFlow-label {font:700 .9rem/1.3 var(--ww-font-body);color:var(--ww-gold-strong)}
.WikiFlow ol {display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 0;margin:0;padding:0;list-style:none}
.WikiFlow li {display:flex;align-items:center}
.WikiFlow li+li::before {content:"→";margin:0 .5rem;color:var(--ww-bronze)}
.WikiFlow a,.WikiFlow li>span {display:inline-block;padding:.2rem .75rem;border:1px solid var(--ww-line);border-radius:999px;font-size:.875rem}
.WikiFlow a:hover {border-color:var(--ww-gold);text-decoration:none}
.WikiFlow li.is-current>span {border-color:var(--ww-gold);background:var(--ww-gold);color:#1a1509;font-weight:700}
.WikiFlow li.is-soon a {border-style:dashed;color:var(--ww-ink-soft)}
.WikiFlows .WikiFlow {margin:.5rem 0}
.WikiGuideGrid {display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.9rem;margin:1.1rem 0}
.WikiGuideCard {display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;background:var(--ww-panel);border:1px solid var(--ww-line);border-radius:var(--ww-radius-sm);color:var(--ww-ink);text-decoration:none !important;transition:border-color .15s,transform .15s}
.WikiGuideCard:hover {border-color:var(--ww-gold);transform:translateY(-2px)}
.WikiGuideCard-icon {display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid var(--ww-line);border-radius:50%;color:var(--ww-gold-strong);background:var(--ww-panel-sunken)}
.WikiGuideCard-body {display:grid;gap:.3rem;min-width:0}
.WikiGuideCard-body strong {color:var(--ww-gold-strong);font-family:var(--ww-font-body)}
.WikiGuideCard-text {font-size:.85rem;color:var(--ww-ink-soft)}
.WikiGuide-more {margin-top:1.8rem}

@media (max-width:860px) {
 .WikiGuide-cards,.WikiGuide-stages {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px) {
 .wv-loops {padding:.7rem .85rem .8rem;margin-bottom:1rem}
 .wv-loop__label {min-width:0;flex-basis:100%;font-size:.85rem}
 .wv-loop__steps a {padding:.18rem .6rem;font-size:.8rem}
 .wv-loop__steps li+li::before {margin:0 .3rem}
 .wv-path__others {margin-top:.8rem;gap:.4rem}
 .WikiGuide-head {gap:.8rem}
 .WikiGuide-icon {width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce) {.wv-loop__steps a,.wv-chip,.WikiGuideCard {transition:none}.WikiGuideCard:hover {transform:none}}
/* Mobile: keep the homepage short — the Elite hunt loop stays, the companion loop lives on the Pets card/Wiki */
@media (max-width:620px) {
 .wv-loop--pets {display:none}
}