/* ERZEUGT von web/scripts/baue-creator-profil.mjs aus docs/vorlagen/creator-profil/ – nicht von Hand ändern */
/* Kacheldesign „mangapanel“ – nur laden, wenn das Profil diese Kachel nutzt (nach creator-profil.css) */
[data-cp],.sk-kd-probe[data-kd="mangapanel"]{--kx-rasterton:url(/creator-profil/kacheln/tex/rasterton.svg)}
:is(.sk-slot,.sk-kd-probe)[data-kd="mangapanel"]{--kc1:#FFFFFF;--kc2:#111111;--kc3:#111111;--kc-fg:#111111;--kc-fgm:#5E5E5E;--kc-bg3:rgba(255,255,255,.45);--kc-rand:rgba(0,0,0,.14);--kc-pri:var(--v-pri-d);}
:is(.sk-slot,.sk-kd-probe)[data-kd="mangapanel"] :is(.sk-karte2,.sk-kpi){--v-fg:var(--kc-fg);--v-fgm:var(--kc-fgm);--v-bg3:var(--kc-bg3);--v-rand:var(--kc-rand);--v-pri:var(--kc-pri);--v-prih:var(--kc-pri);--v-acc:var(--kc-pri);color:var(--v-fg);background:var(--kc1);border:3px solid var(--kc2);border-radius:2px;margin:5px;box-shadow:0 0 0 3px var(--kc1),0 0 0 5px var(--kc2),0 16px 26px -16px rgba(0,0,0,.6);-webkit-backdrop-filter:none;backdrop-filter:none;}
:is(.sk-slot,.sk-kd-probe)[data-kd="mangapanel"] :is(.sk-karte2,.sk-kpi)::before{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;pointer-events:none;z-index:-1;background:none;background:var(--kc3);opacity:.5;-webkit-mask:var(--kx-rasterton) 100% 100%/100% 100% no-repeat;mask:var(--kx-rasterton) 100% 100%/100% 100% no-repeat;}
:is(.sk-slot,.sk-kd-probe)[data-kd="mangapanel"] .sk-karte2::after{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;pointer-events:none;z-index:-1;background:none;inset:0 0 auto auto;width:120px;height:90px;border-radius:0;background:repeating-conic-gradient(from 180deg at 100% 0,var(--kc2) 0 1deg,transparent 1deg 6deg);opacity:.4;-webkit-mask:radial-gradient(circle at 100% 0,transparent 18px,#000 20px,transparent 95px);mask:radial-gradient(circle at 100% 0,transparent 18px,#000 20px,transparent 95px);}
:is(.sk-slot,.sk-kd-probe)[data-kd="mangapanel"] .sk-kpi::after{display:none}
:is(.sk-slot,.sk-kd-probe)[data-kd="mangapanel"] :is(.sk-karte2,.sk-kpi){--v-fgm:color-mix(in srgb,var(--kc-fgm),#000 4%);--v-pri:color-mix(in srgb,var(--kc-pri),#000 4%);--v-prih:color-mix(in srgb,var(--kc-pri),#000 4%);--v-acc:color-mix(in srgb,var(--kc-pri),#000 4%)}
.sk-v.ist-hell .sk-slot[data-kd="mangapanel"] :is(.sk-karte2,.sk-kpi){--v-pri:var(--kc-pri);--v-prih:var(--kc-pri);--v-acc:var(--kc-pri)}
.sk-v .sk-slot[data-kd="mangapanel"][data-kv="nacht"] :is(.sk-karte2,.sk-kpi),.sk-kd-probe[data-kd="mangapanel"][data-kv="nacht"] :is(.sk-karte2,.sk-kpi){--v-fgm:var(--kc-fgm);--v-pri:var(--kc-pri);--v-prih:var(--kc-pri);--v-acc:var(--kc-pri)}
.sk-v .sk-slot[data-kd="mangapanel"][data-kv="alt"] :is(.sk-karte2,.sk-kpi),.sk-v .sk-slot[data-kd="mangapanel"][data-kv="creme"] :is(.sk-karte2,.sk-kpi){--v-fgm:color-mix(in srgb,var(--kc-fgm),#000 10%)}
.sk-v .sk-slot[data-kd="mangapanel"][data-kv="nacht"] :is(.sk-karte2,.sk-kpi){--v-fgm:color-mix(in srgb,var(--kc-fgm),#fff 50%);--v-pri:var(--kc-pri);--v-prih:var(--kc-pri);--v-acc:var(--kc-pri)}
.sk-v .sk-slot[data-kd="mangapanel"][data-kv="blau"] :is(.sk-karte2,.sk-kpi),.sk-v .sk-slot[data-kd="mangapanel"][data-kv="gruen"] :is(.sk-karte2,.sk-kpi),.sk-v .sk-slot[data-kd="mangapanel"][data-kv="rot"] :is(.sk-karte2,.sk-kpi){--v-pri:color-mix(in srgb,var(--kc-pri),#000 10%);--v-prih:color-mix(in srgb,var(--kc-pri),#000 10%);--v-acc:color-mix(in srgb,var(--kc-pri),#000 10%)}
.sk-v.ist-hell .sk-slot[data-kd="mangapanel"][data-kv="nacht"] :is(.sk-karte2,.sk-kpi){--v-fgm:color-mix(in srgb,var(--kc-fgm),#fff 50%);--v-pri:color-mix(in srgb,var(--kc-pri),#fff 40%);--v-prih:color-mix(in srgb,var(--kc-pri),#fff 40%);--v-acc:color-mix(in srgb,var(--kc-pri),#fff 40%)}
.sk-v.ist-hell .sk-slot[data-kd="mangapanel"][data-kv="blau"] :is(.sk-karte2,.sk-kpi),.sk-v.ist-hell .sk-slot[data-kd="mangapanel"][data-kv="gruen"] :is(.sk-karte2,.sk-kpi),.sk-v.ist-hell .sk-slot[data-kd="mangapanel"][data-kv="rot"] :is(.sk-karte2,.sk-kpi){--v-pri:var(--kc-pri);--v-prih:var(--kc-pri);--v-acc:var(--kc-pri)}