/* Nachtmodus „Tokio bei Nacht“ – Schalter (beide Themen), Nacht-Tokens und Überschreibungen für das System (app.css,
   p-list.css). Seiten-Feinschliff der Nacht: p-night.css. Lädt auf allen öffentlichen Seiten NACH dem Seiten-CSS.
   Thema: <html data-theme="night|day"> (js/theme-boot.js, blockierend im <head> → kein Aufblitzen). Admin/Mails/PDF: immer hell.
   Aufbau Nacht-Teil: @media screen (Drucken bleibt hell) + :where([data-theme="night"]) vor jedem Selektor – Spezifität +0,
   die Kaskade der Original-Regeln bleibt also gleich; die Datei lädt zuletzt und gewinnt bei Gleichstand.
   Regeln der Nacht: Tinten-Navy statt Washi, erhöhte Nacht-Flächen, Text lavendel-weiß (alle Paare ≥ 4,5 : 1), Pastelle werden
   dunkle Tönungen mit hellen „-ink“-Texten, Neon nur an Schlüsselstellen (CTA, Preisschilder, Sticker, Kapitel). Was hell auf
   Tinte war (aktive Pillen, Zähler-Kreise), leuchtet nachts hell mit dunkler Tusche (--tusche) – „angeknipst“. */

/* == Sonne/Mond-Schalter (beide Themen). Die Knopf-Position hängt am Thema auf <html>, nicht an aria-pressed – so springt
      beim Laden nichts. */
.theme-btn{display:inline-grid;flex:none;place-items:center;height:44px;padding:0 2px;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;transition:transform .16s var(--ease-out)}
.theme-btn:active{transform:scale(.95)}
.th-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:62px;height:34px;padding:0 9px;border-radius:999px;background:var(--bg-2);box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink-3);transition:box-shadow .2s ease}
.th-track svg{position:relative;z-index:1;display:block;transition:color .25s ease}
.th-knob{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:var(--butter-2);box-shadow:0 0 0 1.5px var(--ink),0 3px 6px -2px rgba(30,27,57,.35);transition:transform .34s var(--spring),background-color .25s ease,box-shadow .25s ease}
.th-sun{color:var(--ink)}
[data-theme="night"] .th-knob{transform:translateX(28px);background:var(--lav-2);box-shadow:0 0 0 1.5px #E9E4FF,0 0 14px rgba(169,155,255,.65)}
[data-theme="night"] .th-sun{color:var(--ink-3)}
[data-theme="night"] .th-moon{color:var(--tusche)}
@media (hover:hover) and (pointer:fine){.theme-btn:hover .th-track{box-shadow:inset 0 0 0 1.5px var(--ink)}}
/* Handy-Menü: eigene Zeile „Nachtmodus“ mit demselben Schalter (im Kopf ist am Handy kein Platz) */
.mn-theme{display:none}
@media (max-width:760px){
  .theme-btn{display:none}
  .mobile-nav.open .mn-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0;border:0;background:none;color:var(--ink);font:700 16px/1.2 var(--sans);text-align:left;cursor:pointer;touch-action:manipulation}
  .mn-theme:active .th-track{transform:scale(.96)}
}
/* Umschalten: ein Bild lang keine Übergänge (sonst zieht jede Fläche einzeln nach) */
.th-sw *,.th-sw *::before,.th-sw *::after{transition:none!important}
/* Nacht-Teile der Gans und der Startseite sind tagsüber aus (die Gans versteckt sie zusätzlich per SVG-Attribut) */
.goose .g-night{display:none}

@media screen{
:root[data-theme="night"]{color-scheme:dark;
  --bg:#1A1834;--bg-2:#2A2655;--surface:#23204A;--cream:#201D45;
  --ink:#F4F1FF;--ink-2:#CFCAEB;--ink-3:#B4AFD8;--muted:#BEB9DE;--muted-2:#8D88B6;--line:#353063;--line-2:#4A447F;
  --ichigo-hover:#FF8DB4;--ichigo-soft:#3E2048;
  --sakura:#43214D;--sakura-2:#FF8FB3;--sakura-ink:#FFC4D5;
  --mint:#173C3E;--mint-2:#6FDDB0;--mint-ink:#A6EBCD;--money:#7CE3B6;
  --butter:#3B331F;--butter-2:#FFD95E;--butter-ink:#FFE6A0;
  --lav:#2E2963;--lav-2:#A99BFF;--lav-ink:#D2C9FF;
  --sora:#1C2F55;--sora-ink:#A9CBFF;--red:#FF8A73;--red-50:#3D1F2A;--amber:#FFC266;--amber-50:#3A2D1C;
  --special:#FFD966;
  --butter-25:color-mix(in srgb,var(--butter) 70%,var(--surface));--lav-25:color-mix(in srgb,var(--lav) 70%,var(--surface));--mint-25:color-mix(in srgb,var(--mint) 70%,var(--surface));--red-25:color-mix(in srgb,var(--red-50) 70%,var(--surface));--red-ring:color-mix(in srgb,var(--red) 40%,var(--red-50));
  --sh-1:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px -18px rgba(4,3,14,.85);
  --sh-2:inset 0 1px 0 rgba(255,255,255,.05),0 36px 60px -30px rgba(4,3,14,.95);
  --sh-3:0 30px 70px -20px rgba(4,3,14,.9),0 0 0 1px rgba(213,204,255,.12);
  --chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23CFCAEB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23F4F1FF' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
  /* nur nachts: dunkle Tusche auf hellen/Neon-Flächen, Eingabefeld, tiefe Nacht (Topbar, Fuß, Rechen-Panels), Neon */
  --tusche:#1E1B39;--tusche-2:#56546C;--field:#1D1A40;--deep:#110F25;--hdr:#16142E;--frame:#E4DFFA;--money-solid:#0B7A4B;
  --neon-pink:#FF7AA8;--neon-mint:#6FF0C0;--neon-butter:#FFE27A;--neon-lav:#B6A8FF;
  --glow-pink:0 0 0 1.5px rgba(255,143,179,.9),0 0 22px -2px rgba(255,100,160,.5);}
html[data-theme="night"]{scrollbar-color:#4A447F var(--bg)}
:where([data-theme="night"]) ::selection{background:var(--butter-2);color:var(--tusche)}
:where([data-theme="night"]) ::placeholder{color:#9C97C4}
:where([data-theme="night"]) .skip-link,:where([data-theme="night"]) .skip-link:focus{color:var(--tusche)}

/* -- Knöpfe: Tinte wird nachts eine helle, „angeknipste“ Pille mit Tusche-Schrift; Ichigo bleibt Ichigo (mit Neon-Schein) */
:where([data-theme="night"]) .btn{--b-fg:var(--tusche)}
:where([data-theme="night"]) .btn-primary,:where([data-theme="night"]) .btn-money,:where([data-theme="night"]) .btn-gold{--b-fg:#fff}
/* die Varianten setzen ihre Schriftfarbe wieder selbst (gleiche Spezifität wie .btn – sonst gewänne die Nacht-Regel oben) */
:where([data-theme="night"]) .btn-light,:where([data-theme="night"]) .btn-outline,:where([data-theme="night"]) .btn-ghost{--b-fg:var(--ink)}
:where([data-theme="night"]) .btn-danger{--b-fg:var(--red)}
:where([data-theme="night"]) .btn-primary{--b-sh:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.18),0 10px 26px -10px rgba(255,70,140,.62)}
:where([data-theme="night"]) .btn-money,:where([data-theme="night"]) .btn-gold{--b-bg:var(--money-solid)}
:where([data-theme="night"]) :where(.btn):hover{--b-bg:#DCD6FF}
:where([data-theme="night"]) .btn-light{--b-bg:var(--bg-2)}
:where([data-theme="night"]) .btn-outline{--b-bg:transparent}
:where([data-theme="night"]) .btn-ghost{--b-bg:transparent}
:where([data-theme="night"]) .btn-danger{--b-bg:transparent;--b-sh:inset 0 0 0 1.5px rgba(255,138,115,.5)}
:where([data-theme="night"]) .btn[disabled],:where([data-theme="night"]) .btn.is-disabled{--b-bg:#2E2A55;--b-fg:#A29DC8}
:where([data-theme="night"]) .header-search .hs-btn{--b-bg:var(--lav-2);--b-fg:var(--tusche)}
:where([data-theme="night"]) .header-search .hs-btn:hover{--b-bg:#C4B9FF}
:where([data-theme="night"]) ::file-selector-button{color:var(--tusche)}

/* -- Etiketten, Stempel, Preisschild */
:where([data-theme="night"]) .badge-ink{background:var(--bg-2)}
:where([data-theme="night"]) .jp-chip.is-ink{color:var(--tusche)}
:where([data-theme="night"]) .hanko{background:rgba(22,20,46,.86);color:var(--neon-pink);box-shadow:0 0 14px -2px rgba(255,100,160,.45),inset 0 0 10px -4px rgba(255,100,160,.6)}
:where([data-theme="night"]) .is-ichigo.hanko,:where([data-theme="night"]) .is-ichigo.hk{color:var(--neon-pink)}
/* Papier-Inseln: Preisschilder und Sprechblasen bleiben nachts Papier mit Tusche – darin gelten die Tag-Farben */
:where([data-theme="night"]) .ptag,:where([data-theme="night"]) .gbubble,:where([data-theme="night"]) .tball,:where([data-theme="night"]) .tf-bubble,:where([data-theme="night"]) .mv-tag,:where([data-theme="night"]) .env-f{--ink:#1E1B39;--ink-2:#56546C;--ink-3:#676579;--line:#ECE6DF;--line-2:#DDD5CC;--money:#0A7446;--sakura:#FFE6EC;--sakura-2:#FFC8D5;--sakura-ink:#8C1D45;--mint:#DDF3EA;--mint-2:#AEE4CD;--mint-ink:#0A6340;--lav:#EEEAFF;--lav-2:#D5CCFF;--lav-ink:#4535A6;--butter:#FFF2C4;--butter-2:#FFDF78;--butter-ink:#5E4A00;--ichigo-hover:#B4225A;color:#1E1B39}
:where([data-theme="night"]) .goose .g-night{display:inline}
:where([data-theme="night"]) .ptag{background:#FBF8F3;box-shadow:0 18px 30px -16px rgba(4,3,14,.85),var(--glow-pink)}

/* -- Flächen, Hinweise */
:where([data-theme="night"]) .notice{color:#FFD9A0;box-shadow:inset 0 0 0 1.5px rgba(255,194,102,.32)}
:where([data-theme="night"]) .notice-blue,:where([data-theme="night"]) .flash-info{color:#C7DBFF;box-shadow:inset 0 0 0 1.5px rgba(169,203,255,.3)}
:where([data-theme="night"]) .notice-red,:where([data-theme="night"]) .flash-error{color:#FFB9A9;box-shadow:inset 0 0 0 1.5px rgba(255,138,115,.34)}
:where([data-theme="night"]) .notice-green,:where([data-theme="night"]) .flash-success{color:var(--mint-ink);box-shadow:inset 0 0 0 1.5px rgba(111,221,176,.34)}
:where([data-theme="night"]) .field>span.err::before{background-color:#D9452B}

/* -- Formulare */
:where([data-theme="night"]) .input{background:var(--field)}
:where([data-theme="night"]) .field .req,:where([data-theme="night"]) .prose li::marker{color:var(--ichigo-hover)}
:where([data-theme="night"]) .input:hover{border-color:#6A63A8}
:where([data-theme="night"]) .choice .choice-box{background:var(--surface)}
:where([data-theme="night"]) .seg button.on,:where([data-theme="night"]) .seg input:checked+span{color:var(--tusche)}
:where([data-theme="night"]) .stepper{background:var(--field)}
:where([data-theme="night"]) .stepper.in button,:where([data-theme="night"]) .stepper.in input{color:var(--tusche)}

/* -- Kopf: tiefe Topbar, Nacht-Kopf mit Neon-Unterstrich, angeknipste aktive Pillen */
:where([data-theme="night"]) .topbar{background:var(--deep);box-shadow:inset 0 -1px 0 rgba(213,204,255,.08)}
:where([data-theme="night"]) .topbar .tb-jp{box-shadow:inset 0 0 0 1px rgba(255,143,179,.45)}
:where([data-theme="night"]) .site-header,:where([data-theme="night"]) .gamebar{background:var(--hdr)}
:where([data-theme="night"]) .gamebar{box-shadow:none}
:where([data-theme="night"]) .gamebar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:linear-gradient(90deg,rgba(255,122,168,0),#FF7AA8 18%,#B6A8FF 50%,#6FF0C0 82%,rgba(111,240,192,0));box-shadow:0 0 10px rgba(255,122,168,.45),0 0 18px rgba(182,168,255,.3);pointer-events:none}
:where([data-theme="night"]) .header-search{background:var(--field)}
:where([data-theme="night"]) .header-search:focus-within{background:#221F48}
:where([data-theme="night"]) .hdr-trade[aria-current]{color:var(--tusche)}
:where([data-theme="night"]) .cart-btn{background:var(--bg-2);box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink)}
:where([data-theme="night"]) .gamebar a.on,:where([data-theme="night"]) .gamebar a.on:hover{color:var(--tusche)}
:where([data-theme="night"]) .gamebar .gb-trade:hover{background:#3A3478}
:where([data-theme="night"]) .gamebar .gb-trade.on{color:var(--tusche)}
:where([data-theme="night"]) .mobile-nav.open{background:var(--hdr)}
/* Marke nachts = Vorlage „auf Tinte“ (Weiß + Sakura #FFC8D5), nicht die lavendel-weiße Nacht-Tinte; die Gans bleibt gleich */
:where([data-theme="night"]) .logo{--logo-word:#fff;--logo-tag:#FFC8D5}
@media (max-width:1311px){
  :where([data-theme="night"]) .gb-menu{background:var(--hdr)}
  :where([data-theme="night"]) .gb-menu::before{background:linear-gradient(90deg,rgba(22,20,46,0),rgba(22,20,46,.86) 55%,var(--hdr) 88%)}
  :where([data-theme="night"]) .gb-menu::after{background:var(--hdr)}
  :where([data-theme="night"]) .mobile-nav.open{background:var(--hdr)}
}
@media (max-width:760px){:where([data-theme="night"]) .gamebar::after{display:none}:where([data-theme="night"]) .site-header{box-shadow:0 1px 0 var(--line)}}

/* -- Fuß: tiefe Nacht, Skyline-Silhouette mit ein paar erleuchteten Fenstern (statisches SVG, nur nachts) */
:where([data-theme="night"]) .site-footer{background:var(--deep)}
:where([data-theme="night"]) .site-footer::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 30px);z-index:-1;height:118px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 118' preserveAspectRatio='none'%3E%3Cpath d='M0 118V68H72V118ZM72 118V76L104 68L136 76V118ZM138 118V44H242V118ZM154 44V30H156V44ZM242 118V68L270 60L298 68V118ZM298 118V60H340V118ZM324 60V46H326V60ZM344 118V26H436V18H448V118ZM394 26V12H396V26ZM448 118V68H496V118ZM496 118V60H584V118ZM535 60V46H537V60ZM584 118V26H626V118ZM626 118V52L650 44L674 52V118ZM674 118V60L706 52L738 60V118ZM738 118V68H768V60H780V118ZM780 118V84H814V118ZM818 118V34H922V118ZM852 34V20H854V34ZM926 118V84H974V118ZM974 118V60H1008V118ZM983 60V46H985V60ZM1008 118V26H1064V118ZM1066 118V68H1138V118ZM1138 118V52H1160V44H1172V118ZM1157 52V38H1159V52ZM1174 118V78H1250V70H1262V118ZM1264 118V52H1328V118ZM1332 118V34H1376V26H1388V118ZM1388 118V76H1492V118Z' fill='%23110F25'/%3E%3Cpath d='M1172 118L1188 26H1196L1212 118H1204L1194 48H1190L1180 118Z' fill='%23110F25'/%3E%3Cpath d='M1177 88H1207V93H1177ZM1183 60H1201V64H1183Z' fill='%23110F25'/%3E%3Cpath d='M1191 26V6H1193V26Z' fill='%23110F25'/%3E%3Ccircle cx='1192' cy='5' r='2.2' fill='%23FF7AA8'/%3E%3Ccircle cx='1192' cy='58' r='1.6' fill='%23FFE27A' fill-opacity='.8'/%3E%3Crect x='37' y='90' width='4' height='6' fill='%239FF2D0' fill-opacity='.45'/%3E%3Crect x='17' y='102' width='4' height='6' fill='%239FF2D0' fill-opacity='.6'/%3E%3Crect x='27' y='102' width='4' height='6' fill='%23FFE27A' fill-opacity='.45'/%3E%3Ccircle cx='155' cy='29' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='195' y='54' width='4' height='6' fill='%23C9BEFF' fill-opacity='.45'/%3E%3Crect x='145' y='78' width='4' height='6' fill='%23C9BEFF' fill-opacity='.6'/%3E%3Crect x='215' y='78' width='4' height='6' fill='%23FF9EC0' fill-opacity='.6'/%3E%3Crect x='155' y='90' width='4' height='6' fill='%23FFE27A' fill-opacity='.45'/%3E%3Ccircle cx='325' cy='45' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='305' y='70' width='4' height='6' fill='%23FFE27A' fill-opacity='.75'/%3E%3Crect x='315' y='82' width='4' height='6' fill='%23FFE27A' fill-opacity='.75'/%3E%3Ccircle cx='395' cy='11' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='381' y='96' width='4' height='6' fill='%23C9BEFF' fill-opacity='.6'/%3E%3Crect x='465' y='102' width='4' height='6' fill='%23C9BEFF' fill-opacity='.75'/%3E%3Ccircle cx='536' cy='45' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='563' y='70' width='4' height='6' fill='%23C9BEFF' fill-opacity='.6'/%3E%3Crect x='503' y='106' width='4' height='6' fill='%23C9BEFF' fill-opacity='.75'/%3E%3Crect x='553' y='106' width='4' height='6' fill='%23FFE27A' fill-opacity='.6'/%3E%3Crect x='563' y='106' width='4' height='6' fill='%23FFE27A' fill-opacity='.75'/%3E%3Crect x='653' y='90' width='4' height='6' fill='%239FF2D0' fill-opacity='.6'/%3E%3Crect x='633' y='102' width='4' height='6' fill='%23FFE27A' fill-opacity='.75'/%3E%3Crect x='663' y='102' width='4' height='6' fill='%23FFE27A' fill-opacity='.45'/%3E%3Crect x='691' y='86' width='4' height='6' fill='%23C9BEFF' fill-opacity='.45'/%3E%3Crect x='721' y='98' width='4' height='6' fill='%23FFE27A' fill-opacity='.6'/%3E%3Crect x='681' y='110' width='4' height='6' fill='%239FF2D0' fill-opacity='.6'/%3E%3Ccircle cx='853' cy='19' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='895' y='44' width='4' height='6' fill='%23FFE27A' fill-opacity='.45'/%3E%3Crect x='855' y='80' width='4' height='6' fill='%23FF9EC0' fill-opacity='.45'/%3E%3Crect x='905' y='80' width='4' height='6' fill='%23FFE27A' fill-opacity='.45'/%3E%3Crect x='933' y='106' width='4' height='6' fill='%23FFE27A' fill-opacity='.75'/%3E%3Ccircle cx='984' cy='45' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='981' y='94' width='4' height='6' fill='%23C9BEFF' fill-opacity='.6'/%3E%3Crect x='1025' y='60' width='4' height='6' fill='%23FFE27A' fill-opacity='.6'/%3E%3Crect x='1015' y='96' width='4' height='6' fill='%23FF9EC0' fill-opacity='.45'/%3E%3Ccircle cx='1158' cy='37' r='1.8' fill='%23FF7AA8'/%3E%3Crect x='1155' y='86' width='4' height='6' fill='%23FFE27A' fill-opacity='.45'/%3E%3Crect x='1181' y='100' width='4' height='6' fill='%23C9BEFF' fill-opacity='.6'/%3E%3Crect x='1231' y='100' width='4' height='6' fill='%239FF2D0' fill-opacity='.45'/%3E%3Crect x='1465' y='98' width='4' height='6' fill='%23FFE27A' fill-opacity='.6'/%3E%3Crect x='1445' y='110' width='4' height='6' fill='%23FF9EC0' fill-opacity='.75'/%3E%3Crect x='1465' y='110' width='4' height='6' fill='%23FFE27A' fill-opacity='.6'/%3E%3C/svg%3E") center bottom/1440px 118px repeat-x;
  -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
@media (max-width:760px){:where([data-theme="night"]) .site-footer::before{height:84px;bottom:calc(100% - 22px);background-size:1030px 84px}}

/* -- Leiste unten, Ebenen */
:where([data-theme="night"]) .bottombar{background:var(--hdr);box-shadow:0 -1px 0 rgba(213,204,255,.12),0 -14px 30px -14px rgba(4,3,14,.9)}
:where([data-theme="night"]) .overlay,:where([data-theme="night"]) .confirm-wrap{background:rgba(6,5,16,.66)}
:where([data-theme="night"]) .drawer,:where([data-theme="night"]) .modal,:where([data-theme="night"]) .confirm-box,:where([data-theme="night"]) .suggest{background:var(--surface)}
:where([data-theme="night"]) .modal-close{background:var(--bg-2);box-shadow:var(--sh-1),inset 0 0 0 1px var(--line-2)}
:where([data-theme="night"]) .toast{background:#2C2858;box-shadow:inset 0 0 0 1px var(--line-2),0 20px 40px -14px rgba(4,3,14,.9)}
:where([data-theme="night"]) .toast.err{background:#B83A27}

/* -- Seitenkopf, große Suche (mit Neon-Halo), Spiele, Formel */
:where([data-theme="night"]) .ph-meta span{background:var(--surface)}
:where([data-theme="night"]) .hero-search{background:var(--field);box-shadow:0 0 0 1.5px #E9E4FF,0 0 0 7px rgba(255,143,179,.16),0 0 36px -6px rgba(255,110,165,.38),0 26px 50px -26px rgba(4,3,14,.9)}
:where([data-theme="night"]) .hero-search:focus-within{box-shadow:0 0 0 2.5px var(--butter-2),0 0 0 8px rgba(255,217,94,.16),0 0 36px -6px rgba(255,217,94,.3),0 26px 50px -26px rgba(4,3,14,.9)}
@media (max-width:520px){:where([data-theme="night"]) .hero-search{box-shadow:0 0 0 1.5px #E9E4FF,0 0 0 5px rgba(255,143,179,.16),0 0 28px -6px rgba(255,110,165,.36)}}
:where([data-theme="night"]) .game-tile{background:var(--surface)}
:where([data-theme="night"]) .game-tile::before{background:radial-gradient(color-mix(in srgb,var(--c,var(--sakura-2)) 55%,transparent) 1.3px,transparent 1.7px) 0 0/14px 14px,color-mix(in srgb,var(--c,var(--sakura-2)) 22%,var(--surface))}
:where([data-theme="night"]) .game-tile img{box-shadow:0 0 0 4px var(--frame),0 20px 28px -14px rgba(4,3,14,.8)}
:where([data-theme="night"]) .game-tile:not(:has(img))::after{box-shadow:0 0 0 4px var(--surface),var(--sh-1)}
:where([data-theme="night"]) .formula .fx.res{box-shadow:0 0 0 4px var(--surface),0 0 26px -4px rgba(255,90,150,.55)}

/* -- Verkaufen: Leiste, Zeilen, Kacheln */
:where([data-theme="night"]) .sb-sel,:where([data-theme="night"]) .sort-sel select,:where([data-theme="night"]) .viewtoggle{background-color:var(--field)}
:where([data-theme="night"]) .viewtoggle button.on{color:var(--tusche)}
:where([data-theme="night"]) .rrow,:where([data-theme="night"]) .tile,:where([data-theme="night"]) .set-card,:where([data-theme="night"]) .cartpanel,:where([data-theme="night"]) .kpi,:where([data-theme="night"]) .faq details{background:var(--surface)}
:where([data-theme="night"]) .vchip,:where([data-theme="night"]) .vrow{background:var(--field)}
:where([data-theme="night"]) .vchip.on,:where([data-theme="night"]) .vrow.on,:where([data-theme="night"]) .vchip.on b,:where([data-theme="night"]) .vrow.on b{color:var(--tusche)}
:where([data-theme="night"]) .vchip.on.off b,:where([data-theme="night"]) .vrow.on.off b{color:var(--tusche-2)}
:where([data-theme="night"]) .vhint{color:var(--butter-ink)}
:where([data-theme="night"]) .tile.is-in .tile-img::after{box-shadow:0 0 0 3px var(--surface)}
:where([data-theme="night"]) .line .l-opts select{background-color:var(--field)}
:where([data-theme="night"]) .bulk-ico{background:repeating-linear-gradient(135deg,var(--butter) 0 6px,var(--surface) 6px 12px)}

/* -- Karten-Dialog */
:where([data-theme="night"]) .cm-img{background:radial-gradient(rgba(213,204,255,.08) 1.1px,transparent 1.5px) 0 0/20px 20px,var(--bg)}
:where([data-theme="night"]) .cm-img img{box-shadow:0 0 0 5px var(--frame),0 30px 50px -22px rgba(4,3,14,.9)}
:where([data-theme="night"]) .cm-stamp{background:var(--bg-2)}
:where([data-theme="night"]) .cm-price>div+div::before{border-left-color:rgba(255,255,255,.28)}
:where([data-theme="night"]) .cm-price::before,:where([data-theme="night"]) .cm-price::after{background:var(--punch,var(--surface))}
@media (max-width:640px){
  :where([data-theme="night"]) .modal .cm-foot{background:var(--surface)}
  :where([data-theme="night"]) .modal .cm-img img{box-shadow:0 0 0 3px var(--frame),0 12px 20px -12px rgba(4,3,14,.8)}
}

/* -- Konto/Admin-Teile, Nachrichten */
:where([data-theme="night"]) .msg.me .bubble{color:var(--tusche)}
:where([data-theme="night"]) .msg.me .meta{color:var(--tusche-2)}

/* -- Ankaufsliste (p-list.css): Stufen-Punkte, Häkchen auf dunklem Geldgrün */
:where([data-theme="night"]) .lvl-tick,:where([data-theme="night"]) .lvl-dot{background:var(--field)}
:where([data-theme="night"]) .lvl-tick.on{background-color:var(--money-solid);box-shadow:0 0 0 2.5px var(--surface)}
:where([data-theme="night"]) .lvl-tick.is-warn.on{box-shadow:0 0 0 2.5px var(--surface),inset 0 0 0 1.5px #5E4A00}
:where([data-theme="night"]) .lvl-steps li.done .lvl-dot{background-color:var(--money-solid)}

/* -- Hover nur mit echter Maus */
@media (hover:hover) and (pointer:fine){
  :where([data-theme="night"]) .faq details[open] summary:hover::after{background-color:#B4225A}
  :where([data-theme="night"]) .btn-primary:hover{--b-bg:#B4225A;--b-sh:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.18),0 12px 32px -8px rgba(255,70,140,.75)}
  :where([data-theme="night"]) .btn-money:hover,:where([data-theme="night"]) .btn-gold:hover{--b-bg:#0A6340}
  :where([data-theme="night"]) .btn-outline:hover{--b-fg:var(--tusche)}
  :where([data-theme="night"]) .btn-danger:hover{--b-bg:#C0341D}
  :where([data-theme="night"]) .cart-btn:hover{background:#343062}
  :where([data-theme="night"]) .seg button:not(.on):not([disabled]):hover,:where([data-theme="night"]) .seg label:hover input:not(:checked)+span{background:rgba(255,255,255,.08)}
  :where([data-theme="night"]) .stepper.in button:hover{background:rgba(30,27,57,.12)}
}
}