/* SPUDZWARE V1.22 / HALLOWEEN 2026
   Additive presentation only. No application hooks, requests or state changes.
   Remove this stylesheet link and the sw-halloween-2026 body class to retire it. */

body.sw-halloween-2026 {
  --bg: #080709;
  --panel: #141115;
  --purple: #ac7adc;
  --bright: #d99be7;
  --white: #f6f1ec;
  --muted: #aaa0ae;
  --line: rgb(181 121 88 / 24%);
  --sw-border: rgb(196 129 80 / 23%);
  --sw-surface: linear-gradient(145deg, #22191aea, #0e0d11f5);
  --spw-v29-border: rgb(189 123 88 / 28%);
  --spw-v29-glow: rgb(177 80 37 / 15%);
  --spw-v29-panel: #141017ed;
  --hw-amber: #f0a36c;
  --hw-orange: #df793a;
  --hw-violet: #b089d1;
  --hw-border: #ac694f47;
  --hw-surface: linear-gradient(145deg, #261b19e6, #111015fa 65%);
  background: radial-gradient(ellipse at 90% 5%, #5d281b1a, transparent 42%), #080709;
  color: var(--white);
}
body.sw-halloween-2026::before {
  background: radial-gradient(ellipse at 86% 12%, #a0442024, transparent 38%),
    radial-gradient(ellipse at 4% 68%, #61316b1a, transparent 46%);
}
body.sw-halloween-2026::after { opacity: .06; }
.sw-halloween-2026 ::selection { background: #82413b; color: #fff; }
.sw-halloween-2026 :is(a, button, input, select, textarea, summary):focus-visible {
  outline-color: #ffb67e;
}

/* Command bar. Structure, destinations, dropdowns and active hooks are unchanged. */
.sw-halloween-2026 .topbar {
  border-color: #c1805642;
  background: linear-gradient(115deg, #1c1415f2, #100d16ef 63%, #1c1211f2);
  box-shadow: 0 14px 50px #0007, inset 0 -1px #fca76f0d;
}
.sw-halloween-2026 .topbar::after {
  background: linear-gradient(90deg, transparent, #ac7cd191, #db854fb3, transparent);
}
.sw-halloween-2026 .topbar .brand { color: #f4eae4; }
.sw-halloween-2026 .topbar .early-access-badge { color: #dfb196; border-color: #c5814c45; }
.sw-halloween-2026 .topbar .nav > a,
.sw-halloween-2026 .sw-more > summary { color: #b8adb8; }
.sw-halloween-2026 .topbar .nav > a:hover,
.sw-halloween-2026 .sw-more > summary:hover { color: #ffe8d8; background: #d4854a12; }
.sw-halloween-2026 .topbar .nav > a.active,
.sw-halloween-2026 .sw-more[open] > summary {
  color: #f7d9c4; border-color: #b8785342; background: #a75b2b18;
}
.sw-halloween-2026 .topbar .nav > a.active::after {
  background: #e99b63; box-shadow: 0 0 12px #d7834159;
}
.sw-halloween-2026 .sw-more-panel { background: #161119fa; border-color: #a56b565e; }
.sw-halloween-2026 .topbar .nav .sw-more-panel a:hover,
.sw-halloween-2026 .topbar .nav .sw-more-panel a.active { color: #ffe0c8; background: #c57b3616; }
.sw-halloween-2026 .sw-more.has-active > summary { color: #edc8ad; border-color: #b875424a; }
.sw-halloween-2026 .topbar .client-btn {
  color: #ffe8d4; border-color: #d08b5366;
  background: linear-gradient(120deg, #56305e5c, #65361e5c);
  box-shadow: inset 0 1px #fff1, 0 0 20px #c06d250d;
}
.sw-halloween-2026 .topbar .client-btn:hover { background: #713e2d5e; border-color: #e3a276; }

/* Dark purple remains in primary actions; their amber end stays dark enough for white text. */
.sw-halloween-2026 .primary-btn,
.sw-halloween-2026 #home .hero-v35-home .actions .primary-btn,
.sw-halloween-2026 #plans .pricing-card.featured .buy,
.sw-halloween-2026 .spw-auth-primary {
  color: #fff; border-color: #d296786e;
  background: linear-gradient(112deg, #693596, #803553 56%, #9f421c);
  box-shadow: 0 8px 28px #96422c29, inset 0 1px #ffebd42b;
  text-shadow: 0 1px 2px #0003;
}
.sw-halloween-2026 .primary-btn:hover:not(:disabled):not([aria-disabled="true"]),
.sw-halloween-2026 #home .hero-v35-home .actions .primary-btn:hover {
  border-color: #f3b489; box-shadow: 0 10px 32px #a351303b, inset 0 1px #ffebd442;
}
.sw-halloween-2026 .secondary-btn,
.sw-halloween-2026 #home .hero-v35-home .actions .secondary-btn {
  color: #e4c8bb; border-color: #b080624f;
  background: linear-gradient(135deg, #251a237d, #130f137d);
}
.sw-halloween-2026 .secondary-btn:hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: #d39364aa; background: #38242d8c; color: #ffe5d3;
}
.sw-halloween-2026 :is(.wizard-input, .version-search, .version-filter, .spw-auth-form input,
  .spw-auth-step-form input, .discount-code-controls-v3541 input) {
  background: #100e12; border-color: #8e675553; color: #f4e9e5;
}
.sw-halloween-2026 :is(.wizard-input, .version-search, .version-filter, .spw-auth-form input,
  .spw-auth-step-form input):focus { border-color: #dd996b; box-shadow: 0 0 0 3px #c47a4521; }
.sw-halloween-2026 input::placeholder, .sw-halloween-2026 textarea::placeholder { color: #a59aab; }

/* Night network. The supplied Earth, original movement and SVG orbit geometry are retained. */
.sw-halloween-2026 #home .hero-v35-home { background: #070609; border-bottom-color: #bd774737; }
.sw-halloween-2026 #home .hero-v35-home .hardware {
  background: radial-gradient(ellipse at 87% 30%, #a1452733, transparent 43%),
    radial-gradient(ellipse at 55% 70%, #58296530, transparent 46%), #070609;
}
.sw-halloween-2026 #home .hero-v35-home .hardware::before {
  opacity: .5;
  background-image: radial-gradient(1px 1px at 18% 24%, #d8bccb 50%, transparent),
    radial-gradient(1px 1px at 39% 10%, #9686ab 50%, transparent),
    radial-gradient(1px 1px at 76% 16%, #debb9e 50%, transparent),
    radial-gradient(1px 1px at 67% 79%, #82618d 50%, transparent),
    radial-gradient(1px 1px at 92% 60%, #e6c7a8 50%, transparent);
}
.sw-halloween-2026 #home .hero-v35-home .hardware::after {
  content: ''; position: absolute; inset: auto -8% 0; width: 116%; height: 42%;
  background: url('/assets/spudzware-halloween-fog-2026.webp') center bottom / 100% 100% no-repeat;
  transform: none; filter: none; opacity: .14; pointer-events: none;
  mask-image: linear-gradient(transparent, #000 45%, #000 82%, transparent);
  animation: sw-halloween-fog 78s ease-in-out infinite alternate;
}
.sw-halloween-2026 #home .hero-v35-home .hero-v35-vignette {
  background: linear-gradient(90deg, #070609 0%, #070609ef 25%, #07060978 43%, transparent 64%),
    linear-gradient(0deg, #080709, transparent 26%, transparent 85%, #0706093b);
}
.sw-halloween-2026 #home .hero-v35-home::before {
  content: ''; position: absolute; z-index: 1; width: clamp(210px, 17vw, 260px); aspect-ratio: 1;
  top: auto; bottom: 7%; right: 45%; pointer-events: none;
  background: url('/assets/spudzware-halloween-moon-2026.webp') center / contain no-repeat;
  opacity: .76; filter: brightness(.83) saturate(.76);
}
.sw-halloween-2026 #home .hero-v35-home::after {
  content: ''; position: absolute; z-index: 2; top: 18%; left: 60%;
  width: 92px; height: 36px; pointer-events: none; opacity: 0;
  background: url('/assets/spudzware-halloween-bats-2026.svg') center / contain no-repeat;
  animation: sw-halloween-bats 96s linear infinite;
}
.sw-halloween-2026 #home .home-network-motion { animation-duration: 48s; }
.sw-halloween-2026 #home .home-network-motion > img {
  filter: brightness(.98) saturate(.78); opacity: .96;
}
.sw-halloween-2026 #home .home-network-motion::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  display: block; z-index: 2; opacity: .9; animation: none;
  background: url('/assets/spudzware-network-globe.png') center / contain no-repeat;
  filter: sepia(1) saturate(2.5) hue-rotate(-18deg) brightness(1.35);
  mask-image: linear-gradient(105deg, transparent 28%, #000 72%);
  -webkit-mask-image: linear-gradient(105deg, transparent 28%, #000 72%);
  mask-size: 100% 100%; -webkit-mask-size: 100% 100%;
  mask-position: center; -webkit-mask-position: center;
  mix-blend-mode: normal;
}
.sw-halloween-2026 #home .hero-v35-home .grid-glow {
  opacity: .075;
  background-image: linear-gradient(#b5775255 1px, transparent 1px),
    linear-gradient(90deg, #956cae44 1px, transparent 1px);
}
.sw-halloween-2026 .sw-orbit-hud { opacity: .62; }
.sw-halloween-2026 .sw-orbit-hud > circle { stroke: #b68bc5; }
.sw-halloween-2026 #sw-orbit-gradient stop:first-child { stop-color: #a576c7; }
.sw-halloween-2026 #sw-orbit-gradient stop:nth-child(2) { stop-color: #d79155; }
.sw-halloween-2026 #sw-orbit-gradient stop:last-child { stop-color: #efb482; }
.sw-halloween-2026 .sw-orbit-ring circle[r="4"] { fill: #e8a467; }
.sw-halloween-2026 .sw-orbit-ring circle[r="10"] { stroke: #e8a467; }
.sw-halloween-2026 .sw-orbit-reverse circle { stroke: #a375c4; }
.sw-halloween-2026 .sw-orbit-reverse path { stroke: #d6a6ac; }
.sw-halloween-2026 .sw-orbit-hud > path { stroke: #bd885c; }
.sw-halloween-2026 #home .network-signal {
  width: 5px; height: 5px; background: #edaf6d;
  box-shadow: 0 0 7px #eda269ae, 0 0 22px #d6824261;
  animation-duration: 14s;
}
.sw-halloween-2026 #home .network-signal::before,
.sw-halloween-2026 #home .network-signal::after { border-color: #de985e73; animation-duration: 14s; }
.sw-halloween-2026 .sw-orbit-caption { color: #b99179; }
.sw-halloween-2026 .sw-orbit-caption::before { background: #c18457; box-shadow: 0 0 10px #bc723450; }
.sw-halloween-2026 .sw-orbit-card { border-color: #c38e604a; background: linear-gradient(120deg, #2a1c22ce, #151019e6); }
.sw-halloween-2026 .sw-orbit-card > svg { color: #e5ac7e; filter: none; }
.sw-halloween-2026 .sw-orbit-card small { color: #bba28f; }
.sw-halloween-2026 .sw-halloween-season {
  position: absolute; top: 135px; left: 0;
  display: flex; align-items: center; gap: 12px; margin: 0;
  color: #e9ae7b; font: 600 10px/1.5 var(--sw-mono); letter-spacing: .18em; text-transform: uppercase;
}
.sw-halloween-2026 .sw-halloween-season::before { content: ''; width: 28px; height: 1px; background: #bc7543; }
.sw-halloween-2026 #home .hero-v35-home .status-pill {
  color: #c7b7c9; border-color: #87636b4d!important; background: #21172270!important;
}
.sw-halloween-2026 #home .hero-v35-home .hero-content h1 em {
  background-image: linear-gradient(112deg, #f2c4a3, #e59964 48%, #bc687c);
  text-shadow: 0 0 60px #b6571f20;
}
.sw-halloween-2026 #home .hero-v35-home .hero-content > p { color: #b5aab7; }
.sw-halloween-2026 #home .hero-v35-home .stats { border-color: #c185572b; }
.sw-halloween-2026 #home .hero-v35-home .stats strong { color: #eee5df; }
.sw-halloween-2026 #home .hero-v35-home .stats small { color: #b29b9f; }
.sw-halloween-2026 .sw-hero-foot { color: #af9388; }
.sw-halloween-2026 .sw-hero-foot > span::before { color: #d99b6c; }
.sw-halloween-2026 .sw-scroll { color: #baa2ae; }
.sw-halloween-2026 .sw-scroll span { color: #e3ae81; border-color: #b67b494d; }

/* Ambient backgrounds stay behind content. No fixed fog overlay is placed over controls. */
.sw-halloween-2026 .page:not(#home) {
  isolation: isolate;
  background: radial-gradient(ellipse at 92% 8%, #96391725, transparent 42%),
    radial-gradient(ellipse at 2% 43%, #6b376329, transparent 46%), #080709;
}
.sw-halloween-2026 .page:not(#home)::before {
  z-index: -1; opacity: .7;
  background: url('/assets/spudzware-halloween-moon-2026.webp') calc(100% + 100px) 118px / 390px auto no-repeat;
  mask-image: linear-gradient(#0004, transparent 680px);
}
.sw-halloween-2026 :is(#client, #create, #account)::after {
  content: ''; position: absolute; z-index: -1; top: 220px; left: 0; right: 0;
  height: 600px; opacity: .13; pointer-events: none;
  background: url('/assets/spudzware-halloween-fog-2026.webp') center / cover no-repeat;
  mask-image: linear-gradient(transparent, #000 48%, transparent);
}
.sw-halloween-2026 .page:not(#home) .page-header > span,
.sw-halloween-2026 .create-page-head-v35 > div > span,
.sw-halloween-2026 :is(.section-heading > span, .panel-kicker, .wizard-kicker, .legal-kicker-v32, .guide-eyebrow, .eyebrow) { color: #dca377; }
.sw-halloween-2026 .page:not(#home) .page-header h1 em,
.sw-halloween-2026 .create-page-head-v35 h1 em,
.sw-halloween-2026 .legal-hero-v32 h1 em { color: #edac7a; text-shadow: 0 0 45px #d3732521; }
.sw-halloween-2026 :is(.account-card-v28, .account-login-required, .wizard,
  .notifications-toolbar-v29, .notification-item-v29, .hardware-support-card-v3528,
  .creator-application-v3530, .creator-static-info-v3542 > div, .login-card) {
  border-color: var(--hw-border); background: var(--hw-surface);
  box-shadow: inset 0 1px #ecb7820c, 0 16px 45px #0003;
}
.sw-halloween-2026 #home :is(.feature-card, .knowledge-card-v3542),
.sw-halloween-2026 #plans :is(.pricing-card, .discount-code-card-v3541),
.sw-halloween-2026 #support .support-card,
.sw-halloween-2026 .faq-grid-v28 details { border-color: #b0785540; background: var(--hw-surface); }
.sw-halloween-2026 #home .feature-card::after {
  background: linear-gradient(90deg, transparent, #b285c470, #df995f80, transparent);
}
.sw-halloween-2026 #home .feature-card .icon { background: #40242c40; color: #e3b08a; border-color: #bc83504d; }
.sw-halloween-2026 #home :is(.feature-card, .knowledge-card-v3542):hover,
.sw-halloween-2026 #plans .pricing-card:hover { border-color: #d2976775; box-shadow: 0 18px 40px #0005, 0 0 30px #af673513; }
.sw-halloween-2026 #home .community-banner,
.sw-halloween-2026 #plans .pricing-card.featured,
.sw-halloween-2026 #free .plan-feature {
  border-color: #c0895c70;
  background: radial-gradient(ellipse at 100% 0, #a5532938, transparent 64%), var(--hw-surface);
}
.sw-halloween-2026 .account-card-head { border-color: #b47a5426; }
.sw-halloween-2026 .account-card-head span { color: #c3a28e; }
.sw-halloween-2026 .account-card-v28 p,
.sw-halloween-2026 .account-login-required p { color: #b7a9b7; }
.sw-halloween-2026 :is(.account-field-display, .linked-service-v28, .drive-service-v28,
  .files-toolbar-v28, .files-path-v28, .backup-drive-card-v28) { border-color: #97695740; background: #120e15d9; }
.sw-halloween-2026 .account-field-display b { color: #d69c70; }

/* My Servers, including the existing dynamic collection and full management panel. */
.sw-halloween-2026 #serverList .sw58-servers { --sw58-line: #ac74533e; --sw58-muted: #b1a3b5; }
.sw-halloween-2026 .sw58-fleet-stats { background: linear-gradient(105deg, #1e161b, #111015); }
.sw-halloween-2026 #serverList .sw58-server-tile {
  border-color: #b17d534f;
  background: radial-gradient(ellipse at 100% 0, #723c2b24, transparent 60%), linear-gradient(145deg, #1d161e, #100e12 78%);
  box-shadow: inset 0 1px #bd915716, 0 12px 30px #0003;
}
.sw-halloween-2026 #serverList .sw58-server-tile:hover { border-color: #cf945a80; box-shadow: 0 14px 30px #0004, 0 0 26px #b0783c15; }
.sw-halloween-2026 #serverList .sw58-server-tile.selected {
  border-color: #cc8e666f; box-shadow: inset 0 2px #d89a63, 0 0 30px #8855b515;
}
.sw-halloween-2026 .sw58-cube { background: linear-gradient(140deg, #402430, #211723); color: #d5ab8a; border-color: #ca8d5345; }
.sw-halloween-2026 #serverList .sw58-empty { border-color: #be8d5550; background: radial-gradient(ellipse at 70% 0, #66342b24, transparent 60%), #100d14; }
.sw-halloween-2026 #serverList .server-selected-v28 .server-card-neon { background: #110e14; }
.sw-halloween-2026 #serverList .server-card-head { background: linear-gradient(110deg, #2b1c22, #17121c); }
.sw-halloween-2026 #serverList .server-panel-tabs { background: #130e17; }
.sw-halloween-2026 #serverList .server-panel-tab.active {
  color: #ffe6d3; background: linear-gradient(90deg, #8d483332, #60417816);
  box-shadow: inset 2px 0 #d49464;
}
.sw-halloween-2026 #serverList .server-panel-tab span { color: #cba6ce; }
.sw-halloween-2026 #serverList .server-panel-content { background: #0d0b10; }
.sw-halloween-2026 #serverList .server-hero-card { background: linear-gradient(120deg, #241820, #141018); }
.sw-halloween-2026 #serverList .sw58-detail-stats > div { background: #18121c; border-color: #ae7c5526; }
/* Semantic states remain independent of the seasonal accent. Stopped servers are red, unknown stays neutral. */
.sw-halloween-2026 #serverList [data-sw58-state="offline"] .sw58-status {
  color: #ff8798; border-color: #ff87983a; background: #ff879808;
}
.sw-halloween-2026 #serverList [data-sw58-state="offline"].big-status,
.sw-halloween-2026 #serverList [data-sw58-state="offline"].v3525-health-state { color: #ff8798; }

/* The four-step creation flow retains all selected/disabled/owned state hooks. */
.sw-halloween-2026 #create .create-hero-v3557 {
  border-color: #b27c534f;
  background: url('/assets/spudzware-halloween-moon-2026.webp') 86% 40% / 230px auto no-repeat,
    radial-gradient(ellipse at 83% 20%, #84371b33, transparent 50%), linear-gradient(110deg, #1a1117, #15101d);
}
.sw-halloween-2026 #create .create-hero-v3557::before { border-color: #b5805236; opacity: .4; }
.sw-halloween-2026 #create .create-hero-copy-v3557,
.sw-halloween-2026 #create .create-hero-side-v3557 { position: relative; z-index: 1; }
.sw-halloween-2026 #create .create-hero-side-v3557 {
  background: #16101cb8; border-color: #ab775747; border-radius: 12px;
}
.sw-halloween-2026 #create :is(.loader-card, .version-card, .addon-card, .plan-choice) {
  border-color: #926b5347; background: #16111a;
}
.sw-halloween-2026 #create :is(.loader-card, .version-card, .addon-card, .plan-choice).selected {
  border-color: #d49b69; background: linear-gradient(140deg, #372322, #221527);
  box-shadow: inset 0 1px #f3c19a17, 0 0 0 1px #c08a5820, 0 8px 24px #0003;
}
.sw-halloween-2026 #create .loader-card.selected::after { color: #ffd4ad; }
.sw-halloween-2026 #create :is(.create-loader-icon-v3558, .create-addon-icon-v3558) {
  color: #ddb28b; background: #3a232c5e; border-color: #b7825742;
}
.sw-halloween-2026 #create :is(.loader-card small, .addon-card small, .version-help) { color: #b3a7b9; }
.sw-halloween-2026 #create .wizard-step.active::before { background: #683c51; border-color: #e0a275; box-shadow: 0 0 16px #bf723a2e; }
.sw-halloween-2026 #create .wizard-step.done::before { background: #32212e; border-color: #9b7158; color: #efd0b6; }
.sw-halloween-2026 #create .wizard-step:not(:last-child)::after { background-image: linear-gradient(90deg, #ce8e65 50%, #30232f 50%); }
.sw-halloween-2026 #create :is(.create-summary-v3557, .create-final-v3558, .create-version-context-v3558, .modpack-section) {
  border-color: #a7745554; background: linear-gradient(145deg, #241924d9, #120e18f5);
}
.sw-halloween-2026 #create .create-summary-list-v3557 button { border-color: #8d61523b; background: #1c141e; }
.sw-halloween-2026 #create .create-review-dialog-v3558 { background: linear-gradient(140deg, #281a24, #110d16); border-color: #c0906575; }
.sw-halloween-2026 #create .create-review-close-v3558 { background: #251820; border-color: #a274584d; }
.sw-halloween-2026 #create .create-addon-unavailable-v3558 { background: #100d14; border-color: #463646; }
.sw-halloween-2026 #create .wizard-kicker { color: #dca377; }
.sw-halloween-2026 #create :is(.spw-v121-type-card, .spw-v121-minigame-picker button),
.sw-halloween-2026 #plans :is(.spw-v121-product-card, .spw-v121-bundle-card) {
  border-color: #a17c5545; background: #1b131d;
}
.sw-halloween-2026 #create :is(.spw-v121-type-card, .spw-v121-minigame-picker button).selected {
  border-color: #d4996a; background: linear-gradient(140deg, #362420, #24152a);
}

/* Auth is styled in place; the original forms, slider, providers and verification steps remain. */
.sw-halloween-2026 .spw-auth-card { background: #110d14; border-color: #bf865863; box-shadow: 0 32px 100px #000b, 0 0 60px #8945341a; }
.sw-halloween-2026 .spw-auth-pane { background: linear-gradient(160deg, #1a121b, #0d0b11 75%); }
.sw-halloween-2026 .spw-auth-slider {
  background: url('/assets/spudzware-halloween-moon-2026.webp') center 12% / 280px auto no-repeat,
    radial-gradient(ellipse at 50% 30%, #91451e45, transparent 70%), linear-gradient(145deg, #301824, #241334 75%);
}
.sw-halloween-2026 .spw-auth-slider::after {
  background: url('/assets/spudzware-halloween-fog-2026.webp') center bottom / cover no-repeat;
  opacity: .12;
}
.sw-halloween-2026 .spw-auth-orb { opacity: .15; }
.sw-halloween-2026 .spw-auth-logo { background: #372132; border-color: #c78b5a63; color: #e1a476; }
.sw-halloween-2026 .spw-auth-kicker { color: #e1aa7c; }
.sw-halloween-2026 :is(.spw-auth-pane h2 em, .spw-auth-step h2 em) { color: #e8b18a; }
.sw-halloween-2026 .spw-auth-step { background: #17101cf5; border-color: #a378573f; }
.sw-halloween-2026 .spw-auth-step-icon { color: #efb987; border-color: #b482574f; background: #6b3c301c; }
.sw-halloween-2026 .spw-provider { color: #f5e9ef; font-size: 12px; border-color: #84655659; background: #211921; }
.sw-halloween-2026 .spw-provider:hover { border-color: #d5a079; background: #332130; }
.sw-halloween-2026 .spudz-site-boot { background: radial-gradient(ellipse at center, #452223 0, #190f20 30%, #080709 65%); }
.sw-halloween-2026 .spudz-boot-track { border-color: #b5835357; }
.sw-halloween-2026 .spudz-boot-track > span { background: linear-gradient(90deg, #9362b9, #dc925b); }
.sw-halloween-2026 .sw-motion-toggle { color: #dec2aa; border-color: #b88a5a47; background: #19111cf0; }
.sw-halloween-2026 .sw-footer { border-color: #b480532e; }
.sw-halloween-2026 .sw-footer-brand span { color: #d29b70; }

/* Public pages, help articles and dev sections share the palette without changing their layouts. */
.sw-halloween-2026 :is(.legal-nav-v32, .guide-topbar, .dev-sec-nav) { border-color: #b682514f; background-color: #17111bf2; }
.sw-halloween-2026 :is(.legal-card-v32, .guide-card, .guide-hero, .guide-article, .status-card-v3550, .about-depth-v3542) {
  border-color: #ae7b5545; background-color: #161119;
}
.sw-halloween-2026 :is(.legal-hero-v32, .guide-hero) { background-image: radial-gradient(ellipse at 95% 0, #7e381e29, transparent 60%); }
.sw-halloween-2026 .legal-nav-links-v32 a:hover { color: #f0b98d; }

/* Complete seasonal skin, including the older screens and the V1.21 additions.
   Only paint properties are overridden here; grids, spacing and control logic stay in core CSS. */
.sw-halloween-2026 .page:not(#home) {
  background: radial-gradient(ellipse at 90% 7%, #873e2545, transparent 43%),
    radial-gradient(ellipse at 2% 48%, #53305f29, transparent 45%), #080709;
}
.sw-halloween-2026 :is(.public-nav, .guide-nav, .help-top-v3538, .legal-nav-v32, .dev-nav) {
  background-color: #1a1217f2; border-color: #c0835154; box-shadow: 0 12px 38px #0005;
}
.sw-halloween-2026 :is(.guide-links, .public-nav-links, .legal-nav-links-v32) a:hover,
.sw-halloween-2026 :is(.guide-links, .public-nav-links) a.active {
  color: #ffe3ca; background-color: #66371f26;
}
.sw-halloween-2026 :is(.guide-hero, .public-shell .hero, .help-hero-v3538) h1 em { color: #e8a877; }
.sw-halloween-2026 :is(.guide-kicker, .help-kicker-v3538, .dev-kicker, .kicker,
  .hardware-support-kicker-v3528, .discount-code-copy-v3541 > span) { color: #dda577; }
.sw-halloween-2026 :is(.card, .guide-card, .guide-aside-card, .help-card-v3538, .legal-section-v32,
  .info-panel, .founder-card-v33, .discord-community-card-v29, .discord-box,
  .discount-code-card-v3541, .slot-upgrade-card-v3514, .early-access-payment-card,
  .creator-requirement-card-v3530, .creator-apply-card-v3530, .creator-rcon-card-v3530,
  .shared-access-card, .connection-card, .hardware-support-meter-card-v3528,
  .recovery-panel, .recovery-empty, .player-card, .inventory-panel) {
  background: linear-gradient(140deg, #281b19d9, #141115f5 65%);
  border-color: #b87b4f52; box-shadow: inset 0 1px #e0b18512, 0 14px 38px #0004;
}
.sw-halloween-2026 :is(.card, .guide-card, .help-card-v3538, .legal-section-v32) a { color: #e7b28b; }
.sw-halloween-2026 :is(.guide-aside-card, .aside) a:hover { background: #673b2824; color: #ffdcc1; }
.sw-halloween-2026 .callout { border-left-color: #cf8c58; background: #a65d2614; color: #d9c0bc; }
.sw-halloween-2026 .btn.primary { background: linear-gradient(112deg, #613985, #94431e); border-color: #d2986969; }
.sw-halloween-2026 :is(.modal-card, .upgrade-card-v29, .terms-start-modal-v32,
  .player-panel-card, .spudz-support-panel) {
  background: radial-gradient(ellipse at 100% 0, #a7552930, transparent 65%), #151017;
  border-color: #c48e5f66; box-shadow: 0 24px 80px #0009, inset 0 1px #ddac7912;
}
.sw-halloween-2026 :is(.account-plan-live-v30, .account-slot-live-v3514, .discord-account-stats,
  .discord-stat, .player-metric-row, .creator-evidence-metric-v3530) { border-color: #9c6e5140; }
.sw-halloween-2026 :is(.edition-chip, .plan-badge, .addon-tag, .modpack-source-badge,
  .owner-only-chip, .creator-profile-badge-v3530, .log-file-chips button) {
  color: #e7b99a; background: #582c2529; border-color: #b8825147;
}
.sw-halloween-2026 #home :is(.knowledge-card-v3542 > span, .knowledge-card-v3542 b,
  .sw-feature-number, .sw-platform-list svg) { color: #dca577; }
.sw-halloween-2026 #home .feature-card::before,
.sw-halloween-2026 #home .knowledge-card-v3542::before {
  background: radial-gradient(300px circle at var(--sw-x, 50%) var(--sw-y, 0%), #a6562b20, transparent 70%);
}
.sw-halloween-2026 #home .sw-feature-art i { background: linear-gradient(0deg, #aa5c2622, #cd975c77); border-top-color: #e4b48388; }
.sw-halloween-2026 #home .community-banner::before { border-color: #d09e6333; box-shadow: 0 0 0 38px #d09e6304, 0 0 0 39px #d09e6324, 0 0 0 88px #ac7dcb03, 0 0 0 89px #ac7dcb17; }
.sw-halloween-2026 #home .creator-empty-v3530 { background: #181116; border-color: #b7815145; }
.sw-halloween-2026 #home .knowledge-note-v3542 { border-left-color: #bf885b; background-color: #a36c310a; }
.sw-halloween-2026 #free .plan-badge,
.sw-halloween-2026 #plans :is(.tier, .popular) { color: #e6b189; border-color: #bc84534a; background-color: #a55e2814; }
.sw-halloween-2026 #plans :is(.pricing-card, .spw-v121-product-card, .spw-v121-bundle-card) {
  background: linear-gradient(140deg, #261a19, #121013 70%); border-color: #be845255;
}
.sw-halloween-2026 #plans :is(.pricing-card.featured, .spw-v121-featured) {
  background: radial-gradient(ellipse at 50% 0, #a65a2940, transparent 60%), #1c151a;
  border-color: #d7976594; box-shadow: 0 0 38px #a65a2919, inset 0 1px #e9ba9140;
}
.sw-halloween-2026 #plans .early-access-payment-notice { background: #261a1d8c; border-color: #b9835347; }
.sw-halloween-2026 #plans .account-plan-explainer-v30 > div { background: #1b141bd9; border-color: #a9765040; }
.sw-halloween-2026 #create :is(.wizard-panel, .crossplay-card, .discord-account-card,
  .create-rewards-v3557, .spw-v121-server-type, .address-preview) {
  background-color: #141116; border-color: #a7755042;
}
.sw-halloween-2026 #create :is(.wizard-step.active, .create-summary-address-v3557) { background-color: #58302735; border-color: #b07c5150; }
.sw-halloween-2026 #create :is(.create-summary-icon-v3557, .create-summary-mark-v3557, .create-hero-mark-v3557 > span) {
  color: #ffd3ae; background: #5c3228; box-shadow: 0 0 24px #cb884722;
}
.sw-halloween-2026 #create :is(.create-summary-progress-v3557 i, .create-summary-progress-v3557 > span) { background: linear-gradient(90deg, #9675b7, #d89b63); }
.sw-halloween-2026 #create :is(.address-preview strong, .create-summary-address-v3557 b,
  .create-summary-list-v3557 em, .create-detail-edit-v3558) { color: #e8ae7f; }
.sw-halloween-2026 #create .crossplay-card:has(input:checked) { background: #35241f; border-color: #bf875a; }
.sw-halloween-2026 #create .plan-choice b { color: #e1ad88; }
.sw-halloween-2026 #create .version-card.selected .version-badge { color: #edc8a8; }
.sw-halloween-2026 #serverList :is(.v3525-card, .panel-section, .player-panel-card,
  .v3525-live-metric, .backup-drive-card-v28, .shared-access-card, .spw-v121-keep-card) {
  background: linear-gradient(135deg, #22181a, #131016); border-color: #b07b5140;
}
.sw-halloween-2026 #serverList :is(.sw58-server-tile, .server-tile-v28) {
  background: radial-gradient(ellipse at 100% 0, #8a49262e, transparent 63%), linear-gradient(145deg, #241a1a, #100f12 80%);
  border-color: #c28c595e;
}
.sw-halloween-2026 #serverList .server-boost-banner-v28 { background: #21171bbd; border-color: #af7b5147; }
.sw-halloween-2026 #serverList .server-mini-stats span { background: #1a1218; }
.sw-halloween-2026 #serverList :is(.file-row-v28, .files-toolbar-v28, .files-path-v28) { background: #1a141b; border-color: #96674840; }
.sw-halloween-2026 #serverList .file-row-v28:hover { background: #30201f; border-color: #ca945c63; }
.sw-halloween-2026 #serverList .spudz-trash-v3514 { background: #161117; border-color: #a7785642; }
.sw-halloween-2026 :is(#developer, .dev-wrap, .dev-shell) .dev-card { background: linear-gradient(145deg, #24181b, #141017); border-color: #ab78544d; box-shadow: inset 0 1px #d8aa7810; }
.sw-halloween-2026 :is(#developer, .dev-wrap, .dev-shell) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) {
  color: #eee4e4; background: #110e13; border-color: #a0735650;
}
.sw-halloween-2026 .spudz-boot-brand { color: #f7ede6; text-shadow: 0 0 30px #cc89475e; }
.sw-halloween-2026 .spudz-site-boot::before { background: #ba74342b; }
.sw-halloween-2026 .sw-footer-links a:hover { color: #ecb586; }

@keyframes sw-halloween-fog { from { transform: translate3d(-2%, 0, 0); } to { transform: translate3d(3%, -8px, 0); } }
/* One brief pass per 96 seconds, with a long empty interval. */
@keyframes sw-halloween-bats {
  0%, 76% { opacity: 0; transform: translate3d(-30px, 30px, 0) scale(.65); }
  79% { opacity: .3; }
  88% { opacity: .3; }
  93%, 100% { opacity: 0; transform: translate3d(320px, -55px, 0) scale(.9); }
}
html:is(.sw-motion-paused, .sw-document-hidden) .sw-halloween-2026 #home .hero-v35-home::after,
.sw-halloween-2026 #home .hero-v35-home.sw-scene-sleep::after { opacity: 0!important; animation-play-state: paused!important; }
html:is(.sw-motion-paused, .sw-document-hidden) .sw-halloween-2026 .hardware::after,
.sw-halloween-2026 .sw-scene-sleep .hardware::after { animation-play-state: paused!important; }

@media (max-width: 1100px) {
  .sw-halloween-2026 #home .hero-v35-home::before { width: 180px; right: 28%; top: auto; bottom: 5%; opacity: .7; }
  .sw-halloween-2026 #create .create-hero-v3557 { background-position: 97% 18%, center, center; background-size: 200px auto, auto, auto; }
}
@media (max-width: 760px) {
  .sw-halloween-2026 .topbar .nav { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .sw-halloween-2026 .topbar .nav > a { padding-inline: 1px; white-space: normal; line-height: 1.15; }
  .sw-halloween-2026 .sw-more > summary { padding-inline: 1px; }
  .sw-halloween-2026 .sw-more > summary svg { display: none; }
  .sw-halloween-2026 #home .hero-v35-home::before { top: auto; bottom: 205px; right: auto; left: 4%; width: clamp(115px, 34vw, 155px); opacity: .7; }
  .sw-halloween-2026 #home .hero-v35-home::after { display: none; }
  .sw-halloween-2026 #home .hero-v35-home .hero-v35-vignette {
    background: linear-gradient(0deg, #080709, transparent 25%, #07060919 35%, #070609 63%);
  }
  .sw-halloween-2026 #home .hero-v35-home .hardware::after { animation: none; opacity: .1; height: 31%; }
  .sw-halloween-2026 #home .home-network-motion::before { display: block; opacity: .84; }
  .sw-halloween-2026 #home .home-network-motion > img { filter: brightness(1.05) saturate(.82); }
  .sw-halloween-2026 .page:not(#home)::before { background-size: 270px auto; background-position: calc(100% + 130px) 120px; opacity: .5; }
  .sw-halloween-2026 :is(#client, #create, #account)::after { display: none; }
  .sw-halloween-2026 #serverList .server-panel-tab.active { box-shadow: inset 0 -2px #d49464; }
  .sw-halloween-2026 #create .create-hero-v3557 { background-position: calc(100% + 55px) 0, center, center; background-size: 200px auto, auto, auto; }
  .sw-halloween-2026 #create .create-hero-side-v3557 { background: transparent; }
  .sw-halloween-2026 .sw-halloween-season { font-size: 10px; letter-spacing: .14em; }
  .sw-halloween-2026 :is(.account-card-v28, .create-summary-v3557, .sw58-server-tile, .wizard, .spw-auth-pane) { min-width: 0; }
  .sw-halloween-2026 .account-card-head { flex-wrap: wrap; gap: 8px; }
  .sw-halloween-2026 .spw-auth-card { min-height: 0; height: min(790px, calc(100dvh - 24px)); max-height: calc(100dvh - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  .sw-halloween-2026 #home .hero-v35-home::after { display: none; animation: none; }
  .sw-halloween-2026 #home .hero-v35-home .hardware::after { animation: none; }
  .sw-halloween-2026 #home .home-network-motion,
  .sw-halloween-2026 #home .home-network-motion > img,
  .sw-halloween-2026 .sw-orbit-ring,
  .sw-halloween-2026 .sw-orbit-reverse { animation: none!important; }
}