/* PUBLIC 1.4.0: Datumsbasierte Halloween-Optik. Keine Eingriffe in Status und Buttons. */
.splash.spin-season-loader {
  background: #06264b url('./assets/spinahoi-public-map-loader-v140.webp?v=140') center center / cover no-repeat;
}
.splash.spin-season-loader .splash-brand, .splash.spin-season-loader .splash-line {display:none !important;}
:root.spin-season-halloween .splash.spin-season-loader {
  background: #061b37 url('./assets/spinahoi-public-halloween-loader-v140.webp?v=140') center center / cover no-repeat;
}
.spin-halloween-hero-art {display:none;}
#headerLogbook {display:none !important;}
#headerSharePublic {display:grid;}
@media (max-width:759px) {
  :root.spin-season-halloween .mobile-hero {
    height:clamp(350px,97.25vw,550px) !important;
    background:#061d39;
  }
  :root.spin-season-halloween .mobile-hero::after {display:none;}
  :root.spin-season-halloween .mobile-hero .spin-halloween-hero-art {
    display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;
    z-index:1;pointer-events:none;
  }
  :root.spin-season-halloween .mobile-hero .hero-copy,
  :root.spin-season-halloween .mobile-hero .hero-captain,
  :root.spin-season-halloween .mobile-hero .mobile-topbar .brand {visibility:hidden;}
  :root.spin-season-halloween .mobile-hero .header-wave {
    visibility:visible;display:block;z-index:7;bottom:-2px;left:-1%;width:102%;height:60px;
    fill:#fafdff;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.96));opacity:1;
  }
  :root.spin-season-halloween .mobile-hero .header-wave .wave-glint {stroke:rgba(219,241,250,.94);stroke-width:2.6;}
  :root.spin-season-halloween .mobile-hero .mobile-topbar {position:absolute;inset:0;padding:0;height:100%;pointer-events:none;z-index:6;}
  :root.spin-season-halloween .mobile-hero #headerSharePublic {
    position:absolute;top:5%;right:4.5%;width:46px;height:46px;pointer-events:auto;
    background:rgba(18,62,99,.92);border-color:rgba(113,203,255,.36);
  }
  :root.spin-season-halloween .bottom-nav {
    isolation:isolate;overflow:visible;
    background:linear-gradient(180deg,rgba(4,37,72,.94),rgba(5,35,70,.96));
    border-top:1px solid rgba(97,192,235,.16);box-shadow:0 -8px 25px rgba(1,26,52,.23);
  }
  :root.spin-season-halloween .bottom-nav::before {
    content:'';position:absolute;left:0;width:100%;height:clamp(61px,19.13vw,119px);
    bottom:calc(100% - clamp(17px,5.3vw,33px));
    background:url('./assets/spinahoi-public-halloween-nav-v140.webp?v=140') center bottom/100% 100% no-repeat;
    pointer-events:none;z-index:3;
  }
  :root.spin-season-halloween .bottom-nav .bottom-link {
    position:relative;z-index:2;border:1px solid transparent;background:transparent;color:#e2f3ff;
    transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
  }
  :root.spin-season-halloween .bottom-nav .bottom-link.active {
    color:#fff;border-color:rgba(104,222,255,.82);
    background:linear-gradient(147deg,rgba(16,173,246,.67),rgba(9,116,216,.57) 65%,rgba(12,75,156,.52));
    -webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);
    box-shadow:inset 0 1px 0 rgba(214,247,255,.53),inset 0 -1px 0 rgba(23,87,160,.18),0 6px 16px rgba(1,31,67,.17);
  }
  :root.spin-season-halloween .bottom-nav .bottom-link:hover,
  :root.spin-season-halloween .bottom-nav .bottom-link:focus-visible {
    color:#fff;border-color:rgba(117,220,255,.7);
    background:linear-gradient(150deg,rgba(15,165,239,.49),rgba(10,87,183,.45));
    -webkit-backdrop-filter:blur(9px) saturate(140%);backdrop-filter:blur(9px) saturate(140%);
  }
}
@media (prefers-reduced-motion:reduce) {:root.spin-season-halloween .bottom-nav .bottom-link {transition:none;}}
#publicShareDialog {border:1px solid #c6dfea;border-radius:24px;padding:22px;width:min(92vw,420px);color:#0a2f54;background:#fbfdff;box-shadow:0 18px 70px #041a3e73;}
#publicShareDialog::backdrop {background:#051d3da6;backdrop-filter:blur(3px);}
#publicShareDialog h2 {font-size:24px;color:#0a2e52;margin:0 0 8px;}
#publicShareDialog p {font-size:14px;line-height:1.5;color:#526879;margin:0 0 14px;}
.public-share-options {display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.public-share-options a,.public-share-options button {display:flex;align-items:center;justify-content:center;border-radius:13px;border:1px solid #c3dfec;min-height:45px;padding:10px;color:#074778;background:#e5f4fc;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer;}
#publicShareNative,#publicShareCopy {width:100%;margin-top:10px;border:1px solid #acd9ef;border-radius:12px;background:#0d86cc;color:white;padding:12px;font-weight:800;}
#publicShareClose {float:right;border:0;background:transparent;color:#35607c;font-size:26px;cursor:pointer;}
/* Bestehender Mehr-Bereich: PUBLIC-blau, keine Umstellung der Schalter. */
#page-einstellungen .settings-grid .settings-card {border-radius:22px;box-shadow:0 9px 28px rgba(8,41,79,.08);}