/* Arena 9 — optional visual layer. No global Bootstrap resets or payment styles. */
html[data-arena-appearance="on"] { --a9-badge-bg:var(--n-accent-soft); --a9-badge-ink:var(--n-link); --a9-art-alpha:.94; }
html[data-arena-appearance="on"] body.n-next .arena9-heading { display:flex; align-items:center; gap:10px; min-width:0; }
html[data-arena-appearance="on"] body.n-next .arena9-heading-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 32px; width:32px; height:32px; border-radius:11px; color:var(--a9-badge-ink); background:var(--a9-badge-bg); border:1px solid color-mix(in srgb, var(--n-link) 16%, transparent); vertical-align:middle; line-height:1; }
html[data-arena-appearance="on"] body.n-next .arena9-heading-icon svg { width:18px; height:18px; display:block; flex:none; }
html[data-arena-appearance="on"] body.n-next .arena9-heading > .m-icon,
html[data-arena-appearance="on"] body.n-next .arena9-heading > .n-status-dot { display:none; }
html[data-arena-appearance="on"] body.n-next .arena9-heading > a.small,
html[data-arena-appearance="on"] body.n-next .arena9-heading > .float-right { margin-left:auto; }
html[data-arena-appearance="on"] body.n-next .arena-rail-disclosure > summary.arena9-heading { flex-wrap:nowrap; }
html[data-arena-appearance="on"] body.n-next .arena-rail-disclosure > summary.arena9-heading > span:not(.arena9-heading-icon) { min-width:0; }
html[data-arena-appearance="on"] body.n-next .arena-rail-disclosure > summary.arena9-heading > small { max-width:42%; min-width:0; }
html[data-arena-appearance="on"] body.n-next .arena-panel-icon svg { width:21px; height:21px; }

/* Donation art is behind the real fields. No cloned form, currency or fake totals. */
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard.block { position:relative; isolation:isolate; background:var(--n-surface); box-shadow:inset 0 1px 0 rgba(150,205,244,.04); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard > .arena9-donation-art { position:absolute; z-index:-1; pointer-events:none; top:82px; right:0; bottom:26px; width:55%; overflow:hidden; border-radius:0 0 20px 0; opacity:var(--a9-art-alpha); transition:opacity .2s ease; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard > .arena9-donation-art img { width:100%; height:100%; max-width:none; object-fit:contain; object-position:right center; mask-image:linear-gradient(90deg,transparent,#000 17%); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard > .arena9-donation-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--n-surface),transparent 45%),linear-gradient(0deg,var(--n-surface),transparent 25%,transparent 80%,var(--n-surface)); pointer-events:none; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-panel-heading { margin-bottom:12px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-panel-heading h2 { font-size:16px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-panel-heading .arena-panel-kicker { font-size:8px; letter-spacing:.12em; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-panel-heading .arena-panel-icon { width:32px; height:32px; flex:0 0 32px; border-radius:11px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-tabs { margin-bottom:12px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-tabs button { min-height:35px; background:color-mix(in srgb,var(--n-surface-2) 90%,transparent); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-tabs button.active { background:var(--n-accent-soft); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard #dw_donations > .arena-donation { background:transparent!important; box-shadow:none; border:0; padding:0; margin:0; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-target { font-size:9px; margin-bottom:6px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard #dw_target { max-width:69%; min-height:43px; font-size:14px; line-height:1.55; font-weight:650; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-totals { position:relative; flex-wrap:wrap; justify-content:flex-start; align-items:baseline; gap:5px 7px; margin-top:8px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-totals strong { font-size:23px; padding:2px 6px 2px 0; border-radius:5px; text-shadow:0 1px 5px var(--n-surface); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-totals > span { padding:3px 5px; border-radius:6px; background:color-mix(in srgb,var(--n-surface) 88%,transparent); color:var(--n-muted); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-progress { box-shadow:0 0 0 3px color-mix(in srgb,var(--n-surface) 80%,transparent); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-progress-meta > span { background:color-mix(in srgb,var(--n-surface) 80%,transparent); border-radius:4px; padding:1px 3px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-form { margin-top:8px!important; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-amount label,
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-comment label { display:block; font-size:11px; line-height:1.4; margin-bottom:5px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-comment { display:block; grid-column:1/-1; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-comment input { width:100%; height:40px; min-height:40px; font-size:13px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-form:has(.arena-donation-comment) #send_button_donate { grid-column:1/-1; width:100%; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard[data-arena9-tab="supporters"] > .arena9-donation-art { opacity:.24; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-person { background:color-mix(in srgb,var(--n-surface-2) 94%,transparent); }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-panel-footer { position:relative; background:var(--n-surface); margin-top:8px; padding-top:10px; }
html[data-arena-appearance="on"][data-theme="light"] { --a9-art-alpha:.80; }
html[data-arena-appearance="on"][data-theme="light"] body.n-next .arena9-donation-artcard > .arena9-donation-art img { filter:brightness(1.22) saturate(.82); }

/* Winter and Halloween are independent of the visitor's light/dark choice. */
html[data-arena-appearance="on"][data-arena-season="winter"] { --n-bg:#edf4f8; --n-surface:#fbfeff; --n-surface-2:#eff6fa; --n-surface-3:#dcebf3; --n-line:#c9dfea; --n-accent:#7acff1; --n-accent-hover:#a5e3fa; --n-accent-soft:#e0f1fa; --n-link:#1d6d98; --n-muted:#5c7486; --n-header:rgba(248,253,255,.97); --n-ring:#6caccc; --a9-halo:rgba(82,163,214,.10); }
html[data-arena-appearance="on"][data-arena-season="winter"][data-theme="dark"] { --n-bg:#0c1520; --n-surface:#142232; --n-surface-2:#1c2f42; --n-surface-3:#293d51; --n-line:#2d465a; --n-accent:#8cdaf6; --n-accent-hover:#b9edff; --n-accent-soft:#213c51; --n-link:#a5dff6; --n-muted:#a7bdcd; --n-header:rgba(16,29,44,.97); --n-ring:#70b4cf; --a9-halo:rgba(114,205,246,.11); }
html[data-arena-appearance="on"][data-arena-season="halloween"] { --n-bg:#f6f1f7; --n-surface:#fffbf8; --n-surface-2:#f4edf2; --n-surface-3:#e8dfe9; --n-text:#31253c; --n-muted:#75627d; --n-line:#e5d5e3; --n-accent:#f5a259; --n-accent-hover:#ffc18b; --n-accent-ink:#37233a; --n-accent-soft:#f9e5d6; --n-link:#934014; --n-header:rgba(255,249,246,.97); --n-ring:#c98e63; --a9-halo:rgba(152,96,192,.10); }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="dark"] { --n-bg:#141019; --n-surface:#211a28; --n-surface-2:#2c2236; --n-surface-3:#382c43; --n-text:#f4edf6; --n-muted:#bdaec9; --n-line:#43304c; --n-accent:#f1a255; --n-accent-hover:#ffc58b; --n-accent-ink:#332037; --n-accent-soft:#493128; --n-link:#ffc187; --n-header:rgba(30,22,38,.98); --n-ring:#ac7849; --a9-halo:rgba(176,92,223,.13); }
html[data-arena-appearance="on"]:not([data-arena-season="default"]) body.n-next { background:radial-gradient(ellipse at 90% 0,var(--a9-halo),transparent 38%),var(--n-bg); }
html[data-arena-appearance="on"]:not([data-arena-season="default"]) body.n-next .arena9-static-host { position:relative; }
html[data-arena-appearance="on"] body.n-next .arena9-corner-layer { position:absolute; left:-1px; right:-1px; top:-16px; height:52px; z-index:4; pointer-events:none!important; border-radius:0; overflow:visible; background-repeat:no-repeat; background-position:top center; background-size:calc(100% + 2px) 52px; }
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next .arena9-corner-layer { background-image:url('../img/appearance/snow-corners.svg'); filter:drop-shadow(0 2px 3px rgba(7, 25, 46, .10)); }
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next .arena9-surface { border-color:var(--n-line); box-shadow:inset 0 1px 0 rgba(209,239,255,.15),0 7px 24px rgba(3,33,58,.04); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena9-corner-layer { left:auto; right:-4px; top:-5px; width:84px; height:80px; background:url('../img/appearance/web-corner.svg') top right / contain no-repeat; opacity:.6; }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena9-surface { border-color:var(--n-line); box-shadow:inset 0 1px 0 rgba(217,142,239,.07),0 7px 24px rgba(52,10,69,.04); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-community-leaders > .arena9-corner-layer,
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .n-navigation-block > .arena9-corner-layer { background-image:url('../img/appearance/web-corner.svg'),url('../img/appearance/pumpkin.svg'); background-size:76px 74px,34px 32px; background-position:top right,calc(100% - 9px) calc(100% - 5px); background-repeat:no-repeat; }
html[data-arena-appearance="on"] body.n-next .arena9-banner { isolation:isolate; }
html[data-arena-appearance="on"] body.n-next .arena9-banner-layer { position:absolute; inset:0; border-radius:inherit; overflow:hidden; pointer-events:none!important; z-index:0; opacity:.55; background-position:right center; background-size:cover; }
html[data-arena-appearance="on"] body.n-next .n-server-card > .arena9-banner-layer { z-index:-1; opacity:.5; }
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next .arena9-banner-layer { background-image:url('../img/appearance/banner-winter.svg'); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena9-banner-layer { background-image:url('../img/appearance/banner-halloween.svg'); }
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next .arena-slide-art { filter:saturate(.85) brightness(1.05); }
html[data-arena-appearance="on"][data-arena-season="winter"][data-theme="light"] body.n-next .arena-slide-art { filter:saturate(.60) brightness(1.36); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-slide-art { filter:saturate(.95) brightness(1); }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .arena-slide-art { filter:saturate(.75) brightness(1.45); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-slide::after { background:linear-gradient(90deg,rgba(27,17,32,.98),rgba(27,17,32,.82) 37%,rgba(27,17,32,.08) 90%); }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .arena-slide::after { background:linear-gradient(90deg,#fff5ed,rgba(255,245,237,.94) 33%,rgba(255,245,237,.17) 90%); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-slide h2 em,
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-slide-kicker { color:#ffc487; }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .arena-slide h2 em,
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .arena-slide-kicker { color:#974814; }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-slide .btn-primary { background:var(--n-accent);border-color:var(--n-accent);color:var(--n-accent-ink)!important; }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-carousel-controls { background:var(--n-surface-2); border-color:var(--n-line); color:var(--n-muted); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-carousel-dots button.is-active > span,
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena-featured-load > span { background:var(--n-accent); }
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next .arena9-banner .map-image,
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next #case_banner img,
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next #activity-rewards-banner img { filter:saturate(.6) brightness(1.15); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .arena9-banner .map-image,
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next #case_banner img,
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next #activity-rewards-banner img { filter:sepia(.28) hue-rotate(322deg) saturate(.9); }

/* Fixed decorations do not reparent avatar <img>, break selectors, or intercept clicks. */
#arena9-avatar-layer { position:fixed; inset:0; z-index:1060; pointer-events:none!important; overflow:hidden; contain:layout paint; }
html[data-arena-appearance="on"][data-arena-season="halloween"] .arena9-avatar-decoration { transform:rotate(-12deg); transform-origin:20% 82%; }

#arena9-avatar-layer *, #arena9-atmosphere, #arena9-atmosphere * { pointer-events:none!important; user-select:none; }
.arena9-avatar-decoration { position:fixed; background-repeat:no-repeat; background-size:contain; transform:rotate(-16deg); transform-origin:22% 82%; }
#arena9-atmosphere { position:fixed; inset:0; z-index:1010; overflow:hidden; pointer-events:none!important; contain:strict; }
#arena9-atmosphere > i { position:absolute; left:var(--a9-x); top:-15px; width:var(--a9-size); height:var(--a9-size); border-radius:50%; background:#ddf5ff; opacity:.48; animation:a9-snow var(--a9-d) linear var(--a9-delay) infinite; }
html[data-arena-season="halloween"] #arena9-atmosphere > i { background:#ffac62; box-shadow:0 0 5px #e28859; opacity:.25; animation-name:a9-embers; }
body.modal-open #arena9-atmosphere { display:none; }
@keyframes a9-snow { 0%{transform:translate3d(0,-18px,0)} 50%{transform:translate3d(20px,50vh,0)} 100%{transform:translate3d(-12px,105vh,0)} }
@keyframes a9-embers { 0%{transform:translate3d(0,104vh,0);opacity:0} 20%{opacity:.38} 80%{opacity:.2} 100%{transform:translate3d(60px,-20px,0);opacity:0} }
@media(max-width:991px){
 html[data-arena-appearance="on"] body.n-next .arena-rail-disclosure > summary.arena9-heading { gap:8px; padding-top:10px; padding-bottom:10px; }
 html[data-arena-appearance="on"] body.n-next .arena-rail-disclosure .arena9-heading-icon { flex-basis:28px;width:28px;height:28px;border-radius:9px; }
 html[data-arena-appearance="on"] body.n-next .arena-rail-disclosure > summary.arena9-heading > small { max-width:39%; }
}
@media(max-width:767px){
 html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard > .arena9-donation-art { width:49%; top:73px; bottom:18px; }
 html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard #dw_target { max-width:68%; }
 html[data-arena-appearance="on"] body.n-next .arena9-heading { gap:9px; }
 html[data-arena-appearance="on"] body.n-next .n-section-heading .arena9-heading-icon { width:28px;height:28px;flex-basis:28px; }
 html[data-arena-appearance="on"] body.n-next .arena9-corner-layer { top:-12px;height:40px;background-size:calc(100% + 2px) 40px; }
}
@media(prefers-reduced-motion:reduce){
 #arena9-atmosphere{display:none!important;}
 html[data-arena-appearance="on"] body.n-next .arena9-donation-art{transition:none!important;}
}
html[data-arena-appearance="off"] .arena9-heading-icon,
html[data-arena-appearance="off"] .arena9-corner-layer,
html[data-arena-appearance="off"] .arena9-banner-layer,
html[data-arena-appearance="off"] .arena9-donation-art,
html[data-arena-appearance="off"] #arena9-avatar-layer,
html[data-arena-appearance="off"] #arena9-atmosphere { display:none!important; }
/* Align labels immediately after the icon, rather than inherited space-between. */
html[data-arena-appearance="on"] body.n-next .arena9-heading { justify-content:flex-start;flex-wrap:nowrap; }
html[data-arena-appearance="on"] body.n-next .arena9-heading-label { min-width:0;line-height:1.4;text-align:left; }
html[data-arena-appearance="on"] body.n-next .arena9-heading > .n-section-kicker { margin-left:auto; }
html[data-arena-appearance="on"] body.n-next .arena9-heading .n-chat-title > svg { display:none; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-target { display:none; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard #dw_target { min-height:38px;margin:0 0 8px;font-size:13px;line-height:1.5; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-totals { margin:4px 0 8px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-progress-meta { margin-bottom:8px; }
html[data-arena-appearance="on"] body.n-next .arena9-donation-artcard .arena-donation-form { margin-top:3px!important; }
html[data-arena-appearance="on"]:not([data-arena-season="default"]) body.n-next .n-server-connect a { background:var(--n-accent);border-color:var(--n-accent);color:var(--n-accent-ink)!important; }
html[data-arena-appearance="on"]:not([data-arena-season="default"]) body.n-next .n-server-load > span { background:var(--n-accent); }
html[data-arena-appearance="on"]:not([data-arena-season="default"]) body.n-next .arena-featured-copy { color:var(--n-link);border-color:var(--n-line);background:var(--n-accent-soft); }
/* Compatibility with the other delivered V8 layout (showcase.js / av8-*). */
html[data-arena-appearance="on"] body.n-next .av8-widget-icon svg { width:21px;height:21px; }
html[data-arena-appearance="on"] body.n-next .av8-donation.arena9-donation-artcard .arena-donation-form { gap:8px; }
html[data-arena-appearance="on"] body.n-next .av8-donation.arena9-donation-artcard .arena-donation-progress { margin-bottom:6px; }
html[data-arena-appearance="on"][data-arena-season="winter"] body.n-next .av8-slide-art { filter:saturate(.85) brightness(1.05); }
html[data-arena-appearance="on"][data-arena-season="winter"][data-theme="light"] body.n-next .av8-slide-art { filter:saturate(.6) brightness(1.36); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .av8-slide-art { filter:saturate(.95) brightness(1); }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .av8-slide-art { filter:saturate(.75) brightness(1.45); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .av8-slide-shade { background:linear-gradient(90deg,rgba(27,17,32,.97),rgba(27,17,32,.82) 37%,rgba(27,17,32,.08) 90%); }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .av8-slide-shade { background:linear-gradient(90deg,#fff5ed,rgba(255,245,237,.94) 33%,rgba(255,245,237,.17) 90%); }
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .av8-slide h1 em,
html[data-arena-appearance="on"][data-arena-season="halloween"] body.n-next .av8-slide h2 em { color:#ffc487; }
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .av8-slide h1 em,
html[data-arena-appearance="on"][data-arena-season="halloween"][data-theme="light"] body.n-next .av8-slide h2 em { color:#974814; }

html[data-arena-appearance="on"] body.n-next .arena9-heading-icon,html[data-arena-appearance="on"] body.n-next .arena9-heading-label { pointer-events:none; }

/* Keep the two native av8 disclosure labels mutually exclusive. */
html[data-arena-appearance="on"] body.n-next .av8-mobile-disclosure.arena9-heading { display:none; }
html[data-arena-appearance="on"] body.n-next .av8-fallback-navigation .av8-desktop-heading.arena9-heading { display:none; }
html[data-arena-appearance="on"] body.n-next .av8-fallback-navigation .av8-mobile-disclosure.arena9-heading { display:flex; }
@media(max-width:991.98px){
 html[data-arena-appearance="on"] body.n-next .av8-mobile-tools .av8-desktop-heading.arena9-heading { display:none; }
 html[data-arena-appearance="on"] body.n-next .av8-mobile-tools .av8-mobile-disclosure.arena9-heading { display:flex; }
 html[data-arena-appearance="on"] body.n-next .av8-mobile-disclosure .arena9-heading-icon { width:27px;height:27px;flex-basis:27px;border-radius:9px; }
}