/* Lohn-Krimi · Lohnmeister.ai (26.10.2026, Ausbau b: Bilder, 8 Fälle, 7er-Stufe) — Styles für assets/krimi.js.
   Spielbrett bewusst immer dunkel („Noir“, wie .sz-hero), flach ohne Glanz. Nutzt Fonts/Radien aus lm.css.
   Layout reagiert auf die Breite des Containers (container queries) – passt so auch in Schulungszentrum-Kacheln. */
.lk,.lk-ov{--k-bg:#0d1b28;--k-card:#12263a;--k-card2:#18324a;--k-line:#24425d;--k-line2:#345b7d;--k-ink:#eaf2f8;--k-mute:#a9bfd0;--k-dim:#8aa1b4;--k-acc:#46bdf4;--k-accink:#04202f;--k-gold:#f2c230;--k-red:#ff8b76;--k-redbg:rgba(255,128,104,.15);--k-green:#66d9a3;--k-greenbg:rgba(102,217,163,.14);--k-tat:rgba(242,194,48,.10)}
.lk{container-type:inline-size;position:relative;background:var(--k-bg);color:var(--k-ink);border-radius:var(--radius-lg,24px);padding:clamp(14px,2.6vw,28px);font:15px/1.55 var(--font-body,"IBM Plex Sans",system-ui,sans-serif);text-align:left;overflow-wrap:break-word;min-width:0;overflow-x:clip}
.lk *,.lk *::before,.lk *::after,.lk-ov *,.lk-ov *::before,.lk-ov *::after{box-sizing:border-box}
.lk h2,.lk h3,.lk h4,.lk-ov h3{color:#fff;font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif);font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.2}
.lk h2{font-size:clamp(22px,3.4vw,30px)}
:where(.lk,.lk-ov) p{margin:0}
:where(.lk,.lk-ov) button{font:inherit;color:inherit}
:where(.lk,.lk-ov) a{color:var(--k-acc)}
.lk :focus-visible,.lk-ov :focus-visible{outline:2px solid var(--k-gold);outline-offset:2px}
.lk [tabindex="-1"]:focus{outline:none}
:where(.lk,.lk-ov) b{font-weight:600;color:#fff}

/* Buttons */
.lk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:11px;border:1px solid var(--k-line2);background:var(--k-card2);color:var(--k-ink);font:600 14.5px/1.25 var(--font-display,system-ui);cursor:pointer;text-align:center}
.lk-btn:hover:not(:disabled){border-color:var(--k-acc)}
.lk-btn:disabled{opacity:.5;cursor:not-allowed}
.lk-btn-p{background:var(--k-acc);border-color:var(--k-acc);color:var(--k-accink)}
.lk-btn-p:hover:not(:disabled){background:#72cff8;border-color:#72cff8}
.lk-btn-p:disabled{background:var(--k-card2);border-color:var(--k-line2);color:var(--k-ink)}
.lk-btn-g{background:var(--k-gold);border-color:var(--k-gold);color:#2a1e00}
.lk-btn-g:hover:not(:disabled){background:#f7d35e;border-color:#f7d35e}
.lk-btn-s{min-height:36px;padding:6px 12px;font-size:13.5px}
.lk-link{background:none;border:0;padding:6px 0;color:var(--k-acc);font:600 14px var(--font-display,system-ui);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lk-mini{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--k-line2);background:transparent;border-radius:8px;padding:4px 10px;min-height:32px;font:600 12.5px var(--font-display,system-ui);color:var(--k-mute);cursor:pointer}
.lk-mini:hover:not(:disabled){border-color:var(--k-acc);color:var(--k-ink)}
.lk-mini:disabled{opacity:.45;cursor:not-allowed}
.lk-mini[aria-pressed=true]{border-color:var(--k-acc);color:var(--k-acc)}
.lk-mini.lk-warn{border-color:var(--k-red);color:var(--k-red)}
.lk-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lk-end{justify-content:flex-end;margin-top:10px}
.lk-note{font-size:13.5px;color:var(--k-mute);line-height:1.5}
.lk-dim{color:var(--k-dim)}
.lk-eye{font:600 12px/1.3 var(--font-display,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--k-acc);margin:0 0 6px}
.lk-lead{color:var(--k-mute);margin-top:8px;max-width:64ch}
.lk-story{color:var(--k-ink);line-height:1.6;margin-top:10px;max-width:70ch}
.lk-epi{color:var(--k-mute);font-style:italic}

/* LoMe & Lomy */
.lk-av{display:inline-block;flex:none;width:36px;height:36px;border-radius:50%;background:#e8f4fb var(--lk-img) no-repeat;background-size:200% auto;border:2px solid var(--k-gold);vertical-align:middle}
.lk-av-lome{background-position:8% 18%}
.lk-av-lomy{background-position:92% 18%}
.lk-av.lk-av-domi{background:#3a2440;position:relative}
.lk-av-domi::after{content:"D";position:absolute;inset:0;display:grid;place-items:center;color:var(--k-gold);font:800 16px/1 var(--font-display,system-ui)}
.lk-bubs{display:grid;gap:10px;margin-top:14px}
.lk-bub{display:flex;gap:10px;align-items:flex-end;min-width:0}
.lk-bub p{position:relative;background:var(--k-card);border:1px solid var(--k-line);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14px;line-height:1.5;color:var(--k-ink);max-width:62ch;min-width:0;margin-bottom:6px!important}
.lk-bub-domi p{border-color:rgba(242,194,48,.45)}
.lk-noimg{display:none!important}

/* Figuren (LoMe, Lomy, Domi) – Standbild oder animiertes WebP, sonst Kreis-Avatar */
.lk-fig{--fh:56px;position:relative;display:inline-flex;align-items:flex-end;justify-content:center;flex:none;height:var(--fh);min-width:calc(var(--fh) * .42)}
.lk-fig-img{display:block;height:100%;width:auto;max-width:none}
.lk-fig>.lk-av{display:none}
.lk-fig.lk-fail{min-width:0;height:auto}
.lk-fig.lk-fail>.lk-av{display:inline-block;width:min(var(--fh),44px);height:min(var(--fh),44px)}
.lk-f-xs{--fh:30px}.lk-f-s{--fh:58px}.lk-f-m{--fh:96px}.lk-f-l{--fh:136px}

/* Porträts im Polaroid-Look – Bild p1…p7.webp, sonst Initialen */
.lk-pic{--ps:56px;position:relative;display:inline-block;flex:none;width:var(--ps);height:calc(var(--ps) + 8px);background:#f3eee2;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.35);vertical-align:middle}
.lk-pic::before{content:"";position:absolute;left:4px;right:4px;top:4px;bottom:12px;background:#1c3550;background:color-mix(in srgb,var(--c,#46bdf4) 34%,#10233a)}
.lk-pic-img{position:absolute;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 16px);object-fit:cover;object-position:50% 18%}
.lk-pic-i{display:none;position:absolute;left:4px;right:4px;top:4px;bottom:12px;place-items:center;background:var(--c,#46bdf4);color:#0b1a26;font:700 calc(var(--ps) * .3)/1 var(--font-display,system-ui)}
.lk-pic.lk-fail .lk-pic-i{display:grid}
.lk-pic-s{--ps:52px}.lk-pic-p{--ps:96px}.lk-pic-m{--ps:84px}.lk-pic-l{--ps:118px}.lk-pic-xl{--ps:170px}
.lk-pic-xl,.lk-pic-l,.lk-pic-p{border-radius:4px}
.lk-pic-xl::before,.lk-pic-l::before{bottom:18px}
.lk-pic-xl .lk-pic-img,.lk-pic-l .lk-pic-img{height:calc(100% - 22px)}
.lk-pic-xl .lk-pic-i,.lk-pic-l .lk-pic-i{bottom:18px}
.lk-pic-xl{height:calc(var(--ps) + 14px)}
.lk-pic-l{height:calc(var(--ps) + 14px)}

/* Startbildschirm */
.lk-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:end}
.lk-boss .lk-bub p{max-width:40ch}
.lk-prog{margin-top:10px!important;font-size:13.5px;color:var(--k-mute)}
.lk-prog b{color:var(--k-gold)}
.lk-diff{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 16px}
.lk-dbtn{display:block;text-align:left;border:1.5px solid var(--k-line2);background:var(--k-card);border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--k-ink);min-width:0}
.lk-dbtn b{display:block;font:600 15px var(--font-display,system-ui)}
.lk-dbtn small{display:block;font-size:12.5px;color:var(--k-mute);line-height:1.4;margin-top:2px}
.lk-dbtn:hover{border-color:var(--k-acc)}
.lk-dbtn[aria-pressed=true]{border-color:var(--k-gold);background:rgba(242,194,48,.09)}
.lk-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}
.lk-case{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid var(--k-line2);background:var(--k-card);border-radius:16px;padding:0;overflow:hidden;cursor:pointer;color:var(--k-ink);min-width:0;transition:border-color .2s ease}
.lk-case:hover,.lk-case:focus-visible{border-color:var(--k-acc)}
.lk-case-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(120% 140% at 80% 0%,#1d4a6e 0%,#0f2233 60%,#0a1119 100%)}
.lk-case-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.lk-case:hover .lk-case-pic,.lk-case:focus-visible .lk-case-pic,.lk-case:active .lk-case-pic{transform:scale(1.07)}
.lk-case-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,16,25,.88) 0%,rgba(8,16,25,0) 55%);pointer-events:none}
.lk-case-m{position:absolute;left:12px;right:12px;bottom:9px;z-index:1;font:600 11.5px/1.3 var(--font-display,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.lk-case-b{display:grid;gap:5px;padding:12px 14px 14px}
.lk-case b{font:600 18px/1.25 var(--font-display,system-ui)}
.lk-case-t{font-size:13.5px;color:var(--k-mute);line-height:1.45}
.lk-case-z{font-size:12.5px;color:var(--k-dim)}
.lk-case-s{font-size:12.5px;color:var(--k-green);margin-top:2px}
.lk-case-s.lk-dim{color:var(--k-dim)}
.lk-stamp{position:absolute;top:14px;right:12px;z-index:2;padding:5px 11px;border:3px solid #ff6f5b;border-radius:6px;color:#ff6f5b;background:rgba(8,16,25,.6);font:800 15px/1 var(--font-display,system-ui);letter-spacing:.16em;text-transform:uppercase;transform:rotate(-10deg)}
.lk-load{display:grid;place-items:center;gap:14px;min-height:260px;color:var(--k-mute);text-align:center}
.lk-spin{width:36px;height:36px;border-radius:50%;border:3px solid var(--k-line2);border-top-color:var(--k-gold);animation:lkSpin .8s linear infinite}
@keyframes lkSpin{to{transform:rotate(360deg)}}
.lk-how{margin-top:16px;border:1px solid var(--k-line);border-radius:14px;padding:4px 14px;background:transparent}
.lk-how summary{cursor:pointer;padding:9px 0;font:600 14.5px var(--font-display,system-ui);color:var(--k-ink)}
.lk-how ol{margin:0 0 12px;padding-left:20px;display:grid;gap:8px;font-size:14px;color:var(--k-mute);line-height:1.55}

/* Einstieg: Szene als Banner (Vignette + Ken-Burns), Briefing, Polaroids */
.lk-banner{position:relative;margin:8px 0 12px;border-radius:18px;overflow:hidden;aspect-ratio:16/7;min-height:230px;background:radial-gradient(120% 140% at 80% 0%,#123a57 0%,#0d1d2b 55%,#0a1119 100%);border:1px solid var(--k-line)}
.lk-kb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:62% 45%;animation:lkKB 28s ease-in-out infinite alternate}
@keyframes lkKB{from{transform:scale(1.02)}to{transform:scale(1.16) translate(-1.5%,-1%)}}
.lk-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(5,12,20,0) 38%,rgba(5,12,20,.74) 100%),linear-gradient(to top,rgba(5,12,20,.94) 0%,rgba(5,12,20,0) 62%);pointer-events:none}
.lk-banner-t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(14px,3vw,26px)}
.lk-banner.lk-fail{aspect-ratio:auto;min-height:0;height:auto}
.lk-banner.lk-fail .lk-banner-t{position:relative}
.lk-banner.lk-fail::after{display:none}
.lk-banner-t h2{font-size:clamp(24px,4.2vw,40px)}
.lk-banner-s{color:#d5e3ee;font-size:14px;margin-top:4px!important}
.lk-brief{margin:14px 0 6px}
.lk-plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px}
.lk-pol{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;border:1px solid var(--k-line);background:var(--k-card);border-radius:12px;padding:12px;min-width:0}
.lk-pol:nth-child(odd) .lk-pic{transform:rotate(-2.5deg)}
.lk-pol:nth-child(even) .lk-pic{transform:rotate(2deg)}
.lk-pol .lk-s-p{margin-top:5px!important}
.lk-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;margin:14px 0 4px}
.lk-meta div{border:1px solid var(--k-line);border-radius:12px;padding:8px 12px;background:var(--k-card)}
.lk-meta dt{font:600 11px var(--font-display,system-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--k-acc)}
.lk-meta dd{margin:2px 0 0;font-size:14px;color:var(--k-ink)}

/* Ermittlung */
.lk-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;border:1px solid var(--k-line);background:var(--k-card);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.lk-bar-t{min-width:0}
.lk-bar-t b{display:block;font:600 17px/1.25 var(--font-display,system-ui)}
.lk-bar-t span{font-size:12.5px;color:var(--k-mute)}
.lk-stats,.lk-acts{display:flex;flex-wrap:wrap;gap:8px}
.lk-stat{border:1px solid var(--k-line2);border-radius:10px;padding:5px 10px;font-size:13px;color:var(--k-mute);white-space:nowrap}
.lk-stat b{font:700 15px var(--font-display,system-ui);margin-right:2px}
.lk-jk .lk-av{width:24px;height:24px;border-width:1.5px}
.lk-msg{display:none;margin:0 0 10px}
.lk-msg.lk-on{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lk-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.lk-side,.lk-main{display:grid;gap:12px;align-content:start;min-width:0}
.lk-box{border:1px solid var(--k-line);border-radius:16px;padding:14px;min-width:0}
.lk-box h3{font-size:17px;margin:0 0 6px}
.lk-h3{font-size:18px;margin:22px 0 8px!important}
.lk-h4{font-size:15px;margin:16px 0 6px!important}
.lk-h4 small{font:400 12.5px var(--font-body,system-ui);color:var(--k-dim)}
.lk-gh{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:4px}
.lk-gh h3{margin:0}
.lk-gt{display:flex;flex-wrap:wrap;gap:6px}

/* Verdächtige */
.lk-sus{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;margin-top:10px}
.lk-s{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;border:1px solid var(--k-line);background:var(--k-card);border-radius:12px;padding:8px 10px;min-width:0}
.lk-s:nth-child(odd) .lk-pic{transform:rotate(-1.5deg)}
.lk-s:nth-child(even) .lk-pic{transform:rotate(1.5deg)}
.lk-jk .lk-fig{margin:-8px 0 -6px}
.lk-s-x{min-width:0}
.lk-plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px}
.lk-p{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--k-line);background:var(--k-card);border-radius:12px;padding:10px 12px;min-width:0}
.lk-p .lk-s-p{margin-top:4px}
.lk-prof{font-size:13px;color:var(--k-dim);margin:0 0 4px!important}
.lk-ini{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--font-display,system-ui);color:#0b1a26;flex:none}
.lk-ini-l{width:48px;height:48px;font-size:16px}
.lk-s-n{font:600 14.5px/1.3 var(--font-display,system-ui);color:#fff}
.lk-s-r{font-size:12.5px;color:var(--k-acc);line-height:1.35}
.lk-s-p{font-size:13px;color:var(--k-mute);line-height:1.45}
.lk-s .lk-btn{min-width:92px}

/* Notizbuch */
.lk-notes{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.lk-n{border:1px solid var(--k-line);background:var(--k-card);border-radius:12px;padding:9px 12px;min-width:0}
.lk-n-m{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12.5px;color:var(--k-dim);margin-bottom:3px}
.lk-tag{font:700 11px/1.4 var(--font-display,system-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 7px;background:var(--k-card2);color:var(--k-acc)}
.lk-n-akte{background:transparent;border-style:dashed}
.lk-n-akte .lk-tag{color:var(--k-gold)}
.lk-n p{font-size:14.5px;line-height:1.5;color:var(--k-ink)}
.lk-n.lk-doubt p{text-decoration:line-through;text-decoration-color:rgba(255,139,118,.8);color:var(--k-mute)}
.lk-n-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.lk-notes:not(.lk-sel) .lk-chk{display:none}
.lk-sel .lk-chk{border-color:var(--k-gold);color:var(--k-gold)}
.lk-verd{font:700 12px var(--font-display,system-ui);border-radius:6px;padding:1px 7px}
.lk-verd-ok{color:var(--k-green);background:var(--k-greenbg)}
.lk-verd-no{color:var(--k-red);background:var(--k-redbg)}
.lk-n.lk-new{animation:lkFlash 1.8s ease-out}
@keyframes lkFlash{0%{border-color:var(--k-gold);background:rgba(242,194,48,.16)}100%{border-color:var(--k-line);background:var(--k-card)}}
.lk-rev .lk-rv-ok{border-color:rgba(102,217,163,.45)}
.lk-rev .lk-rv-no{border-color:rgba(255,139,118,.65);border-left:5px solid var(--k-red);background:rgba(255,128,104,.08)}
.lk-rev .lk-rv-no p{color:#ffd9d1}

/* Logikgitter */
.lk-host{margin-top:8px;min-width:0;overflow:hidden}
.lk-t{border-collapse:collapse;table-layout:fixed;width:100%}
.lk-tfull{max-width:calc(118px + var(--n,5) * 3 * 40px)}
.lk-t col.lk-cl{width:118px}
.lk-t col.lk-cl1{width:34%}
.lk-t th,.lk-t td{padding:0;font-weight:500}
.lk-corner{vertical-align:bottom;padding:0 6px 6px 0!important;font-size:11.5px;color:var(--k-dim);line-height:1.3}
.lk-ch{font:600 12px var(--font-display,system-ui)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--k-acc);text-align:center;padding:0 0 4px!important;border-bottom:1px solid var(--k-line)}
.lk-vh{vertical-align:bottom;padding:6px 0 6px!important;font-size:12px;line-height:1.2;color:var(--k-mute)}
.lk-vh span{display:block;writing-mode:vertical-rl;transform:rotate(180deg);margin:0 auto;max-height:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-rh{font-size:13px;line-height:1.25;color:var(--k-ink);text-align:right;padding:0 8px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-tat{color:var(--k-gold)!important}
.lk-hl{color:#fff!important;background:rgba(70,189,244,.16)}
.lk-badh{color:var(--k-red)!important}
.lk-gl th{text-align:left;font:600 11.5px var(--font-display,system-ui)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--k-acc);padding:12px 0 4px!important}
.lk-td{border:1px solid var(--k-line)}
.lk-td.lk-gs,.lk-vh.lk-gs,.lk-ch.lk-gs{border-left:2px solid var(--k-line2)}
.lk-tatc{background:var(--k-tat)}
.lk-void{border:0}
.lk-c{display:grid;place-items:center;width:100%;aspect-ratio:1/1;min-height:25px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:var(--k-ink);cursor:pointer}
.lk-c:hover{background:rgba(70,189,244,.14)}
.lk-c svg{width:60%;height:60%;max-width:20px;max-height:20px}
.lk-c1,.lk-c3{color:var(--k-red)}
.lk-c3 svg{opacity:.42}
.lk-c2{color:var(--k-green);background:var(--k-greenbg)}
.lk-c.lk-bad{color:var(--k-red);background:var(--k-redbg);box-shadow:inset 0 0 0 2px var(--k-red)}
.lk-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}
.lk-chip{border:1px solid var(--k-line2);background:transparent;border-radius:9px;padding:5px 6px;min-height:36px;min-width:0;line-height:1.25;font:600 12.5px var(--font-display,system-ui);color:var(--k-mute);cursor:pointer}
.lk-chip small{font-weight:500;opacity:.8;margin-left:2px}
.lk-chip:hover{border-color:var(--k-acc);color:var(--k-ink)}
.lk-chip[aria-pressed=true]{background:var(--k-acc);border-color:var(--k-acc);color:var(--k-accink)}
.lk-tone .lk-rh{white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;padding:4px 8px 4px 0!important}
.lk-tone .lk-c{min-height:36px}
.lk-tone .lk-c svg{max-width:22px;max-height:22px}

/* Steckbriefe / Lösungstabelle */
.lk-sum{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13.5px}
.lk-sum th,.lk-sum td{border-bottom:1px solid var(--k-line);padding:7px 6px;text-align:left;vertical-align:top;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-weight:400;color:var(--k-ink)}
.lk-sum thead th{font:600 12px var(--font-display,system-ui);color:var(--k-acc);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}
.lk-sum col.lk-sc1{width:29%}
.lk-akte{margin-top:8px}
.lk-akte summary{cursor:pointer;font:600 13.5px var(--font-display,system-ui);color:var(--k-gold);padding:4px 0}
.lk-akte summary small{font:400 12px var(--font-body,system-ui);color:var(--k-dim)}
.lk-none{margin-top:10px}
.lk-none[hidden]{display:none}
.lk-sum tbody th{font-weight:600}
.lk-sum-tat th,.lk-sum-tat td{background:var(--k-tat)}
.lk-badge{display:inline-block;font:700 10.5px/1.4 var(--font-display,system-ui);letter-spacing:.05em;text-transform:uppercase;color:#2a1e00;background:var(--k-gold);border-radius:5px;padding:1px 6px;margin-left:2px;vertical-align:1px}
.lk-warnt{color:var(--k-red)}
.lk-okt{color:var(--k-green)}

/* Dialoge (hängen am body) */
.lk-ov{position:fixed;inset:0;z-index:1000;background:rgba(3,9,15,.76);display:flex;align-items:flex-start;justify-content:center;padding:clamp(10px,4vh,44px) 12px;overflow-y:auto;color:var(--k-ink);font:15px/1.55 var(--font-body,"IBM Plex Sans",system-ui,sans-serif);text-align:left}
.lk-dlg{width:100%;max-width:660px;margin:auto 0;background:var(--k-bg);border:1px solid var(--k-line2);border-radius:20px;padding:clamp(16px,3vw,26px)}
.lk-dlg:focus{outline:none}
.lk-dlg{animation:lkIn .28s ease-out both}
@keyframes lkIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lk-dh2{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}
.lk-dh2 .lk-pic{transform:rotate(-2deg);margin-top:4px}
.lk-sb{position:relative;flex:1;min-width:0;background:var(--k-card);border:1px solid var(--k-line2);border-radius:14px;padding:10px 14px}
.lk-sb::before{content:"";position:absolute;left:-8px;top:24px;width:14px;height:14px;background:var(--k-card);border-left:1px solid var(--k-line2);border-bottom:1px solid var(--k-line2);transform:rotate(45deg)}
.lk-sb b{display:block;font:600 17px/1.25 var(--font-display,system-ui)}
.lk-sb small{display:block;color:var(--k-mute);font-size:12.5px;line-height:1.4}
.lk-sbq{font-style:italic;color:var(--k-ink);margin-top:6px!important;font-size:14.5px;line-height:1.5}
.lk-react{display:flex;gap:12px;align-items:flex-end;min-width:0}
.lk-rb{flex:1;min-width:0;background:var(--k-card);border:1px solid var(--k-line);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14px;line-height:1.5;margin-bottom:6px!important}
.lk-pop{animation:lkPop .45s cubic-bezier(.2,.9,.3,1.2) both}
.lk-d2{animation-delay:.18s}
@keyframes lkPop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.lk-dh{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.lk-dh b{display:block;font:600 18px/1.25 var(--font-display,system-ui)}
.lk-dh small{display:block;color:var(--k-mute);font-size:13px}
.lk-say{font-style:italic;color:var(--k-mute);margin:4px 0 12px!important}
.lk-qm{font:600 11.5px var(--font-display,system-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--k-acc);margin-bottom:6px}
.lk-qt{font:600 clamp(17px,2.4vw,20px)/1.4 var(--font-display,system-ui);color:#fff;margin-bottom:14px!important}
.lk-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.lk-o{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1.5px solid var(--k-line2);background:var(--k-card);border-radius:12px;padding:11px 13px;font-size:15px;line-height:1.4;color:var(--k-ink);cursor:pointer;min-height:48px;min-width:0;overflow-wrap:anywhere}
.lk-o>span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--k-card2);color:var(--k-acc);font:700 12px var(--font-display,system-ui)}
.lk-o:hover:not(:disabled){border-color:var(--k-acc)}
.lk-o:disabled{cursor:default;opacity:.75}
.lk-o.ok{border-color:var(--k-green);background:var(--k-greenbg);opacity:1}
.lk-o.bad{border-color:var(--k-red);background:var(--k-redbg);opacity:1}
.lk-fb{display:grid;gap:10px;margin-top:12px}
.lk-fb:empty{display:none}
.lk-fbx{border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.55;color:var(--k-ink)}
.lk-fbx.ok{background:var(--k-greenbg);border:1px solid rgba(102,217,163,.45)}
.lk-fbx.bad{background:var(--k-redbg);border:1px solid rgba(255,139,118,.5)}
.lk-stmt{border:1.5px solid var(--k-gold);border-radius:12px;padding:10px 12px;background:rgba(242,194,48,.06)}
.lk-stmt p{font-size:15px;line-height:1.5}
.lk-df{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px}
.lk-df[hidden]{display:none}
.lk-fs{border:0;padding:0;margin:12px 0 0;min-width:0}
.lk-fs legend{font:600 12px var(--font-display,system-ui);color:var(--k-acc);text-transform:uppercase;letter-spacing:.07em;margin:0 0 6px;padding:0}
.lk-rads{display:flex;flex-wrap:wrap;gap:6px}
.lk-rad{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--k-line2);border-radius:10px;padding:8px 12px;min-height:42px;cursor:pointer;font-size:14.5px;background:var(--k-card);color:var(--k-ink)}
.lk-rad input{accent-color:var(--k-gold);width:17px;height:17px;margin:0;flex:none}
.lk-rad:has(input:checked){border-color:var(--k-gold);background:rgba(242,194,48,.1)}
.lk-rad-x{color:var(--k-mute)}
.lk-err{color:var(--k-red);font-size:14px;margin-top:10px!important;min-height:1px}
.lk-ov h3+.lk-bub{margin-top:10px}
.lk-lineup{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:16px 10px 10px;border-radius:14px;background:repeating-linear-gradient(to bottom,#13283c 0,#13283c 25px,#22425f 25px,#22425f 26px);border:1px solid var(--k-line)}
.lk-lu{position:relative;display:grid;justify-items:center;gap:6px;padding:8px 4px;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:center;min-width:0}
.lk-lu:hover{border-color:var(--k-line2);background:rgba(13,27,40,.5)}
.lk-lu:has(input:checked){border-color:var(--k-gold);background:rgba(242,194,48,.14)}
.lk-lu:has(input:focus-visible){outline:2px solid var(--k-gold);outline-offset:2px}
.lk-lu-n{font:600 12.5px/1.25 var(--font-display,system-ui);color:#fff;overflow-wrap:anywhere}
.lk-sr{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
@media (min-width:640px){.lk-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Auflösung: Täter:in mit Stempel, Domi gratuliert oder schüttelt den Kopf */
.lk-reveal{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:flex-end;margin:16px 0 4px}
.lk-cul{position:relative;display:grid;justify-items:center;gap:3px;text-align:center;max-width:220px}
.lk-cul>.lk-pic{transform:rotate(-2deg)}
.lk-cul b{font:600 16px/1.25 var(--font-display,system-ui);margin-top:8px}
.lk-cul>span:last-child{font-size:12.5px;color:var(--k-mute)}
.lk-stampx{position:absolute;top:36%;left:50%;z-index:2;padding:6px 12px;border:4px solid #ff5a45;border-radius:8px;color:#ff5a45;background:rgba(13,27,40,.4);font:800 22px/1 var(--font-display,system-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-14deg);animation:lkStamp .7s cubic-bezier(.2,.9,.25,1.3) .35s both}
.lk-stampg{border-color:#a9bccb;color:#dbe6ee;font-size:15px;top:32%}
@keyframes lkStamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) scale(2.6)}60%{opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scale(.92)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}
.lk-domi{flex:1 1 280px;min-width:0}
.lk-score .lk-fig{margin-left:auto}
.lk-res h2{margin-top:2px}
.lk-roast{font-size:16px;line-height:1.5;color:var(--k-gold);margin-top:12px!important}
.lk-verdict{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lk-verdict li{border:1px solid var(--k-line);border-radius:12px;padding:9px 12px;background:var(--k-card);display:grid;gap:2px;min-width:0}
.lk-verdict span{font:600 11px var(--font-display,system-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--k-dim)}
.lk-verdict em{font:700 12.5px var(--font-display,system-ui);font-style:normal}
.lk-verdict .ok{border-color:rgba(102,217,163,.5)}
.lk-verdict .ok em{color:var(--k-green)}
.lk-verdict .no{border-color:rgba(255,139,118,.5)}
.lk-verdict .no em{color:var(--k-red)}
.lk-score{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:flex-end;margin-top:16px;border:1px solid var(--k-line2);border-radius:14px;padding:12px 16px;background:var(--k-card)}
.lk-score>div:first-child>b{display:block;font:700 34px/1.05 var(--font-display,system-ui);color:var(--k-gold)}
.lk-score span{font-size:13px;color:var(--k-mute)}
.lk-rank b{display:block;font:600 18px/1.25 var(--font-display,system-ui)}
.lk-pts{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:2px;font-size:13.5px;color:var(--k-mute);max-width:460px}
.lk-pts li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--k-line);padding:4px 0}
.lk-pts b{font-variant-numeric:tabular-nums}
.lk-res .lk-how ol li small{color:var(--k-dim)}

/* Breite Container: Gitter links, Verdächtige + Notizbuch rechts */
@container (min-width:940px){
  .lk-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"main side"}
  .lk-main{grid-area:main}
  .lk-side{grid-area:side}
  .lk-sus{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:760px){
  .lk-diff{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:560px){
  .lk-top{grid-template-columns:minmax(0,1fr)}
  .lk-boss .lk-f-l{--fh:104px}
  .lk-brief .lk-f-l{--fh:96px}
  .lk-banner{aspect-ratio:4/3;min-height:0}
  .lk-pol{grid-template-columns:auto minmax(0,1fr);gap:12px}
  .lk-pic-p{--ps:76px}
  .lk-reveal{gap:14px}
  .lk-pic-xl{--ps:140px}
  .lk-stampx{font-size:18px;padding:5px 9px;border-width:3px}
  .lk-stampg{font-size:11px;letter-spacing:.08em;padding:4px 7px}
  .lk-cul{max-width:46%}
  .lk-domi .lk-f-l{--fh:104px}
  .lk-verdict{grid-template-columns:minmax(0,1fr)}
  .lk-bar{padding:10px 12px}
  .lk-acts{width:100%}
  .lk-acts .lk-btn-g{flex:1 1 100%}
  .lk-box{padding:12px}
}
@container (max-width:480px){
  .lk-sum thead{display:none}
  .lk-sum,.lk-sum tbody,.lk-sum tr{display:block;width:100%}
  .lk-sum tr{border-bottom:1px solid var(--k-line);padding:7px 6px}
  .lk-sum th,.lk-sum td{display:inline;border:0;padding:0}
  .lk-sum tbody th{display:block;margin-bottom:2px}
  .lk-sum td::before{content:attr(data-l) ": ";color:var(--k-dim)}
  .lk-sum td+td::before{content:" · " attr(data-l) ": "}
}
@container (max-width:400px){
  .lk-diff{grid-template-columns:minmax(0,1fr)}
  .lk-pic-s{--ps:46px}
  .lk-jn{display:none}
  .lk-sum thead th{font-size:11px}
  .lk-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lk-s{gap:6px 14px;padding:8px 10px 8px 12px}
  .lk-s .lk-btn{min-width:0;padding-inline:10px}
  .lk-jk{flex:1 1 calc(50% - 4px);padding-inline:8px;font-size:12.5px}
  .lk-sum{font-size:12.5px}
  .lk-sum th,.lk-sum td{padding:6px 4px}
}
@media (max-width:760px){.lk input:not([type=radio]):not([type=checkbox]),.lk select,.lk textarea,.lk-ov input:not([type=radio]):not([type=checkbox]),.lk-ov select{font-size:16px}}
@media (max-width:520px){.lk-dh2{gap:12px}.lk-dh2 .lk-pic-l{--ps:86px}.lk-react .lk-f-m{--fh:78px}.lk-lineup{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.lk-lineup .lk-pic-m{--ps:72px}}
@media (prefers-reduced-motion:reduce){.lk-n.lk-new,.lk-kb,.lk-pop,.lk-dlg,.lk-stampx,.lk-spin{animation:none!important}.lk-case-pic{transition:none}.lk-case:hover .lk-case-pic{transform:none}}
@media print{.lk-ov{display:none}}