/* ROYAL ARCANE V2. One decorative skin over the existing SSR template.
   Frame atlases use 9-slicing: responsive HTML owns dimensions, artwork owns material. */
:root[data-skin="royal-arcane-v2"] {
 --color-page:#09080E;--color-surface:#14101E;--color-raised:#241932;--color-sunken:#08090E;
 --color-text:#F5EEE3;--color-secondary:#C9BDCC;--color-muted:#B6A8C0;
 --color-accent:#E8C678;--color-gold:#D2AD55;--color-bronze:#C39969;
 --color-border:#59416B;--color-control:#9C879F;--color-hover:#372248;--color-active:#261833;
 --color-disabled:#B7A6C2;--color-button:#E3BD6A;--color-button-hover:#F3D588;--color-on-accent:#1B110A;
 --color-focus:#FFF0AC;--color-link:#F0CD83;--color-visited:#D5B4ED;
 --color-selection:#593280;--color-on-selection:#FFF8EE;
 --color-success:#9FD5A9;--color-warning:#EFCB8B;--color-error:#F4AEB0;--color-info:#B0CCE9;
 --color-shadow:rgba(0,0,0,.48);--color-scrim:rgba(5,3,10,.88);
 --header-surface:#0D0A14;--card-surface:#17111F;--status-surface:#101827;
 --rv-purple:#5D2B86;--rv-violet:#9C6AC5;--rv-navy:#192841;--rv-metal:#D6AF67;
 --rv-stone:url('../img/royal-arcane-v2/stone-material.webp');
 --rv-frame:url('../img/royal-arcane-v2/panel-frame.webp');
 --rv-rich-frame:url('../img/royal-arcane-v2/hero-frame.webp');
 --rv-crown:url('../img/royal-arcane-v2/amethyst-crown.webp');
 --rv-disc:url('../img/royal-arcane-v2/crest-instrument.webp');
 --rv-divider:url('../img/royal-arcane-v2/divider-fine.webp');
}
[data-skin] .wn-body {background-color:var(--color-page);background-image:radial-gradient(ellipse 950px 700px at 50% 200px,rgba(86,35,122,.26),transparent 80%),radial-gradient(ellipse 1000px 900px at 10% 65%,rgba(49,28,75,.22),transparent 80%)}
[data-skin] .wn-home-v1 {--rv-ink:#F5EEE3}
[data-skin] .wn-home-v1 :is(h2,h3) {color:#F2D699;text-shadow:0 2px 4px #060409}
[data-skin] .wn-home-v1 h2 {font-size:clamp(1.6rem,2.8vw,2.25rem)}
[data-skin] .wn-home-v1 .wv-eyebrow {color:#DEBE85;letter-spacing:.1em;font-size:.8125rem}
[data-skin] a {text-underline-offset:4px}
/* Compact portal chrome: inlaid lower rail and individual navigation marks. */
[data-skin] .wv-header {background:linear-gradient(180deg,#20132C,#0B0B12 85%);border-bottom:1px solid #A6824D;box-shadow:0 2px 0 #211A2C,0 8px 24px #0008}
[data-skin] .wv-header__inner {position:relative;min-height:86px;gap:1.2rem}
[data-skin] .wv-header__inner::after {content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:var(--rv-divider) center/contain no-repeat;z-index:2;pointer-events:none}
[data-skin] .wv-brand {gap:.7rem}
[data-skin] .wv-brand img {width:43px;height:46px;filter:drop-shadow(0 0 10px #4B246899)}
[data-skin] .wv-brand>span {font-size:1.45rem;color:#F0CE88;text-shadow:0 2px 3px #000}
[data-skin] .wv-nav {gap:1.25rem}
[data-skin] .wv-nav a {position:relative;padding:.65rem 0;color:#D9CCDF;font-weight:500}
[data-skin] .wv-nav a::after {content:"";position:absolute;bottom:0;left:50%;width:5px;height:5px;background:#B883DC;border:1px solid #EAC47A;transform:translateX(-50%) rotate(45deg);opacity:0}
[data-skin] .wv-nav a:is(:hover,:focus-visible) {color:#FFF0B9;text-decoration:none}
[data-skin] .wv-nav a:is(:hover,:focus-visible)::after {opacity:1}
[data-skin] .wv-nav a:active {color:#D8A9F1}
[data-skin] .wv-header__actions {gap:.8rem}
[data-skin] .wv-language summary {padding:0 .3rem;border-bottom:1px solid #71523B}
[data-skin] .wv-language[open] summary {color:#F7D996}
[data-skin] .wv-language>div {background:#191221;border:1px solid #AA8752;box-shadow:inset 0 0 0 3px #09080E,0 12px 30px #0009}
[data-skin] .wv-language a:hover {background:#392346;color:#FFF0C5}
[data-skin] .wv-preview {background:#090810;border-color:#3F2B50;color:#BEB1CD}
[data-skin] .wv-preview :is(button,select) {border-color:#8D749D;background:#1B1225;color:#F5EEE3}
/* CSS-only layered buttons. HTML labels stay above non-interactive artwork. */
[data-skin] .wv-button {position:relative;isolation:isolate;min-height:64px;padding:1rem 2.6rem;border:0;border-radius:0;background:transparent;color:#FFF1DC;font-size:1rem;font-weight:700;box-shadow:none;transition:color 140ms ease,transform 140ms ease;text-shadow:0 1px 3px #030208}
[data-skin] .wv-button::before {content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;border-style:solid;border-width:0 46px;border-image: url('../img/royal-arcane-v2/button-obsidian.webp') 0 140 fill / 0 46px / 0 stretch;filter:drop-shadow(0 3px 5px #0008);transition:filter 140ms ease}
[data-skin] .wv-button--primary,[data-skin] .wv-button--primary:visited {color:#1B110A;background:transparent;text-shadow:0 1px 0 #FFF0B25C}
[data-skin] .wv-button--primary::before {inset:-10px -4px;border-image-source:url('../img/royal-arcane-v2/button-gold.webp');border-image-slice:0 108 fill;border-image-width:0 66px;filter:brightness(1.12) drop-shadow(0 3px 5px #0008)}
[data-skin] .wv-button:visited {color:#FFF1DC}
[data-skin] .wv-button--primary:visited {color:#1B110A}
[data-skin] .wv-button:hover {color:#FFF8E6;background:transparent;text-decoration:none}
[data-skin] .wv-button--primary:hover {color:#140B05;background:transparent}
[data-skin] .wv-button:hover::before {filter:brightness(1.12) drop-shadow(0 3px 7px #0008)}
[data-skin] .wv-button:active {transform:translateY(1px);background:transparent}
[data-skin] .wv-button:active::before {filter:brightness(.94);box-shadow:none}
[data-skin] .wv-button--primary:hover::before {filter:brightness(1.2) drop-shadow(0 3px 7px #0008)}
[data-skin] .wv-button--primary:active::before {filter:brightness(1.10)}
[data-skin] .wv-button:focus-visible {outline:2px solid var(--color-focus);outline-offset:5px;box-shadow:none}
[data-skin] .wv-actions {gap:1rem}
/* Richest identity moment: Winnera on a royal banner, living HTML below. */
[data-skin] .wv-hero {gap:2.6rem;padding:3.5rem 0 3rem;isolation:isolate}
[data-skin] .wv-hero::before {content:"";position:absolute;inset:12px -24px;z-index:-1;background:radial-gradient(ellipse at 30% 24%,#4B206442,transparent 70%);pointer-events:none}
[data-skin] .wv-hero__copy>.wv-eyebrow {text-align:center;color:#E7D3B0;margin-bottom:.15rem}
[data-skin] .wn-home-v1 .wv-hero h1 {position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:3;width:100%;margin:0 0 .8rem;font-size:clamp(2.2rem,5vw,4.35rem);line-height:1;letter-spacing:.015em;text-align:center;color:#F6D181;text-shadow:0 2px 0 #7F4E22,0 4px 5px #000}
[data-skin] .wv-hero h1::before {content:"";position:absolute;inset:0;z-index:-1;background:url('../img/royal-arcane-v2/brand-banner.webp') center/contain no-repeat;pointer-events:none}
[data-skin] .wv-hero h1 span {padding-bottom:4px}
[data-skin] .wv-hero__description {color:#E0D1E2;max-width:46ch;font-size:1.125rem}
[data-skin] .wv-facts {gap:.55rem .7rem;margin:1.4rem 0 1.2rem;align-items:center}
[data-skin] .wv-facts li {display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #6C515B;padding:.3rem .75rem;background:#171322;font-size:.8125rem;box-shadow:inset 0 0 0 2px #0B0911}
[data-skin] .wv-facts li+li {border-left:1px solid #6C515B;padding-left:.75rem}
[data-skin] .wv-facts li:first-child {color:#F4CFB9;background:linear-gradient(120deg,#391527,#201320);border-color:#A36A57}
[data-skin] .wv-facts li:nth-child(2) {position:relative;min-height:42px;padding:.4rem 1.1rem;font:700 1.15rem/1.2 var(--wn-font-body);color:#FFE4A7;border-color:#CBA76A;background:linear-gradient(130deg,#34203D,#15121D);box-shadow:inset 0 0 0 3px #18101F,0 2px 12px #5F2E7833}
[data-skin] .wv-facts li:nth-child(3),[data-skin] .wv-facts li:nth-child(4) {color:#C8D4E3;background:#111A27;border-color:#546071}
[data-skin] .wv-hero .wv-actions .wv-button {flex:1;min-width:190px}
[data-skin] .wv-hero__help {margin-top:.8rem}
[data-skin] .wv-hero__art {align-self:stretch;aspect-ratio:auto;min-height:470px;border:0;background:#140E1F;box-shadow:0 0 60px #6C309833,0 18px 30px #0009;isolation:isolate}
[data-skin] .wv-hero__art picture {position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);overflow:hidden}
[data-skin] .wv-hero__art picture img {width:100%;height:100%;object-fit:cover;object-position:100% center;filter:saturate(.9) brightness(.78)}
[data-skin] .wv-hero__art::before {content:"";position:absolute;inset:-12px;z-index:3;pointer-events:none;border:60px solid transparent;border-image:var(--rv-rich-frame) 100 / 60px / 0 stretch}
[data-skin] .wv-hero__art::after {content:"";position:absolute;inset:14px;background:linear-gradient(0deg,#150C28B8,transparent 48%),linear-gradient(110deg,#55267C4D,transparent 65%);pointer-events:none}
[data-skin] .wv-hero__crown {position:absolute;z-index:4;left:50%;top:-25px;transform:translateX(-50%);width:160px;height:auto;pointer-events:none}
[data-skin] .wv-hero__seal {position:absolute;z-index:4;right:30px;bottom:28px;width:60px;height:70px;background:var(--rv-disc) center/contain no-repeat;border:0;color:#F4D385;font-size:1.55rem;text-shadow:0 2px 3px #000}
/* One world information ledger. Calm shared material, one frame, no individual boxes. */
[data-skin] .wv-rates {position:relative;isolation:isolate;margin:0;padding:1.65rem 2.15rem;border:0;background:linear-gradient(#15101BEF,#0E111BED),var(--rv-stone);box-shadow:0 9px 24px #0005}
[data-skin] .wv-rates::before {content:"";position:absolute;inset:-4px;z-index:-1;border:30px solid transparent;border-image:var(--rv-frame) 100 / 30px / 0 stretch;pointer-events:none}
[data-skin] .wv-rates h2 {color:#EACD96}
[data-skin] .wv-rates dl {gap:1.25rem}
[data-skin] .wv-rates dl>div+div {padding-left:1rem;border-left:1px solid #66503980}
[data-skin] .wv-rates dd {color:#F2DDAD}
[data-skin] .wv-rates dl>div:first-child dd {font-size:1.8rem}
[data-skin] .wv-rates p {color:#C5B8C9}
/* Section titles become manuscript headings; body copy remains contemporary sans. */
[data-skin] .wv-section {padding:3.5rem 0;border-bottom-color:#55435B}
[data-skin] .wv-section-head {margin-bottom:1.8rem}
[data-skin] .wv-section-head>div {position:relative;padding-left:20px;border-left:2px solid #B59057}
[data-skin] .wv-section-head>div::before {content:"";position:absolute;left:-5px;top:2px;width:8px;height:8px;transform:rotate(45deg);background:#8249A7;border:1px solid #E3C071}
[data-skin] .wv-section-head>p {color:#C4B7CE}
/* Two game reports and an editorial folio: related materials, different emphasis. */
[data-skin] .wv-boost {position:relative;isolation:isolate;padding:1.7rem 1.6rem;gap:1.3rem;border:0;background:linear-gradient(125deg,#2D1B26ED,#14111BEF),var(--rv-stone)}
[data-skin] .wv-boost::before {content:"";position:absolute;inset:-3px;border:26px solid transparent;border-image:var(--rv-frame) 100 / 26px / 0 stretch;z-index:-1;pointer-events:none}
[data-skin] .wv-boost+.wv-boost {background:linear-gradient(120deg,#1F2740F5,#111825EB),var(--rv-stone)}
[data-skin] .wv-boost__sprite {position:relative;isolation:isolate;flex:0 0 80px;width:80px;height:80px;background:transparent;color:#CABEE4}
[data-skin] .wv-boost__sprite::before {content:"";position:absolute;inset:-10px -5px;z-index:-1;background:var(--rv-disc) center/contain no-repeat;pointer-events:none}
[data-skin] .wv-boost__sprite img {width:52px;height:52px;object-fit:contain}
[data-skin] .wv-boost+.wv-boost .wv-boost__sprite::before {filter:saturate(.4)}
[data-skin] .wv-boost h3 {font-family:var(--wn-font-body);font-size:1.15rem;color:#FFF0CD}
[data-skin] .wv-changes {position:relative;isolation:isolate;border:0;padding:2.1rem 2.1rem;background:linear-gradient(130deg,#281731EE,#100F19F5),var(--rv-stone)}
[data-skin] .wv-changes::before {content:"";position:absolute;inset:-4px;border:35px solid transparent;border-image:var(--rv-frame) 100 / 35px / 0 stretch;z-index:-1;pointer-events:none}
[data-skin] .wv-changes::after {content:"";position:absolute;right:10px;top:4px;width:58px;aspect-ratio:1;background:url('../img/royal-arcane-v2/corner-gold.webp') center/contain no-repeat;transform:scaleX(-1);pointer-events:none;opacity:.8}
[data-skin] .wv-changes>h3 {font-family:var(--wn-font-display);font-size:1.3rem;border-bottom:1px solid #765A54;padding-bottom:.75rem;margin-bottom:1rem}
[data-skin] .wv-badge {background:#3B204B;border-color:#A07A94;color:#F1D5EE;padding:.2rem .6rem;box-shadow:inset 0 0 0 2px #1A1125}
/* Six crests: a game system collection, without six oversized frames. */
[data-skin] .wv-path {gap:1.4rem}
[data-skin] .wv-path__card {isolation:isolate;border:1px solid #71513F;background:linear-gradient(155deg,#21182FED,#101018F2),var(--rv-stone);padding:1.65rem 1.6rem;box-shadow:inset 0 0 0 4px #100C1680,0 6px 14px #0004}
[data-skin] .wv-path__card::before {content:"";position:absolute;inset:4px;z-index:-1;border:1px solid #684C3866;pointer-events:none}
[data-skin] .wv-path__card::after {content:"";position:absolute;right:12px;top:12px;width:6px;height:6px;transform:rotate(45deg);background:var(--path-metal,#B39567);box-shadow:0 0 10px #9A5BC740;pointer-events:none}
[data-skin] .wv-path__icon {position:relative;isolation:isolate;display:grid;place-items:center;width:76px;height:88px;margin:0 0 .85rem;color:var(--path-metal,#F2D38E)}
[data-skin] .wv-path__icon::before {content:"";position:absolute;inset:0;z-index:-1;background:var(--rv-disc) center/contain no-repeat;pointer-events:none}
[data-skin] .wv-path__icon svg {display:block;width:32px;height:32px;filter:drop-shadow(0 2px 1px #000);stroke-width:1.45}
[data-skin] .wv-path__card h3 {font-family:var(--wn-font-display);font-size:1.22rem;line-height:1.35;color:#F0D49D}
[data-skin] .wv-path__card p {line-height:1.6}
[data-skin] .wv-path__card--party {--path-metal:#D7B1F1;background:linear-gradient(135deg,#321D44ED,#14101DF2),var(--rv-stone);border-color:#7C5B96}
[data-skin] .wv-path__card--attack {--path-metal:#C5D7ED;background:linear-gradient(145deg,#202B40E8,#10141DF5),var(--rv-stone);border-color:#667186}
[data-skin] .wv-path__card--attack .wv-path__icon::before {filter:saturate(.4)}
[data-skin] .wv-path__card--milestones {--path-metal:#F0C48E;border-left:3px solid #A67D4A}
[data-skin] .wv-path__card--activity {--path-metal:#CBBEDA;border-top-color:#85738A}
[data-skin] .wv-path__card--points {--path-metal:#FFE198;background:linear-gradient(135deg,#2E2038F2,#17111CED),var(--rv-stone);border-top:2px solid #C29C54}
/* The strongest ceremony after Hero. One draped champion; four readable contenders. */
[data-skin] .wv-champions {position:relative;padding-top:4.5rem;border-bottom:0}
[data-skin] .ra-champions-divider {position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:min(64%,640px);height:auto;pointer-events:none}
[data-skin] .wv-ranking {gap:1.2rem}
[data-skin] .wv-rank {position:relative;isolation:isolate;border:1px solid #685741;background:linear-gradient(110deg,#191822F2,#11141CED),var(--rv-stone);padding:1.4rem 1.6rem}
[data-skin] .wv-rank--1 {border:0;padding:2.25rem 2.5rem;background:radial-gradient(ellipse at 50% 35%,#4A256B99,transparent 65%),linear-gradient(#21132EE8,#100D19ED),var(--rv-stone);box-shadow:0 12px 28px #0006}
[data-skin] .wv-rank--1::before {content:"";position:absolute;inset:-8px;z-index:-1;border:52px solid transparent;border-image:var(--rv-rich-frame) 100 / 52px / 0 stretch;pointer-events:none}
[data-skin] .wv-rank--1 .wv-rank__position {position:relative;isolation:isolate;display:grid;place-items:center;width:120px;height:128px;border:0;transform:none;color:#FFE2A1;font:600 3.15rem/1 var(--wn-font-numeric);text-shadow:0 3px 3px #000}
[data-skin] .ra-champion-crest {position:absolute;inset:0;z-index:-1;width:120px;height:auto;pointer-events:none}
[data-skin] .wv-rank--1 .wv-rank__identity>a {font-size:1.75rem;color:#FFDEA0}
[data-skin] .wv-rank--1 .wv-rank__value {color:#FFF0CC;font-size:1.8rem}
[data-skin] .wv-rank--2 {background:linear-gradient(120deg,#253046F2,#111924EF),var(--rv-stone);border-color:#8390A4}
[data-skin] .wv-rank--2 .wv-rank__position {color:#D8E5F4}
[data-skin] .wv-rank--3 {background:linear-gradient(110deg,#342032F2,#1B1420EF),var(--rv-stone);border-color:#A07852}
[data-skin] .wv-rank--3 .wv-rank__position {color:#E9BF92}
[data-skin] .wv-rank:not(.wv-rank--1) .wv-rank__position {display:grid;place-items:center;width:34px;height:40px;border:1px solid currentColor;clip-path:polygon(10% 0,90% 0,100% 20%,100% 75%,50% 100%,0 75%,0 20%);background:#0B0C1680}
[data-skin] .wv-rank--4,[data-skin] .wv-rank--5 {border-color:#4F424E;background:#111017}
/* The road remains a promise, then the guild hall opens. */
[data-skin] .wv-season-teaser {position:relative;margin-top:.3rem;padding:1.7rem 1.4rem;border-top:1px solid #665146;border-bottom:1px solid #584058;background:linear-gradient(90deg,#22152E,transparent 90%)}
[data-skin] .wv-season-teaser>span {width:54px;flex:0 0 54px;line-height:1.8;color:#E4B979;font-size:2.2rem;text-align:center}
[data-skin] .wv-season-teaser h2 {color:#EAD7BA}
[data-skin] .wv-community {position:relative;isolation:isolate;margin:2.7rem 0 1.7rem;padding:2.8rem;gap:2.5rem;background:radial-gradient(ellipse at 16% 30%,#512770C7,transparent 80%),linear-gradient(110deg,#281535,#121528);border:0;box-shadow:0 9px 20px #0005}
[data-skin] .wv-community::before {content:"";position:absolute;inset:-5px;border:38px solid transparent;border-image:var(--rv-frame) 100 / 38px / 0 stretch;pointer-events:none;z-index:-1}
[data-skin] .wv-community::after {content:"";position:absolute;right:4px;top:0;width:88px;aspect-ratio:1;transform:scaleX(-1);background:url('../img/royal-arcane-v2/corner-arcane.webp') center/contain no-repeat;pointer-events:none;opacity:.85}
[data-skin] .wv-community p {color:#DBCEE2}
[data-skin] .wv-community li::marker {color:#E9C47F}
[data-skin] .wv-community .wv-button--primary {color:#FFF1DC;text-shadow:0 1px 3px #000}
[data-skin] .wv-community .wv-button--primary::before {inset:-2px -4px;border-image-source:url('../img/royal-arcane-v2/button-purple.webp');border-image-slice:0 131 fill;border-image-width:0 55px;filter:drop-shadow(0 3px 5px #0008)}
[data-skin] .wv-community .wv-button--primary:hover::before {filter:brightness(.95)}
[data-skin] .wv-community .wv-button--primary:active::before {filter:brightness(.94)}
[data-skin] .wv-final {position:relative;padding:2.2rem 1.5rem 2.6rem;border-top:0;background:linear-gradient(180deg,#17102090,#09090E);gap:2rem}
[data-skin] .wv-final::before {content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:170px;height:32px;background:var(--rv-divider) center/contain no-repeat;pointer-events:none}
[data-skin] .wv-final .wv-actions {flex-shrink:0}
@media(min-width:620px) {[data-skin] .wv-final .wv-button--primary {padding-inline:3.4rem}}
[data-skin] .wv-final>p {color:#EFDCB3}
[data-skin] .wv-footer {background:linear-gradient(#130E1A,#08080D);border-top-color:#80613F}
[data-skin] .wv-footer__brand {color:#E7C78C}
[data-skin] .wv-footer nav a {color:#C6B9CA}
[data-skin] .wv-footer nav a:hover {color:#F7DB9F}
/* The World instrument uses panel edges, with no decorative text or status values. */
[data-skin] .wv-status__trigger,[data-skin] .wv-status__fallback {position:relative;isolation:isolate;border:0;border-radius:0;padding:.7rem 1.15rem;background:transparent;min-height:46px;color:#FFF0D8}
[data-skin] .wv-status__trigger::before,[data-skin] .wv-status__fallback::before {content:"";position:absolute;inset:-2px -3px;z-index:-1;pointer-events:none;border-style:solid;border-width:0 36px;border-image:url('../img/royal-arcane-v2/button-obsidian.webp') 0 140 fill / 0 36px / 0 stretch}
[data-skin] .wv-status__trigger:is(:hover,:active),[data-skin] .wv-status__trigger[aria-expanded="true"] {color:#FFE5AA;background:transparent}
[data-skin] .wv-status__trigger:hover::before {filter:brightness(1.15)}
[data-skin] .wv-status__trigger[aria-expanded="true"]::before {filter:brightness(1.16) drop-shadow(0 0 4px #7F49A160)}
[data-skin] .wv-status__panel {isolation:isolate;width:430px;padding:2.2rem 1.7rem 1.6rem;background:linear-gradient(130deg,#1C1B2AF2,#0D1523FA),var(--rv-stone);border:1px solid #B68B50;box-shadow:inset 0 0 0 4px #0C0E18,0 16px 45px #000B}
[data-skin] .wv-status__panel::before {content:"";position:absolute;top:7px;right:8px;width:62px;aspect-ratio:1;background:url('../img/royal-arcane-v2/corner-gold.webp') center/contain no-repeat;transform:scaleX(-1);pointer-events:none}
[data-skin] .wv-status__panel h2 {color:#F2D391;padding:0 45px .85rem 0;border-bottom:1px solid #755B49;font-size:1.5rem}
[data-skin] .wv-status__panel dl>div {border-bottom:1px solid #394052;padding-bottom:.45rem}
[data-skin] .wv-status__panel dt {color:#BEBDD2}
[data-skin] .wv-status__panel dd {color:#F5EEE3}
[data-skin] .wv-status__panel .wv-state[data-state="available"] {color:var(--color-success)}
[data-skin] .wv-status__panel .wv-state[data-state="no_response"] {color:var(--color-warning)}
[data-skin] .wv-menu,[data-skin] .wv-drawer button {border:1px solid #B49360;background:linear-gradient(#2B1B39,#16101F);color:#F0E4D9;box-shadow:inset 0 0 0 2px #0B0911}
[data-skin] .wv-menu:is(:hover,:active),[data-skin] .wv-drawer button:is(:hover,:active) {background:#43294F}
[data-skin] .wv-drawer__panel {background:linear-gradient(150deg,#291932E8,#0B0D16F2),var(--rv-stone);border-left:1px solid #BE975E}
[data-skin] .wv-drawer__head h2 {color:#F2D59B}
[data-skin] .wv-drawer nav a {border-color:#634463;color:#EBDCBF}
[data-skin] .wv-drawer nav a:hover {background:#352143;color:#FFF2CE}
/* States are independent of ornament; focus remains a real browser outline. */
[data-skin] :is(.wv-header,.wv-footer,.wv-drawer,.wn-home-v1) :focus-visible {outline:2px solid var(--color-focus);outline-offset:5px;box-shadow:none}
[data-skin] .wn-home-v1 .wv-button:is(:disabled,[aria-disabled="true"]),[data-skin] .wv-header button:disabled {color:#C2B6CF;background:#251B2E;border:1px solid #937EA4;opacity:1;cursor:not-allowed;text-shadow:none;transform:none}
[data-skin] .wv-button:is(:disabled,[aria-disabled="true"])::before,[data-skin] .wv-status__trigger:disabled::before {display:none}
@media(max-width:1099px) {
 [data-skin] .wv-hero {gap:2rem;padding-top:2.6rem}
 [data-skin] .wv-hero__art {min-height:430px}
 [data-skin] .wn-home-v1 .wv-hero h1 {font-size:clamp(2rem,4.8vw,3.4rem)}
 [data-skin] .wv-hero .wv-actions .wv-button {min-width:160px}
 [data-skin] .wv-hero__art::before {border-image-width:45px}
 [data-skin] .wv-community {padding:2.3rem;gap:1.7rem}
 [data-skin] .wv-final {align-items:start}
}
@media(max-width:619px) {
 [data-skin] .wv-header__inner {min-height:70px;gap:.4rem;padding-left:12px;padding-right:12px}
 [data-skin] .wv-brand img {width:31px;height:35px}
 [data-skin] .wv-header__actions {gap:.4rem}
 [data-skin] .wv-status__trigger,[data-skin] .wv-status__fallback {padding:.55rem .65rem;min-height:44px;font-size:.8125rem}
 [data-skin] .wv-status__trigger::before,[data-skin] .wv-status__fallback::before {inset:0 -1px;border-image-width:0 30px}
 [data-skin] .wv-language summary {padding:0}
 [data-skin] .wv-hero {padding:1.8rem 0 1.7rem;display:block}
 [data-skin] .wv-hero::before {inset:0 -8px;background:linear-gradient(180deg,#120B23C7,#09080EF5 55%,#09080E),url('../img/royal-arcane-v2/tibia-world.webp') 62% top/auto 260px no-repeat}
 [data-skin] .wv-hero__copy>.wv-eyebrow {font-size:.75rem;letter-spacing:.08em}
 [data-skin] .wn-home-v1 .wv-hero h1 {font-size:clamp(2rem,10.4vw,3rem);margin:0 0 .65rem}
 [data-skin] .wv-hero__description {font-size:1rem}
 [data-skin] .wv-facts {gap:.5rem;margin:1rem 0 1.2rem}
 [data-skin] .wv-facts li {padding:.25rem .55rem;min-height:30px}
 [data-skin] .wv-facts li+li {padding-left:.55rem}
 [data-skin] .wv-facts li:nth-child(2) {font-size:1.125rem;min-height:36px;padding:.35rem .7rem}
 [data-skin] .wv-hero .wv-actions {gap:.65rem}
 [data-skin] .wv-hero .wv-actions .wv-button {min-width:0}
 [data-skin] .wv-button {min-height:62px;font-size:1rem;padding:.9rem 2.25rem}
 [data-skin] .wv-rates {padding:1.4rem}
 [data-skin] .wv-rates::before {inset:-2px;border-image-width:24px}
 [data-skin] .wv-rates dl {gap:.75rem 1rem}
 [data-skin] .wv-rates dl>div+div {padding-left:0;border-left:0}
 [data-skin] .wv-rates dl>div:first-child {border-bottom:1px solid #66503980;padding-bottom:.75rem}
 [data-skin] .wv-rates dl>div:first-child dd {font-size:1.6rem}
 [data-skin] .wv-section {padding:2.4rem 0}
 [data-skin] .wv-section-head>div {padding-left:15px}
 [data-skin] .wv-section-head {margin-bottom:1.4rem}
 [data-skin] .wv-boost {padding:1.3rem 1rem;gap:.85rem}
 [data-skin] .wv-boost__sprite {width:58px;height:64px;flex-basis:58px}
 [data-skin] .wv-boost__sprite img {width:42px;height:42px}
 [data-skin] .wv-boost__sprite::before {inset:-5px -3px}
 [data-skin] .wv-boost h3 {font-size:1.1rem}
 [data-skin] .wv-changes {padding:1.65rem 1.5rem}
 [data-skin] .wv-changes::before {border-image-width:26px}
 [data-skin] .wv-changes::after {width:40px;right:5px}
 [data-skin] .wv-path {gap:1.15rem}
 [data-skin] .wv-path__card {padding:1.3rem}
 [data-skin] .wv-path__icon {width:64px;height:76px}
 [data-skin] .wv-path__icon svg {width:29px;height:29px}
 [data-skin] .wv-champions {padding-top:3.1rem}
 [data-skin] .ra-champions-divider {top:-18px;width:80%;max-width:300px}
 [data-skin] .wv-ranking {gap:1rem}
 [data-skin] .wv-rank {padding:1rem .9rem;gap:.65rem}
 [data-skin] .wv-rank--1 {padding:1.8rem 1.5rem}
 [data-skin] .wv-rank--1::before {inset:-4px;border-image-width:35px}
 [data-skin] .wv-rank--1 .wv-rank__position {width:104px;height:110px;font-size:2.6rem}
 [data-skin] .ra-champion-crest {width:104px}
 [data-skin] .wv-rank--1 .wv-rank__identity>a {font-size:1.5rem}
 [data-skin] .wv-rank--1 .wv-rank__value {font-size:1.6rem}
 [data-skin] .wv-rank:not(.wv-rank--1) .wv-rank__position {width:25px;height:33px;font-size:1.2rem}
 [data-skin] .wv-rank:not(.wv-rank--1) .wv-rank__value {max-width:35%}
 [data-skin] .wv-season-teaser {padding:1.3rem .75rem;margin-top:.25rem}
 [data-skin] .wv-community {margin:2rem 0 1.8rem;padding:1.75rem 1.5rem;gap:1rem}
 [data-skin] .wv-community::before {border-image-width:27px}
 [data-skin] .wv-community::after {width:58px;opacity:.65}
 [data-skin] .wv-community .wv-actions {align-items:start}
 [data-skin] .wv-final {padding:1.8rem .3rem 2rem;gap:1.2rem}
 [data-skin] .wv-final .wv-actions {gap:.65rem}
 [data-skin] .wv-status__panel {left:8px;right:8px;width:auto;max-height:calc(100dvh - 120px);padding:1.55rem 1.1rem 1.1rem}
 [data-skin] .wv-status__panel::before {width:44px}
 [data-skin] .wv-status__panel h2 {font-size:1.4rem}
 [data-skin] .wv-status__panel dl {gap:.65rem}
 [data-skin] .wv-status__panel dl>div {padding-bottom:.3rem}
}
@media(prefers-reduced-motion:reduce) {[data-skin] *,[data-skin] *::before,[data-skin] *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active) {
 [data-skin] .wn-body,[data-skin] .wv-header,[data-skin] .wv-footer,[data-skin] .wv-hero,[data-skin] .wv-rates,[data-skin] .wv-boost,[data-skin] .wv-changes,[data-skin] .wv-path__card,[data-skin] .wv-rank,[data-skin] .wv-community,[data-skin] .wv-final,[data-skin] .wv-season-teaser,[data-skin] .wv-status__panel,[data-skin] .wv-drawer__panel {background:Canvas;color:CanvasText;box-shadow:none}
 [data-skin] *::before,[data-skin] *::after,[data-skin] .wv-hero__crown,[data-skin] .ra-champion-crest,[data-skin] .ra-champions-divider {display:none!important}
 [data-skin] .wn-home-v1 :is(h1,h2,h3,h4),[data-skin] .wv-status__panel h2 {color:CanvasText;text-shadow:none}
 [data-skin] .wv-button,[data-skin] .wv-button:hover,[data-skin] .wv-button:visited,[data-skin] .wv-status__trigger,[data-skin] .wv-menu {background:ButtonFace;color:ButtonText;border:1px solid ButtonText;text-shadow:none;transform:none}
 [data-skin] .wv-path__card,[data-skin] .wv-rank,[data-skin] .wv-facts li,[data-skin] .wv-boost {border:1px solid CanvasText}
 [data-skin] .wv-path__icon svg {filter:none}
 [data-skin] .wv-rank__position,[data-skin] .wv-brand img {filter:none;clip-path:none;text-shadow:none}
 [data-skin] .wv-hero h1 {aspect-ratio:auto;padding:1rem 0}
}
