/* Nachtmodus – Seiten-Feinschliff „Tokio bei Nacht“ (Start, Tauschen, Katalog, Liste, Slabs, Kasse, Konto, Inhalte).
   System-Teil und Tokens: theme.css. Lädt auf allen öffentlichen Seiten als letzte Datei. Nur bestehende Klassen, kein Umbau
   der Struktur. Startseite nachts: Mond statt Sakura-Scheibe, Neon-Schilder カード買取 / 24H ネット買取, Laterne an der Gans,
   Regen-Spiegelung unter der Bühne, +X-%-Sticker als Neon-Schild, Kapitel 第…話 als Neonröhre, Sprechblase „こんばんは“.
   Bewegung: nur ein einmaliges, leises Neon-Flackern beim Erscheinen (nicht bei „weniger Bewegung“). */

/* == Tagsüber aus: Nacht-Deko der Startseite */
.neon,.wet,.lantern,.bt-night{display:none}

@media screen{
/* ================= Startseite: Manga-Bausteine nachts */
:where([data-theme="night"]) .tn{opacity:.38}
:where([data-theme="night"]) .scene .tn{opacity:0}
:where([data-theme="night"]) .scene[data-s="1"] .tn.s1,:where([data-theme="night"]) .scene[data-s="2"] .tn.s2,:where([data-theme="night"]) .scene[data-s="3"] .tn.s3,:where([data-theme="night"]) .scene[data-s="4"] .tn.s4{opacity:.32}
:where([data-theme="night"]) .sfx{filter:drop-shadow(0 6px 10px rgba(4,3,14,.6))}
:where([data-theme="night"]) .sfx::before{color:#0E0C20;-webkit-text-stroke-color:#0E0C20}
:where([data-theme="night"]) .sfx::after{color:#F4F1FF;-webkit-text-stroke-color:#F4F1FF}
:where([data-theme="night"]) .sfx.ks::after,:where([data-theme="night"]) .gcard .sfx.gk::after{display:none}
:where([data-theme="night"]) .stage .sfx{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--c,#FF7AA8) 60%,transparent)) drop-shadow(0 6px 10px rgba(4,3,14,.6))}
/* Kapitel 第…話 als Neonröhre */
:where([data-theme="night"]) .tate{background:#2A1233;color:#FFE3EC;box-shadow:0 0 0 1.5px var(--neon-pink),0 0 16px -2px rgba(255,79,142,.7),inset 0 0 12px -4px rgba(255,79,142,.75);text-shadow:0 0 6px rgba(255,90,150,.9)}
:where([data-theme="night"]) .sec h2 .hk,:where([data-theme="night"]) .trade h2 .hk{box-shadow:0 0 12px -3px rgba(255,143,179,.55)}
:where([data-theme="night"]) .bsh{fill:#FBF8F3}

/* ================= Hero */
:where([data-theme="night"]) .hero::before{background:radial-gradient(rgba(213,204,255,.13) 1.1px,transparent 1.5px) 0 0/24px 24px}
:where([data-theme="night"]) .hero h1 em{color:var(--butter-2);background:linear-gradient(transparent 86%,rgba(255,217,94,.38) 86% 95%,transparent 95%)}
:where([data-theme="night"]) .game-chip{background:var(--surface)}
/* „Lieber tauschen?“: Indigo-Panel mit Neon-Lav-Versatz statt Tinte */
:where([data-theme="night"]) .trade-hint{background:#4535A6;box-shadow:0 0 0 2px #E9E4FF,6px 6px 0 rgba(169,155,255,.5),0 0 28px -8px rgba(169,155,255,.6)}
:where([data-theme="night"]) .trade-hint:active{box-shadow:0 0 0 2px #E9E4FF,3px 3px 0 rgba(169,155,255,.5)}
:where([data-theme="night"]) .trade-hint .ico,:where([data-theme="night"]) .th-swap .sw{box-shadow:0 0 0 2.5px var(--tusche);color:var(--tusche)}
:where([data-theme="night"]) .th-jp{color:#4535A6}
:where([data-theme="night"]) .trade-hint .go{box-shadow:0 0 0 2px var(--tusche);color:var(--tusche)}
:where([data-theme="night"]) .th-sfx{-webkit-text-stroke-color:var(--tusche)}
/* Bühne: Mond statt Sakura-Scheibe, Fokuslinien in Lavendel, Kartenrahmen in Papier-Lavendel */
:where([data-theme="night"]) .stage .lines{background:var(--lav-2);opacity:.3}
:where([data-theme="night"]) .disc{background:radial-gradient(circle at 31% 29%,rgba(255,255,255,.62),transparent 30%),radial-gradient(circle at 64% 36%,rgba(196,160,80,.2) 0 6.5%,transparent 7%),radial-gradient(circle at 38% 64%,rgba(196,160,80,.17) 0 8.5%,transparent 9%),radial-gradient(circle at 72% 69%,rgba(196,160,80,.14) 0 5%,transparent 5.5%),radial-gradient(circle at 24% 50%,rgba(196,160,80,.12) 0 4%,transparent 4.5%),radial-gradient(circle,#FFF6D8 0,#FBE8B0 58%,#EED596 100%);
  box-shadow:0 0 0 1.5px rgba(255,236,170,.45),0 0 70px 8px rgba(255,214,120,.26),0 0 180px 50px rgba(255,214,120,.1)}
:where([data-theme="night"]) .disc::after{border-color:rgba(213,204,255,.22)}
:where([data-theme="night"]) .fin img{box-shadow:0 0 0 5px var(--frame),0 30px 50px -22px rgba(4,3,14,.95)}
:where([data-theme="night"]) .is-tilting .holo{opacity:.36}
:where([data-theme="night"]) .ptag.t2{box-shadow:0 26px 40px -18px rgba(4,3,14,.9),0 0 0 1.5px rgba(255,143,179,.95),0 0 30px -2px rgba(255,100,160,.55)}
/* +X-%-Sticker als Neon-Schild: dunkle Tafel, gelbe Röhre, pinker Burst dahinter */
:where([data-theme="night"]) .hbadge{filter:drop-shadow(0 0 12px rgba(255,217,94,.32))}
:where([data-theme="night"]) .hbadge svg:not(.bburst) path{fill:#15122C;stroke:var(--neon-butter);stroke-width:3.5}
:where([data-theme="night"]) .hbadge svg:not(.bburst) circle{stroke:rgba(255,226,122,.7)}
:where([data-theme="night"]) .hbadge svg.bburst{fill:rgba(207,46,102,.2);stroke:var(--neon-pink);stroke-width:2.5px;filter:drop-shadow(0 0 7px rgba(255,122,168,.85))}
:where([data-theme="night"]) .hbadge .mid{color:var(--neon-butter)}
:where([data-theme="night"]) .hbadge .mid b{text-shadow:0 0 10px rgba(255,217,94,.75)}
:where([data-theme="night"]) .hbadge .mid .jp{color:var(--neon-pink);text-shadow:0 0 8px rgba(255,90,150,.8)}
:where([data-theme="night"]) .hbadge .mid small{color:#FFF1C2}
/* Gans: nachts mit Laterne; Schatten dunkler */
:where([data-theme="night"]) .mascot .goose{filter:drop-shadow(0 12px 14px rgba(4,3,14,.6))}
:where([data-theme="night"]) .bt-day{display:none}
:where([data-theme="night"]) .bt-night{display:inline}
:where([data-theme="night"]) .lantern{position:absolute;right:-30px;top:6px;z-index:-1;display:block;width:34px;filter:drop-shadow(0 0 10px rgba(255,90,130,.75))}
:where([data-theme="night"]) .lantern::before{content:"";position:absolute;left:50%;top:58%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,rgba(255,120,150,.32),rgba(255,120,150,.08) 45%,transparent 70%);pointer-events:none}
:where([data-theme="night"]) .lantern svg{position:relative;display:block;width:100%;height:auto}
/* Neon-Schilder (Deko, aria-hidden): senkrecht カード買取 in Pink, 24H ネット買取 in Minze */
:where([data-theme="night"]) .neon{position:absolute;z-index:1;display:block;padding:12px 9px;border-radius:12px;background:rgba(14,12,32,.78);color:#FFE9F1;font:900 19px/1.05 var(--round);letter-spacing:.06em;white-space:nowrap;pointer-events:none;
  box-shadow:inset 0 0 0 1.5px rgba(255,122,168,.6),0 0 22px -6px rgba(255,79,142,.55);text-shadow:0 0 4px #FF4F8E,0 0 12px rgba(255,79,142,.85),0 0 24px rgba(255,79,142,.5)}
:where([data-theme="night"]) .neon.nv{left:2%;top:3%;writing-mode:vertical-rl}
:where([data-theme="night"]) .neon.nh{left:2%;bottom:5%;padding:9px 12px 10px;text-align:center;box-shadow:inset 0 0 0 1.5px rgba(111,240,192,.55),0 0 22px -6px rgba(111,240,192,.5);color:#E9FFF6;text-shadow:0 0 4px #3CE6A8,0 0 12px rgba(60,230,168,.8),0 0 24px rgba(60,230,168,.45)}
:where([data-theme="night"]) .neon.nh b{display:block;font-size:24px;font-weight:900;letter-spacing:.02em}
:where([data-theme="night"]) .neon.nh span{display:block;margin-top:5px;color:#FFE9F1;font-size:12px;letter-spacing:.1em;text-shadow:0 0 4px #FF4F8E,0 0 10px rgba(255,79,142,.8)}
/* Regen-Spiegelung unter der Bühne: nasser Asphalt unter dem Mond – farbige Lichtstreifen + Mondschein-Spiegel, statischer
   Verlauf (kein Bild, keine Bewegung). Liegt hinter den Karten, unter der Gans. */
:where([data-theme="night"]) .wet{position:absolute;left:5%;right:5%;bottom:-6px;z-index:0;display:block;height:15%;pointer-events:none;
  background:radial-gradient(26% 62% at 52% 0,rgba(255,232,160,.34),transparent 76%),repeating-linear-gradient(90deg,rgba(255,122,168,.42) 0 2px,transparent 2px 12px,rgba(111,240,192,.32) 12px 13.5px,transparent 13.5px 25px,rgba(182,168,255,.38) 25px 27px,transparent 27px 37px,rgba(255,226,122,.32) 37px 38px,transparent 38px 47px);
  -webkit-mask:linear-gradient(180deg,#000,rgba(0,0,0,.5) 40%,transparent),radial-gradient(56% 150% at 50% 0,#000 30%,transparent 78%);-webkit-mask-composite:source-in;
  mask:linear-gradient(180deg,#000,rgba(0,0,0,.5) 40%,transparent),radial-gradient(56% 150% at 50% 0,#000 30%,transparent 78%);mask-composite:intersect;filter:blur(.6px)}
:where([data-theme="night"]) .wet::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,204,255,.35) 30%,rgba(213,204,255,.35) 70%,transparent)}
@media (max-width:760px){
  :where([data-theme="night"]) .neon.nv{top:2%;padding:8px 6px;font-size:14px}
  :where([data-theme="night"]) .neon.nh{padding:6px 9px 7px}
  :where([data-theme="night"]) .neon.nh b{font-size:18px}
  :where([data-theme="night"]) .neon.nh span{margin-top:4px}
  :where([data-theme="night"]) .lantern{right:auto;left:-30px;top:40px;width:26px}
  :where([data-theme="night"]) .lantern::before{width:90px;height:90px;margin:-45px 0 0 -45px}
}
@media (prefers-reduced-motion:no-preference){
  :where([data-theme="night"]) .neon{animation:neonOn 1.5s linear .25s 1 both}
  :where([data-theme="night"]) .neon.nh{animation-delay:.55s}
}
@keyframes neonOn{0%{opacity:.12}7%{opacity:1}10%{opacity:.25}15%{opacity:1}34%{opacity:.8}37%{opacity:1}100%{opacity:1}}
:where([data-theme="night"]) .pseg{background:var(--field)}
:where([data-theme="night"]) .pseg button[aria-pressed="true"]{color:var(--tusche)}
:where([data-theme="night"]) .fly{background:var(--surface)}
:where([data-theme="night"]) .htrust,:where([data-theme="night"]) .ticker-in{background:var(--surface)}
:where([data-theme="night"]) .htrust a{color:var(--ichigo-hover)}
:where([data-theme="night"]) .ticker-lbl{background:var(--deep);box-shadow:inset 0 0 0 1.5px rgba(255,143,179,.32)}
:where([data-theme="night"]) .ticker-lbl b{box-shadow:0 0 0 1.5px rgba(255,122,168,.8),0 0 12px -2px rgba(255,79,142,.6)}
:where([data-theme="night"]) .track a img{box-shadow:0 0 0 2px var(--frame),0 4px 8px -3px rgba(4,3,14,.7)}

/* ================= Verkaufswege */
:where([data-theme="night"]) .bx .go{color:var(--tusche)}
:where([data-theme="night"]) .bx .wm{-webkit-text-stroke-color:rgba(213,204,255,.16)}
:where([data-theme="night"]) .bx.big{box-shadow:0 0 0 1.5px rgba(255,143,179,.5),0 0 40px -12px rgba(255,79,142,.55)}
:where([data-theme="night"]) .bx.big .go{color:var(--tusche)}
:where([data-theme="night"]) .bx.big .wm{-webkit-text-stroke-color:rgba(255,255,255,.35)}
:where([data-theme="night"]) .bx.big .blines{background:#fff}
:where([data-theme="night"]) .bx.mi p,:where([data-theme="night"]) .bx.bu p{color:var(--ink-2)}
:where([data-theme="night"]) .bx.mi,:where([data-theme="night"]) .bx.bu{box-shadow:inset 0 0 0 1px rgba(213,204,255,.1)}

/* ================= Tauschen 交換 (Startseite): helle Tusche-Rahmen, Nacht-Füllung; Ticket als tiefe Nacht-Tafel */
:where([data-theme="night"]) .trade::before{background:radial-gradient(rgba(169,155,255,.14) 1.1px,transparent 1.5px) 0 0/22px 22px}
:where([data-theme="night"]) .tr-wm{-webkit-text-stroke-color:rgba(169,155,255,.16)}
:where([data-theme="night"]) .tr-steps .n{box-shadow:inset 0 0 0 5px var(--surface),0 0 0 2px var(--ink)}
:where([data-theme="night"]) .tr-facts li,:where([data-theme="night"]) .tex::after{background:var(--surface)}
:where([data-theme="night"]) .tr-facts li{box-shadow:inset 0 0 0 1.5px rgba(169,155,255,.35)}
:where([data-theme="night"]) .tex-lines{opacity:.28}
:where([data-theme="night"]) .tex-ex{box-shadow:0 0 0 2px var(--tusche),3px 3px 0 rgba(255,217,94,.4),0 0 18px -4px rgba(255,217,94,.55);color:var(--tusche)}
:where([data-theme="night"]) .tex-goose .goose{filter:drop-shadow(0 8px 12px rgba(4,3,14,.6))}
:where([data-theme="night"]) .tex-ball{filter:drop-shadow(0 8px 12px rgba(4,3,14,.6))}
:where([data-theme="night"]) .tex-cards img,:where([data-theme="night"]) .tex-cards .ph{box-shadow:0 0 0 4px var(--frame),0 24px 30px -16px rgba(4,3,14,.9)}
:where([data-theme="night"]) .tex-swap{box-shadow:0 0 0 2.5px #E9E4FF,4px 4px 0 rgba(169,155,255,.5),0 0 26px -6px rgba(255,79,142,.6)}
:where([data-theme="night"]) .tex-res{background:var(--deep);box-shadow:inset 0 0 0 1.5px rgba(124,227,182,.4),5px 5px 0 rgba(169,155,255,.35),0 0 30px -10px rgba(111,240,192,.45)}
:where([data-theme="night"]) .tex-res b{color:var(--money);text-shadow:0 0 12px rgba(111,240,192,.45)}
:where([data-theme="night"]) .tex-res .eq{color:var(--ink-3)}
:where([data-theme="night"]) .tr-legal{color:var(--ink-2)}
:where([data-theme="night"]) .mv-slip,:where([data-theme="night"]) .money li{background:var(--surface)}

/* ================= Spiele */
:where([data-theme="night"]) .gcard,:where([data-theme="night"]) .gcard .top,:where([data-theme="night"]) .gcard .kana{background:var(--surface)}
:where([data-theme="night"]) .gcard .top img{box-shadow:0 0 0 4px var(--frame),0 20px 28px -14px rgba(4,3,14,.85)}

/* ================= Schritte (Koma, Szene) und Versand-Panel: helle Tusche-Rahmen, Nacht-Füllung */
:where([data-theme="night"]) .koma::after,:where([data-theme="night"]) .ship::after,:where([data-theme="night"]) .scene::after{background:var(--surface)}
:where([data-theme="night"]) .stamp{box-shadow:inset 0 0 0 6px var(--surface),0 0 0 1.5px var(--st2)}
:where([data-theme="night"]) .stamp i{color:var(--tusche);box-shadow:0 0 0 3px var(--surface)}
:where([data-theme="night"]) .mv-q,:where([data-theme="night"]) .sc-search{background:var(--field)}
:where([data-theme="night"]) .sc-search{box-shadow:0 0 0 1.5px var(--ink),0 0 0 6px rgba(255,255,255,.06),0 20px 30px -18px rgba(4,3,14,.9)}
:where([data-theme="night"]) .mv-card,:where([data-theme="night"]) .sc-card{box-shadow:0 0 0 3px var(--frame),0 12px 18px -10px rgba(4,3,14,.8)}
:where([data-theme="night"]) .sc-card{box-shadow:0 0 0 4px var(--frame),0 26px 36px -20px rgba(4,3,14,.9)}
:where([data-theme="night"]) .mv-slip .send,:where([data-theme="night"]) .slip .send,:where([data-theme="night"]) .mv-i.a,:where([data-theme="night"]) .rt-i,:where([data-theme="night"]) .gh-pill,:where([data-theme="night"]) .money li.gh{color:var(--tusche)}
:where([data-theme="night"]) .mv-slip .send .ok,:where([data-theme="night"]) .slip .send .ok{color:#fff}
:where([data-theme="night"]) .mv-route,:where([data-theme="night"]) .route{background:linear-gradient(90deg,rgba(169,155,255,.65) 55%,transparent 0) 0 0/11px 3px}
:where([data-theme="night"]) .mv-i.b,:where([data-theme="night"]) .rt-i.b,:where([data-theme="night"]) .sc-cap,:where([data-theme="night"]) .slip{background:var(--surface)}
:where([data-theme="night"]) .sc-cap .jp{color:var(--ichigo-hover)}
:where([data-theme="night"]) .sc-lines{background:var(--mint-2)}
:where([data-theme="night"]) .scene[data-s="4"] .sc-lines{opacity:.5}
:where([data-theme="night"]) body:not([data-pay="credit"]) .sl-m span:first-child,:where([data-theme="night"]) [data-pay="credit"] .sl-m span:last-child{color:var(--tusche)}
:where([data-theme="night"]) .money li.gh{box-shadow:0 0 0 3px var(--mint),0 0 26px -6px rgba(111,240,192,.6)}
:where([data-theme="night"]) .money li.gh .ic{background:var(--tusche);color:var(--money)}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .js-seen:where([data-theme="night"]) .story:not(.no-scene) .stamp{box-shadow:inset 0 0 0 6px var(--bg),0 0 0 1.5px var(--st2)}
  .js-seen:where([data-theme="night"]) .story:not(.no-scene) .koma.on .stamp{box-shadow:inset 0 0 0 6px var(--bg),0 0 0 2.5px var(--ink),0 0 22px -4px color-mix(in srgb,var(--st2) 70%,transparent)}
}
:where([data-theme="night"]) .ruler .rmk{box-shadow:inset 0 0 0 5px var(--surface),0 0 0 1.5px var(--st2)}
:where([data-theme="night"]) .ship-grid a,:where([data-theme="night"]) .ship-links a{color:var(--ichigo-hover)}

/* ================= Preis-Beleg */
:where([data-theme="night"]) .doc{background:var(--surface)}
:where([data-theme="night"]) .crow b{background:var(--bg-2)}
:where([data-theme="night"]) .crow:first-child b{color:var(--tusche)}
:where([data-theme="night"]) .payout>button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--surface),0 0 0 5.5px var(--ichigo),0 0 22px -4px rgba(255,79,142,.6)}
:where([data-theme="night"]) .payout .p1{background:var(--deep);box-shadow:inset 0 0 0 1.5px var(--line-2)}
:where([data-theme="night"]) .payout .p2 small{color:var(--ink-2)}
:where([data-theme="night"]) .payout>button[aria-pressed="true"].p1{box-shadow:inset 0 0 0 1.5px var(--line-2),0 0 0 3px var(--surface),0 0 0 5.5px var(--ichigo),0 0 22px -4px rgba(255,79,142,.6)}
:where([data-theme="night"]) .doc-hanko{border-color:rgba(255,122,168,.75);color:var(--neon-pink);text-shadow:0 0 8px rgba(255,90,150,.6)}
@media (max-width:760px){:where([data-theme="night"]) .doc-hanko{background:var(--surface);box-shadow:0 0 0 4px var(--bg)}}

/* ================= Beliebte Karten 人気 */
:where([data-theme="night"]) .hcard,:where([data-theme="night"]) .face.bk{background:var(--surface)}
:where([data-theme="night"]) .hcard .tilt img{box-shadow:0 12px 20px -14px rgba(4,3,14,.9)}
:where([data-theme="night"]) .bk-r:first-child b{color:var(--tusche)}
:where([data-theme="night"]) .face.fr .v{box-shadow:0 0 0 2px var(--surface)}
:where([data-theme="night"]) .hcard .eye{background:var(--surface)}
:where([data-theme="night"]) .hcard .p small .jp{color:var(--ichigo-hover)}
:where([data-theme="night"]) .hcard .add.on{color:var(--tusche)}

/* ================= FAQ, Wer kauft an */
:where([data-theme="night"]) .whobuys{background:var(--surface)}
:where([data-theme="night"]) .whobuys .th{background:var(--deep)}

/* ================= Hover (nur Maus) */
@media (hover:hover) and (pointer:fine){
  :where([data-theme="night"]) .trade-hint:hover{box-shadow:0 0 0 2px #E9E4FF,8px 8px 0 rgba(169,155,255,.55),0 0 34px -8px rgba(169,155,255,.7)}
  :where([data-theme="night"]) .hcard .eye:hover{background:#5A2A63}
  :where([data-theme="night"]) .payout>button[aria-pressed="false"]:hover{box-shadow:0 0 0 3px var(--surface),0 0 0 4.5px var(--line-2)}
  :where([data-theme="night"]) .payout>button.p1[aria-pressed="false"]:hover{box-shadow:inset 0 0 0 1.5px var(--line-2),0 0 0 3px var(--surface),0 0 0 4.5px var(--line-2)}
  :where([data-theme="night"]) .tk-btn:not(:disabled):hover,:where([data-theme="night"]) .gcard:hover .arr{color:var(--tusche)}
  :where([data-theme="night"]) .bx.big:hover{box-shadow:0 0 0 1.5px rgba(255,143,179,.7),0 0 50px -10px rgba(255,79,142,.7)}
}

/* ================= Tauschen (p-trade.css) – nur bestehende Klassen */
:where([data-theme="night"]) .tf-top::before{background:radial-gradient(rgba(213,204,255,.12) 1.1px,transparent 1.5px) 0 0/24px 24px}
:where([data-theme="night"]) .tf-top h1 span{color:var(--butter-2);background:linear-gradient(transparent 86%,rgba(255,217,94,.38) 86% 95%,transparent 95%)}
:where([data-theme="night"]) .tf-h1jp{-webkit-text-stroke-color:rgba(169,155,255,.18)}
:where([data-theme="night"]) .tf-panel,:where([data-theme="night"]) .tf-panel.get{--hs:var(--ink-2)}
:where([data-theme="night"]) .tf-k .jp{color:var(--neon-pink)}
:where([data-theme="night"]) .tf-facts li,:where([data-theme="night"]) .tf-hjp,:where([data-theme="night"]) .tf-kinds,:where([data-theme="night"]) .tf-chips button,:where([data-theme="night"]) .tf-tile,:where([data-theme="night"]) .tf-fill-head .jp,:where([data-theme="night"]) .tf-fill-go,:where([data-theme="night"]) .tk-body,:where([data-theme="night"]) .tk-no,:where([data-theme="night"]) .tf-tag,:where([data-theme="night"]) .tf-edit,:where([data-theme="night"]) .tf-more-th,:where([data-theme="night"]) .tf-empty i,:where([data-theme="night"]) .tf-snd,:where([data-theme="night"]) .tf-note{background:var(--surface)}
:where([data-theme="night"]) .tf-sort,:where([data-theme="night"]) .tf-filter select,:where([data-theme="night"]) .tf-cat,:where([data-theme="night"]) .tf-q{background-color:var(--field)}
:where([data-theme="night"]) .tf-more{background:transparent}
:where([data-theme="night"]) .tf-kinds button.on,:where([data-theme="night"]) .tf-chips button.on,:where([data-theme="night"]) .tf-addb.on,:where([data-theme="night"]) .tf-step,:where([data-theme="night"]) .tf-step button,:where([data-theme="night"]) .tf-new,:where([data-theme="night"]) .tf-thumb b,:where([data-theme="night"]) .tf-swap,:where([data-theme="night"]) .stub-h .jp,:where([data-theme="night"]) .tf-snd[aria-pressed=true],:where([data-theme="night"]) .tf-lever .knob,:where([data-theme="night"]) .tf-how b i{color:var(--tusche)}
:where([data-theme="night"]) .tf-kinds button.on .k{color:#8C1D45}
:where([data-theme="night"]) .tf-chips button.on small{background:rgba(30,27,57,.12);color:var(--tusche)}
:where([data-theme="night"]) .tf-q input::placeholder{color:#9C97C4}
:where([data-theme="night"]) .tf-empty-state{background:rgba(255,255,255,.04)}
:where([data-theme="night"]) .tf-fill-head{background:rgba(255,255,255,.05)}
:where([data-theme="night"]) .tf-vl{color:var(--tusche)}
:where([data-theme="night"]) .tf-ck{box-shadow:0 0 0 2.5px var(--surface)}
:where([data-theme="night"]) .tf-tile{box-shadow:0 0 0 1px rgba(213,204,255,.07),0 8px 16px -12px rgba(4,3,14,.8)}
:where([data-theme="night"]) .tf-tile.on{box-shadow:0 0 0 2.5px var(--ichigo),0 0 18px -6px rgba(255,79,142,.6)}
:where([data-theme="night"]) .tf-tile.get{box-shadow:0 0 0 1px rgba(213,204,255,.07),0 14px 24px -14px rgba(4,3,14,.85)}
:where([data-theme="night"]) .tf-tile.get.on{box-shadow:0 0 0 2.5px var(--ichigo),0 0 18px -6px rgba(255,79,142,.6)}
:where([data-theme="night"]) .tf-tile.get.off{box-shadow:0 0 0 1px rgba(213,204,255,.05)}
:where([data-theme="night"]) .tf-tile.get:not(.on):has(:focus-visible){box-shadow:0 0 0 2.5px var(--ink),0 14px 24px -14px rgba(4,3,14,.85)}
:where([data-theme="night"]) .tf-new{box-shadow:0 0 0 2px var(--surface),0 4px 8px -4px rgba(4,3,14,.7)}
:where([data-theme="night"]) .tf-img .tf-wm{color:var(--tusche-2)}
:where([data-theme="night"]) .tf-ticket{filter:drop-shadow(0 20px 22px rgba(4,3,14,.7)) drop-shadow(0 0 1px rgba(213,204,255,.35))}
:where([data-theme="night"]) .tk-no{box-shadow:inset 0 0 0 1.5px var(--ink)}
:where([data-theme="night"]) .tf-side.give .tf-subl,:where([data-theme="night"]) .tf-side.get .tf-subl{color:var(--ink-2)}
:where([data-theme="night"]) .tf-thumb{box-shadow:0 0 0 2px var(--frame),0 6px 10px -6px rgba(4,3,14,.8)}
:where([data-theme="night"]) .tf-empty{background:rgba(255,255,255,.04)}
:where([data-theme="night"]) .tf-side.give .tf-empty{border-color:rgba(111,221,176,.36)}
:where([data-theme="night"]) .tf-side.get .tf-empty{border-color:rgba(255,143,179,.36)}
:where([data-theme="night"]) .tf-swap{box-shadow:0 0 0 4px var(--surface)}
:where([data-theme="night"]) .tf-scale b{box-shadow:0 0 0 3px var(--surface),0 0 10px rgba(255,217,94,.5)}
:where([data-theme="night"]) .tk-stub{background:var(--deep)}
:where([data-theme="night"]) .tf-snd{box-shadow:inset 0 0 0 1.5px var(--line-2)}
:where([data-theme="night"]) .tf-lever{--b-sh:inset 0 1px 0 rgba(255,255,255,.3),0 5px 0 var(--ichigo-deep),0 0 30px -6px rgba(255,79,142,.6),0 16px 22px -12px rgba(0,0,0,.6)}
:where([data-theme="night"]) .tf-lever.is-disabled{--b-sh:inset 0 1px 0 rgba(255,255,255,.08),0 5px 0 #1C1A33,0 16px 22px -14px rgba(0,0,0,.6)}
:where([data-theme="night"]) .tf-perch .goose{filter:drop-shadow(0 8px 10px rgba(4,3,14,.6))}
:where([data-theme="night"]) .tf-lights .lo{stroke:#3A3570}
:where([data-theme="night"]) .tf-how b{box-shadow:inset 0 0 0 6px var(--bg),0 0 0 1.5px var(--st2)}
:where([data-theme="night"]) .tf-how b i{box-shadow:0 0 0 3px var(--bg)}
@media (max-width:900px){
  :where([data-theme="night"]) .tf-tabs{background:var(--surface)}
  :where([data-theme="night"]) .tf-tabs button.on .n{background:var(--surface)}
  :where([data-theme="night"]) .tf-tabs-swap{color:var(--tusche);box-shadow:0 0 0 3px var(--surface)}
  :where([data-theme="night"]) .dk{background:var(--hdr);box-shadow:0 -1px 0 rgba(213,204,255,.12),0 -14px 30px -14px rgba(4,3,14,.9)}
}
@media (hover:hover) and (pointer:fine){
  :where([data-theme="night"]) .tf-edit:hover,:where([data-theme="night"]) .tf-more-th:hover,:where([data-theme="night"]) .tf-more:hover,:where([data-theme="night"]) .tf-fill-go:hover{color:var(--tusche)}
  :where([data-theme="night"]) .tf-step button:not(:disabled):hover{background:rgba(30,27,57,.12)}
  :where([data-theme="night"]) .tf-snd[aria-pressed=true]:hover{color:var(--tusche)}
  :where([data-theme="night"]) .tf-lever:not(.is-disabled):hover{--b-bg:#B4225A}
  :where([data-theme="night"]) .tf-tile.get:not(.off):hover{box-shadow:0 0 0 1px rgba(213,204,255,.1),0 24px 34px -18px rgba(4,3,14,.9)}
  :where([data-theme="night"]) .tf-tile.get.on:not(.off):hover{box-shadow:0 0 0 2.5px var(--ichigo),0 0 24px -6px rgba(255,79,142,.7)}
  :where([data-theme="night"]) .tf-tile.get:not(.on):not(.off):hover:has(:focus-visible){box-shadow:0 0 0 2.5px var(--ink),0 24px 34px -18px rgba(4,3,14,.9)}
}

/* ================= Katalog, Bulk, Sammlung, Import, Liste */
:where([data-theme="night"]) .routes{background:var(--surface)}
:where([data-theme="night"]) .coll-steps li::before{color:var(--tusche)}

/* ================= Slabs: dunkles Acryl-Case */
:where([data-theme="night"]) .slab-step{color:var(--tusche)}
:where([data-theme="night"]) .slab-hit{background:var(--surface)}
:where([data-theme="night"]) .slab-case{background:linear-gradient(160deg,#3A3668,#211E45);box-shadow:inset 0 0 0 1px rgba(213,204,255,.22),inset 0 1px 0 rgba(255,255,255,.18),0 10px 18px -10px rgba(4,3,14,.8)}
:where([data-theme="night"]) .slab-case i{background:repeating-linear-gradient(135deg,var(--bg-2) 0 8px,var(--surface) 8px 16px)}
:where([data-theme="night"]) .slab-label,:where([data-theme="night"]) .slab-none .slab-case::before{background:#C0341D}
:where([data-theme="night"]) .slab-none .slab-case::before{background:var(--line-2)}

/* ================= Kasse */
:where([data-theme="night"]) .co-steps .cs i{background:var(--surface)}
:where([data-theme="night"]) .co-steps .cs.done i,:where([data-theme="night"]) .co-section .card-head .n,:where([data-theme="night"]) .done-steps li::before{color:var(--tusche)}
:where([data-theme="night"]) .co-section .err::before,:where([data-theme="night"]) .co-summary .err::before{background-color:#D9452B}

/* ================= Konto */
:where([data-theme="night"]) .acc-nav,:where([data-theme="night"]) .sub-row{background:var(--surface)}
:where([data-theme="night"]) .kpi-balance{background:var(--mint)}
:where([data-theme="night"]) .acc-nav a.on,:where([data-theme="night"]) .acc-nav a.on svg{color:var(--tusche)}
:where([data-theme="night"]) .timeline .tl::before{background:var(--surface)}
:where([data-theme="night"]) .timeline .tl.done::before{background-color:#5B4FC9}

/* ================= Inhalte (So funktioniert's, FAQ, Zustand, Versand, Recht, Fehler) */
:where([data-theme="night"]) .rd-head p.rd-meta,:where([data-theme="night"]) .rd-toc-m,:where([data-theme="night"]) .hw-alt,:where([data-theme="night"]) .hw-price,:where([data-theme="night"]) .fq-chips a,:where([data-theme="night"]) .cs-meter,:where([data-theme="night"]) .cs .cond-card,:where([data-theme="night"]) .cs-list,:where([data-theme="night"]) .sh-tiers li,:where([data-theme="night"]) .sh-label,:where([data-theme="night"]) .lg .rd-doc,:where([data-theme="night"]) .cs-list.is-ok .cs-li{background:var(--surface)}
:where([data-theme="night"]) .hw-n,:where([data-theme="night"]) .fq-chips a[aria-current],:where([data-theme="night"]) .cs-col b,:where([data-theme="night"]) .cs .cond-card .cc-code,:where([data-theme="night"]) .sh-steps li::before{color:var(--tusche)}
:where([data-theme="night"]) .cs-list.is-ok li::before{background-color:var(--money-solid)}

/* ================= Banner „Ganze Sammlung anbieten“ (public/_sammlung_banner.html, p-sammlung-banner.css)
   Helle Tusche-Rahmen wie die Koma der Startseite, Nacht-Füllung; Butter-Panel als warmes Nachtlicht mit Lavendel-
   Fokuslinien; Sprechblase bleibt Papier-Insel; ドサッ bekommt den Neon-Schein der Bühne. */
:where([data-theme="night"]) .cc-body::after{background:var(--surface)}
:where([data-theme="night"]) .cc-pane{background:radial-gradient(circle,rgba(255,217,94,.26) 1.7px,transparent 2.1px) 0 0/10px 10px,radial-gradient(120% 90% at 50% 100%,#4A3E1F,var(--butter) 70%)}
:where([data-theme="night"]) .cc-lines{background:repeating-conic-gradient(from 3deg at 50% 64%,rgba(169,155,255,.34) 0 1.4deg,transparent 1.4deg 7.5deg)}
:where([data-theme="night"]) .cc-goose{filter:drop-shadow(0 10px 14px rgba(4,3,14,.7))}
:where([data-theme="night"]) .cc-ball{background:#FBF8F3;box-shadow:0 0 0 2px #1E1B39,0 0 0 3.5px rgba(255,226,122,.55),0 10px 18px -8px rgba(4,3,14,.8)}
:where([data-theme="night"]) .cc-sfx{color:#FF7AA8;filter:drop-shadow(0 0 8px rgba(255,100,160,.55))}
:where([data-theme="night"]) .cc-alt b{text-decoration-color:var(--ichigo-hover)}
/* Startseite, Kachel „Ganze Sammlung“: Gans mit Karton + Einsteiger-Blase (Papier-Insel) */
:where([data-theme="night"]) .bx-ball,:where([data-theme="night"]) .bx-ball::after{background:#FBF8F3}
:where([data-theme="night"]) .bx-ball{box-shadow:0 0 0 2px #1E1B39,0 0 0 3.5px rgba(255,226,122,.5),0 10px 18px -8px rgba(4,3,14,.8)}
:where([data-theme="night"]) .bx-goose .goose{filter:drop-shadow(0 10px 14px rgba(4,3,14,.7))}
}