/* Royal Arcane V2.3: image crop and Discord social proof. */
[data-refinement="v21"] .wv-hero__art picture img {object-position:52% 43%;filter:none}
[data-refinement="v21"] .wv-hero__art::after {background:linear-gradient(0deg,#150c2840,transparent 24%)}
[data-skin] .wv-facts li:nth-child(2) {border-color:#e0b96e;box-shadow:inset 0 0 0 2px #18101f,0 1px 12px #9d69be3a}
[data-skin] .wv-social-proof {display:flex;flex-wrap:wrap;align-items:stretch;gap:.55rem;margin:.9rem 0 0}
[data-skin] .wv-social-proof .wv-discord-stats {display:flex;flex:0 1 auto;align-items:center;gap:.2rem .68rem;max-width:100%;margin:0;padding:.42rem .68rem;border:1px solid #6d557a;border-left:2px solid #a474c6;background:linear-gradient(135deg,#22172e,#161523);font-size:.875rem;line-height:1.55;color:var(--color-secondary)}
[data-skin] .wv-social-proof .wv-discord-stats__cached {font-size:.8125rem;color:var(--color-secondary)}
@media(max-width:619px) {
 [data-refinement="v21"] .wv-hero__art picture img {object-position:50% 46%}
 [data-skin] .wv-social-proof {display:grid;grid-template-columns:minmax(0,1fr)}
 [data-skin] .wv-social-proof .wv-discord-stats {min-width:0;width:100%;flex-wrap:wrap}
}
@media(forced-colors:active) {
 [data-skin] .wv-social-proof .wv-discord-stats {background:Canvas;border:1px solid CanvasText;color:CanvasText}
 [data-skin] .wv-social-proof :is(.wv-discord-stats__brand,.wv-discord-stats__cached) {color:CanvasText}
}
/* Homepage polish V2.4: pillars, system status, project roadmap, Discord emphasis. Homepage-only file. */
.wv-discord-icon {flex:none;width:1.15em;height:1.15em}
[data-skin] .wv-hero__help {display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.45rem .85rem;border:1px solid #6d557a;border-left:2px solid #a474c6;background:linear-gradient(135deg,#22172ecc,#161523cc);font-weight:600;color:#F0CD83}
[data-skin] .wv-hero__help:hover {background:#2c1d3b;text-decoration:none;color:#FFE7B0}
[data-skin] .wv-hero__help .wv-discord-icon {color:#C59BE8}
.wv-hero__live {display:flex;align-items:center;gap:.55rem;margin:1rem 0 0;font-size:.875rem}
.wn-home-v1 .wv-hero__live a {color:#D9CCDF}
.wn-home-v1 .wv-hero__live a:hover {color:#FFF0B9}
.wv-hero__pulse {width:8px;height:8px;flex:none;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 0 #9FD5A980;animation:wv-pulse 2.4s ease-out infinite}
@keyframes wv-pulse {0%{box-shadow:0 0 0 0 #9FD5A980}70%{box-shadow:0 0 0 7px #9FD5A900}100%{box-shadow:0 0 0 0 #9FD5A900}}
/* Status tags: one shape, colour carries the state, text always present. */
.wv-status-tag {display:inline-flex;align-items:center;gap:.4rem;padding:.12rem .55rem;border:1px solid;font:600 .75rem/1.6 var(--wn-font-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.wv-status-tag::before {content:"";width:6px;height:6px;transform:rotate(45deg);background:currentColor}
.wv-status-tag--testing,.wv-status-tag--live {color:#E7C9FF;border-color:#8A63A8;background:#2A1A3A}
.wv-status-tag--active,.wv-status-tag--done {color:#B9E3C1;border-color:#5E8A69;background:#14231B}
.wv-status-tag--planned,.wv-status-tag--next,.wv-status-tag--soon {color:#EFD7A6;border-color:#8C7247;background:#231B12}
.wv-path__card .wv-status-tag {margin:0 0 .75rem}
/* Why Winnera: four compact pillars, lighter than the system crests. */
.wv-why__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.wv-why__card {position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.4rem 1.3rem;border:1px solid #4F3D5C;border-top:2px solid #B59057;background:linear-gradient(170deg,#1C1527,#111018);transition:border-color 160ms ease,transform 160ms ease}
.wv-why__card:hover {border-color:#7C5B96;border-top-color:#E8C678;transform:translateY(-2px)}
.wv-why__icon {display:grid;place-items:center;width:46px;height:46px;border:1px solid #6C515B;background:#140F1C;color:#F2D38E;transform:rotate(45deg)}
.wv-why__icon svg {transform:rotate(-45deg);width:22px;height:22px}
.wn-home-v1 .wv-why__card h3 {margin-bottom:.4rem;font:400 1.15rem/1.35 var(--wn-font-display)}
.wn-home-v1 .wv-why__card p {margin:0;color:var(--color-secondary);font-size:.9375rem;line-height:1.55}
/* Five systems: 3 + 2 on desktop without an orphan gap. */
.wv-path {grid-template-columns:repeat(6,minmax(0,1fr))}
.wv-path__card {grid-column:span 2}
.wv-path__card:nth-child(n+4) {grid-column:span 3}
[data-skin] .wv-path__card {transition:border-color 160ms ease,transform 160ms ease}
[data-skin] .wv-path__card:hover {transform:translateY(-2px);border-color:#B59057}
/* Project roadmap. */
.wv-project {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3rem;align-items:start}
.wn-home-v1 .wv-project h2 {margin-bottom:1rem}
.wv-project__intro>p {color:var(--color-secondary);max-width:46ch}
.wv-project__loop {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none;counter-reset:wv-loop}
.wv-project__loop li {counter-increment:wv-loop;display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid #3E3049;background:#120E19;font-size:.9rem;color:#E0D1E2}
.wv-project__loop li::before {content:counter(wv-loop);display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #B59057;color:#F2D38E;font:600 .8rem/1 var(--wn-font-numeric,inherit)}
.wv-roadmap {position:relative;list-style:none;margin:0;padding:0}
.wv-roadmap::before {content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:linear-gradient(#5E8A69,#8A63A8 45%,#5a4632)}
.wv-roadmap__step {position:relative;display:flex;gap:1.1rem;padding:0 0 1.4rem}
.wv-roadmap__step:last-child {padding-bottom:0}
.wv-roadmap__marker {position:relative;flex:none;width:24px;height:24px;margin-top:.2rem;border:2px solid #8C7247;background:#0D0B12;transform:rotate(45deg) scale(.8)}
.wv-roadmap__step--done .wv-roadmap__marker {border-color:#5E8A69;background:#1E3325}
.wv-roadmap__step--live .wv-roadmap__marker {border-color:#E8C678;background:#5D2B86;box-shadow:0 0 14px #9C6AC5AA}
.wv-roadmap__step>div {flex:1;min-width:0;padding:1rem 1.2rem;border:1px solid #3E3049;background:#120E19}
.wv-roadmap__step--live>div {border-color:#8A63A8;background:linear-gradient(130deg,#2A1A3A,#141019)}
/* Display face has no numerals: phase names ("Public Test 02", "Season I") use the body face. */
.wn-home-v1 .wv-roadmap h3 {margin:.45rem 0 .3rem;font:700 1.125rem/1.35 var(--wn-font-body);color:#F2D699}
.wn-home-v1 .wv-roadmap p {margin:0;color:var(--color-secondary);font-size:.9375rem}
.wn-home-v1 .wv-roadmap .wv-roadmap__meta {display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:.8125rem;font-variant-numeric:tabular-nums}
/* Discord: list of what players get, icon on the CTA. */
.wv-button--discord {display:inline-flex;align-items:center;justify-content:center;gap:.55rem}
.wn-home-v1 .wv-community__lead {margin:0 0 .75rem;font:600 .8125rem/1.5 var(--wn-font-body);letter-spacing:.08em;text-transform:uppercase;color:#DEBE85;text-shadow:none}
[data-skin] .wv-community ul {display:grid;gap:.15rem;margin:0}
[data-skin] .wv-community .wv-actions {margin-top:1.4rem;align-items:center}
/* Final call: heading + one line, three ranked actions. */
.wn-home-v1 .wv-final h2 {font-size:clamp(1.35rem,2.2vw,1.7rem);margin-bottom:.4rem}
.wn-home-v1 .wv-final>div>p {margin:0;color:var(--color-secondary);max-width:46ch}
.wv-final .wv-actions {display:flex;flex-wrap:wrap;align-items:center}
.wv-final__discord {display:inline-flex;align-items:center;gap:.45rem;font-weight:600}
@media(max-width:1099px) {
 .wv-why__grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .wv-project {grid-template-columns:minmax(0,1fr);gap:2rem}
}
@media(max-width:900px) {
 .wv-path {grid-template-columns:repeat(2,minmax(0,1fr))}
 .wv-path__card,.wv-path__card:nth-child(n+4) {grid-column:auto}
 .wv-path__card:last-child {grid-column:1/-1}
}
@media(max-width:619px) {
 [data-skin] .wv-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-skin] .wv-facts li {min-width:0;text-align:center}
 .wv-why__grid {grid-template-columns:minmax(0,1fr);gap:.75rem}
 .wv-why__card {flex-direction:row;align-items:flex-start;gap:1rem;padding:1.1rem 1rem}
 .wv-why__icon {width:40px;height:40px;margin:.2rem .2rem 0}
 .wv-path,.wv-path__card:last-child {grid-template-columns:minmax(0,1fr);grid-column:auto}
 .wv-project__loop {gap:.5rem}
 .wv-project__loop li {padding:.55rem .6rem;font-size:.8125rem;line-height:1.35}
 [data-skin] .wv-path__icon {width:52px;height:60px;margin-bottom:.6rem}
 [data-skin] .wv-path__icon svg {width:24px;height:24px}
 .wv-roadmap__step>div {padding:.9rem 1rem}
 .wv-final .wv-actions {display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .wv-final__discord {justify-content:center;padding:.5rem 0}
}
@media(prefers-reduced-motion:reduce) {.wv-hero__pulse {animation:none}.wv-why__card:hover,[data-skin] .wv-path__card:hover {transform:none}}
@media(forced-colors:active) {
 .wv-status-tag,.wv-why__card,.wv-roadmap__step>div,.wv-project__loop li {background:Canvas;color:CanvasText;border-color:CanvasText}
 .wv-roadmap::before,.wv-roadmap__marker {background:CanvasText}
}
/* Discord counts as a quiet footnote under the list: kept, not the headline. */
[data-skin] .wv-social-proof--quiet {margin-top:1.1rem}
[data-skin] .wv-social-proof--quiet .wv-discord-stats {padding:0;border:0;background:none;font-size:.8125rem;color:var(--color-muted)}
[data-skin] .wv-social-proof--quiet .wv-discord-stats__brand {color:var(--color-secondary)}
[data-skin] .wv-social-proof--quiet .wv-discord-stats svg {width:1rem;height:1rem}
/* Decorative frame bleed (negative-inset ::before) added 1px of horizontal scroll at tablet widths. */
.wn-body--home .wn-main {overflow-x:clip}