:root{--bg:#fff7ef;--ink:#2b2140;--muted:#7b6f8c;--wall:#2b2140;--card:#fff;--accent:#ff5fa2;--accent-2:#7a6cff;--ok:#22b8a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Nunito,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:520px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.top h1{letter-spacing:-.5px;color:var(--accent-2);margin:0;font-family:Fredoka,sans-serif;font-size:34px;font-weight:700}.subtitle{color:var(--muted);margin:0;font-weight:600}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.puzzle-nav{flex:none;align-items:center;gap:6px;display:flex}.puzzle-nav button{width:40px;height:40px;color:var(--accent-2);background:#fff;border:2px solid #e2cbb3;border-radius:50%;padding:0 0 3px;font-size:24px;font-weight:700;line-height:1}.puzzle-nav button:disabled{opacity:.35;cursor:default}.puzzle-count{color:var(--muted);text-align:center;min-width:34px;font-size:13px;font-weight:700}.difficulty-filter{scrollbar-width:none;gap:6px;margin:-4px -16px 0;padding:2px 16px 4px;display:flex;overflow-x:auto}.difficulty-filter::-webkit-scrollbar{display:none}.difficulty-filter button{--level:var(--accent-2);white-space:nowrap;background:#fff;border:2px solid #e2cbb3;border-radius:999px;flex:none;align-items:baseline;gap:5px;padding:5px 12px;font-size:13px;font-weight:700;display:flex}.difficulty-filter button small{color:var(--muted);font-size:11px;font-weight:700}.difficulty-filter button.on{background:var(--level);border-color:var(--level);color:#fff}.difficulty-filter button.on small{color:#ffffffd9}.difficulty-filter .level-sehr-leicht{--level:#22b8a8}.difficulty-filter .level-leicht{--level:#3fa45b}.difficulty-filter .level-mittel{--level:#e59a1c}.difficulty-filter .level-schwer{--level:#ff5fa2}.difficulty-filter .level-experte{--level:#2b2140}.board{aspect-ratio:1;background:#fbf4e8;border-radius:14px;width:100%;position:relative;box-shadow:0 6px #e9d3bd}.board.stimmung-park{background:#eef6e6;box-shadow:0 6px #c7dcb6}.board.stimmung-klinik{background:#f1f7f9;box-shadow:0 6px #c9dde4}.board-art{width:100%;height:100%;display:block;position:absolute;inset:0}.board-grid{display:grid;position:absolute}.cell{aspect-ratio:1;background:0 0;border:0;min-width:0;padding:0;position:relative}.cell.lit:after{content:"";z-index:7;pointer-events:none;border:3px solid #ffb800;border-radius:8px;animation:1s infinite alternate pulse;position:absolute;inset:2px;box-shadow:0 0 12px #ffb800}@keyframes pulse{to{opacity:.4}}.cell.soft:after{content:"";z-index:7;pointer-events:none;background:#ffd84d38;border:2.5px dashed #ffb800;border-radius:8px;position:absolute;inset:3px}.board.tool-radierer .cell{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36'><text x='2' y='28' font-size='26'>🧽</text></svg>") 6 26,pointer}.board.tool-kreuz .cell{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><text x='4' y='22' font-size='22' fill='%23e8484f' font-family='sans-serif' font-weight='bold'>✕</text></svg>") 12 12,pointer}.wipe{z-index:9;pointer-events:none;place-items:center;font-size:clamp(22px,7vw,34px);animation:.6s ease-out forwards wipe;display:grid;position:absolute;inset:0}@keyframes wipe{0%{opacity:1;transform:translate(-20%,-10%)rotate(-15deg)}35%{transform:translate(20%,5%)rotate(10deg)}65%{opacity:1;transform:translate(-10%,10%)rotate(-5deg)}to{opacity:0;transform:translateY(20%)rotate(0)}}.cell.chosen:before{content:"";z-index:6;border:3px solid var(--accent-2);pointer-events:none;background:#7a6cff2e;border-radius:10px;position:absolute;inset:3px}.cell.last:before{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle,#ff5fa259,#ff5fa214 70%);border:2.5px dashed #ff5fa2;border-radius:12px;animation:1.2s infinite alternate pulse;position:absolute;inset:4px}.board-labels{z-index:8;pointer-events:none;position:absolute}.room-label{z-index:1;color:#fff7ee;letter-spacing:.2px;white-space:nowrap;background:#5b3f2d;border-radius:7px 7px 0 0;padding:2px 8px 3px;font-size:clamp(8px,2.3vw,11px);font-weight:800;position:absolute;transform:translate(-50%,calc(2px - 100%));box-shadow:0 -1px 3px #2b190f40}.room-label.align-start{transform:translate(4px,calc(2px - 100%))}.room-label.align-end{transform:translate(calc(-100% - 4px),calc(2px - 100%))}.room-label.narrow{padding:1px 5px 2px;font-size:clamp(7px,1.9vw,9.5px)}.stimmung-park .room-label{color:#f4fbef;background:#2f5e2a}.stimmung-restaurant .room-label{color:#fbeee0;background:#4a2a25}.stimmung-klinik .room-label{color:#f2fbfd;background:#4f6577;box-shadow:0 -1px 3px #142d3c40}.mark{z-index:3;color:#e8484f;text-shadow:0 0 3px #fff,0 0 6px #fff;place-items:center;font-size:clamp(18px,6vw,30px);font-weight:700;display:grid;position:absolute;inset:0}.mark.auto{color:#2b21408c;font-weight:400}.token{z-index:6;color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;font-family:Fredoka,sans-serif;font-size:clamp(14px,4.6vw,22px);font-weight:700;display:grid;position:absolute;inset:12%;overflow:hidden;box-shadow:0 3px #0003}.avatar-svg{width:100%;height:100%;display:block}.avatar .avatar-svg{margin-top:3px}.token.conflict{border-color:#e8484f;animation:.5s wobble}.token.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-2)}@keyframes wobble{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.toolbar{align-items:center;gap:10px;display:flex}.toggle{background:#f3e4d4;border-radius:999px;flex:1;padding:4px;display:flex}.toggle button{background:0 0;border:0;border-radius:999px;flex:1;padding:9px 6px;font-weight:700}.toggle button.on{background:#fff;box-shadow:0 2px #e2cbb3}.toolbar .ghost{white-space:nowrap;flex:1;padding:8px 10px}.toolbar .ghost:disabled{opacity:.45;cursor:default}.toolbar .toggle button{white-space:nowrap;padding:9px 2px;font-size:14px}.ghost.active{background:#fff}.ghost{background:0 0;border:2px solid #e2cbb3;border-radius:999px;padding:8px 16px;font-weight:700}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;background:var(--ink);color:#fff;text-align:center;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.toast.warn{background:#e8484f}.hint{background:#fff4c2;border:2px solid #ffd84d;border-radius:14px;padding:10px 14px;font-size:14.5px;font-weight:600}.notes{width:100%;font:inherit;color:var(--ink);resize:vertical;background:#fffdf9;border:2px solid #e2cbb3;border-radius:14px;padding:10px 12px;font-size:16px}.legend{background:#fff;border-radius:16px;padding:12px 14px;font-size:13px;box-shadow:0 2px #f0dcc8}.legend summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;list-style:none;display:flex}.legend summary::-webkit-details-marker{display:none}.legend .chevron{border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);width:9px;height:9px;margin:0 4px 4px 0;transition:transform .15s;transform:rotate(45deg)}.legend[open] .chevron{margin-bottom:-4px;transform:rotate(-135deg)}.legend[open] summary{margin-bottom:8px}.legend>div+div,.legend-note{margin-top:8px}.legend-note{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.4}.legend-row{flex-wrap:wrap;gap:6px 12px;margin-top:4px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-swatch{background:#f6ead8;border-radius:6px;place-items:center;height:30px;padding:2px;display:grid}.object-icon{width:auto;height:26px;display:block}.cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card{text-align:left;background:var(--card);border:3px solid #0000;border-radius:16px;align-items:flex-start;gap:10px;padding:10px;transition:transform .1s;display:flex;box-shadow:0 3px #f0dcc8}.card:active{transform:scale(.98)}.card.selected{border-color:var(--accent-2);box-shadow:0 3px #4f43c9}.card{cursor:pointer;font:inherit;color:inherit}.card.placed{opacity:.6}.card.victim{background:#ffe3e4}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;display:grid;overflow:hidden}.card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.name{font-family:Fredoka,sans-serif;font-size:17px;font-weight:600}.check{color:var(--ok)}.tag{color:#fff;background:#e8484f;border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;font-weight:700}.clue{font-size:13.5px;line-height:1.35}.primary{background:var(--accent-2);color:#fff;border:0;border-radius:999px;padding:14px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;box-shadow:0 4px #4f43c9}.primary:disabled{cursor:default;background:#cfc6dd;box-shadow:0 4px #b5abc6}.overlay{z-index:30;background:#2b214073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.result{text-align:center;background:#fff;border-radius:24px;flex-direction:column;gap:8px;width:min(360px,100%);padding:24px;display:flex}.result h2{margin:0;font-family:Fredoka,sans-serif}.result p{margin:0 0 8px}.result .big{font-size:48px}.result.richtig h2{color:var(--ok)}.result .next-up{color:var(--muted);font-size:14px}.muster-svg{width:100%;height:auto;display:block;overflow:visible}.muster-szene{background:#fff;border-radius:18px;padding:14px;box-shadow:0 3px #f0dcc8}.muster-szene p{color:var(--muted);margin:8px 0 0;font-size:13px}.muster-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.muster{background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;gap:6px;margin:0;padding:10px;display:flex;box-shadow:0 3px #f0dcc8}.muster figcaption{color:var(--muted);flex-direction:column;font-size:12px;display:flex}.muster figcaption strong{color:var(--ink);font-size:14px}.muster-avatare{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.muster-avatare figure{text-align:center;margin:0;font-family:Fredoka,sans-serif;font-weight:700}.muster-avatar{aspect-ratio:1;background:#ffe3d1;border-radius:50%;display:block;overflow:hidden;box-shadow:0 3px #f0dcc8}.muster-avatar .avatar-svg{margin-top:6%}.puzzle-list{margin-top:8px}.puzzle-list>div{flex-wrap:wrap;gap:6px;display:flex}.puzzle-list button{background:0 0;border:2px solid #e2cbb3;border-radius:12px;flex-direction:column;align-items:flex-start;padding:4px 10px;font-size:13px;font-weight:700;display:flex}.puzzle-list button small{color:var(--muted);font-size:11px;font-weight:600}.puzzle-list button.on{border-color:var(--accent-2);background:#fff}.logo{letter-spacing:-.02em;align-items:flex-end;font-family:Fredoka,sans-serif;font-weight:700;line-height:1;display:inline-flex}.logo-text{background:linear-gradient(90deg,#7a6cff,#b467e0 55%,#ff5fa2) 0 0/200% 100%;color:#0000;filter:drop-shadow(0 2px #5b3f2d2e);-webkit-background-clip:text;background-clip:text}.logo-text-end{background-position:100% 0}.logo-lupe{filter:drop-shadow(0 2px #5b3f2d2e);flex:none;width:.95em;height:.95em;margin:0 -.07em -.14em .01em}.top h1{line-height:1}.muster-logos{flex-direction:column;gap:10px;display:flex}.muster-logo{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 3px #f0dcc8}.cell.crossed:after{content:"";z-index:2;pointer-events:none;background:#3c2d4652;position:absolute;inset:0}.cell.crossed .pencil{z-index:1;opacity:.55}.cell.crossed .pencil span{background:0 0}.pencil{z-index:4;pointer-events:none;flex-wrap:wrap;justify-content:flex-start;gap:0 3px;font-family:Fredoka,sans-serif;font-size:clamp(9px,2.8vw,13px);font-weight:700;line-height:1.05;display:flex;position:absolute;inset:6% 6% auto}.pencil span{background:#ffffffe0;border-radius:4px;padding:0 2px}.sheet-backdrop{z-index:25;background:#2b21401f;position:fixed;inset:0}.sheet-multi{background:#f1eeff;border-radius:12px;margin:0 0 8px;padding:7px 10px;font-size:12.5px;line-height:1.3}.sheet{width:min(520px,100%);padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#fffaf4;border-radius:22px 22px 0 0;flex-direction:column;gap:10px;animation:.18s ease-out sheet-in;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #2b214038}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,30%)}}.sheet-head{align-items:center;gap:6px;font-size:14px;display:flex}.sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sheet-head small{color:var(--muted);font-weight:600}.sheet-icon{background:#fff;border:2px solid #e2cbb3;border-radius:50%;flex:none;width:38px;height:38px;padding:0;font-size:17px;line-height:1}.sheet-close{background:var(--accent-2);color:#fff;border:none;border-radius:19px;flex:none;height:38px;margin-left:2px;padding:0 12px;font-size:14px;font-weight:700}.sheet-icon.cross{color:#e8484f;font-weight:800}.sheet-icon.on{background:#fff4c2;border-color:#ffb800}.sheet-people{gap:6px 4px;display:grid}.sheet-person{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:2px 0;display:flex}.sheet-avatar{aspect-ratio:1;color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:100%;max-width:64px;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:0 2px #0000001f}.sheet-person.here .sheet-avatar{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2)}.sheet-person.noted .sheet-avatar{border-color:#ffd84d}.sheet-person.elsewhere{opacity:.55}.sheet-noted{font-size:13px;position:absolute;bottom:0;right:0}.sheet-name{font-size:12.5px;font-weight:700}.result .ghost{background:0 0;border:2px solid #e2cbb3;border-radius:999px;padding:10px;font-weight:700}.game{flex-direction:column;gap:14px;display:flex}.game-main,.game-side{display:contents}.controls{align-items:center;gap:8px;display:flex}.controls .toolbar:first-child{flex:1;min-width:0}.toolbar.icons{flex:none;gap:8px}.toolbar .ghost.icon{flex:none;width:44px;height:44px;padding:0;font-size:20px;line-height:1}.toolbar .ghost.icon.wide{width:auto;padding:0 12px;font-size:14px}@media (width<=959px){.toolbar .toggle button{flex-direction:column;align-items:center;gap:1px;padding:4px 2px;font-size:11px;line-height:1.1;display:flex}.toolbar .toggle .tool-icon{font-size:16px}}.check-button{order:1}@media (width>=960px){.app{max-width:1240px;padding:24px 32px 48px}.difficulty-filter{flex-wrap:wrap;margin:-4px 0 0;padding:2px 0 4px}.game{grid-template-columns:minmax(0,1fr) clamp(440px,100vh - 270px,640px);align-items:start;gap:28px;display:grid}.game-main,.game-side{flex-direction:column;gap:14px;display:flex}.game-main{grid-area:1/2;position:sticky;top:16px}.controls{gap:10px}.game-side{grid-area:1/1}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card{padding:12px}.clue{font-size:14.5px;line-height:1.4}.legend{font-size:14px}.puzzle-list{margin-top:24px}.sheet{border-radius:22px;width:clamp(440px,100vh - 270px,640px);padding-bottom:14px;animation-name:sheet-pop;bottom:24px;left:auto;right:max(32px,50vw - 588px);transform:none}.sheet.lower{top:24px;bottom:auto}}@keyframes sheet-pop{0%{opacity:0;transform:translateY(20%)}}@media (hover:hover){.card:hover:not(.selected){border-color:#e2cbb3}.cell:not(.chosen):not(.last):hover:before{content:"";z-index:5;pointer-events:none;background:#7a6cff1f;border-radius:10px;position:absolute;inset:3px}.puzzle-list button:hover:not(.on),.difficulty-filter button:hover:not(.on){border-color:var(--accent-2)}.ghost:hover:not(:disabled){background:#fff}}.mode-toggle{flex:none;align-self:center;width:min(320px,100%)}.mode-toggle button{white-space:nowrap;padding:7px 10px;font-size:14px}.mode-toggle button.on{color:var(--accent-2)}.ghost.small{padding:6px 12px;font-size:13px}.ghost.danger{color:#e8484f;border-color:#e8484f}.link-button{color:var(--muted);background:0 0;border:0;padding:6px;font-size:13px;font-weight:700;text-decoration:underline}.my-welcome,.my-editor,.my-locked{background:#fff;border-radius:22px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 3px #f0dcc8}.my-welcome h1{text-align:center;margin:0}.my-welcome p{margin:0;line-height:1.45}.my-welcome ul{margin:0;padding-left:20px;line-height:1.6}.my-editor h2,.my-locked h2{margin:0;font-family:Fredoka,sans-serif}.my-locked{text-align:center}.my-locked p{margin:0;line-height:1.45}.my-locked .big{font-size:44px}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:14px;font-weight:700}.field>span small{color:var(--muted);font-weight:600}.field input:not([type]),.field input[type=text]{font:inherit;background:var(--bg);color:var(--ink);border:2px solid #e2cbb3;border-radius:12px;padding:10px 12px;font-size:16px}.field input:focus{border-color:var(--accent-2);outline:none}.field-note{color:var(--muted);margin:0;font-size:13px}.field-warn{color:#e8484f;font-weight:700}.check-row{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent-2)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid #fff;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:0 0 0 2px #e2cbb3}.swatch.on{box-shadow:0 0 0 3px var(--accent-2)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{background:#fff;border:2px solid #e2cbb3;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:700}.chips button.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.look-options{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.look{background:#fff7ef;border:2px solid #e2cbb3;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;display:flex}.look small{color:var(--muted);font-size:11px;font-weight:700}.look.on{border-color:var(--accent-2);background:#efecff}.look.on small{color:var(--accent-2)}.my-preview{justify-content:center;display:flex}.my-preview-face{background:#ffe3d1;border-radius:50%;width:140px;height:140px;overflow:hidden;box-shadow:0 3px #f0dcc8}.my-preview-face .avatar-svg{margin-top:8%}.my-people{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;display:grid}.my-person{background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0;display:flex}.my-person-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;font-weight:700;overflow:hidden}.my-person.add .my-face{background:#f3e4d4;border:2px dashed #e2cbb3;place-items:center;font-size:26px;display:grid}.my-person.add .my-person-name{color:var(--muted)}.my-face{border:2px solid #fff;border-radius:50%;flex:none;width:34px;height:34px;overflow:hidden}.my-face.big{width:60px;height:60px}.my-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:-6px;display:flex}.my-faces{display:flex}.my-faces .my-face+.my-face{margin-left:-8px}.my-actions{flex-wrap:wrap;gap:6px;display:flex}.my-switch{font:inherit;color:var(--ink);background:#fff;border:2px solid #e2cbb3;border-radius:999px;max-width:150px;padding:5px 10px;font-size:13px;font-weight:700}@media (width>=960px){.my-welcome,.my-editor,.my-locked{width:100%;max-width:560px;margin:0 auto}}.muster-frisuren{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.muster-frisuren figure{text-align:center;margin:0;font-size:11px;font-weight:700}.swatch.taken{opacity:.35;cursor:not-allowed;position:relative}.swatch.taken:after{content:"✕";color:#fff;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;inset:0}.look .avatar-svg{width:60px;height:60px}.my-groups{flex-direction:column;gap:8px;display:flex}.my-group{text-align:left;background:#fff7ef;border:2px solid #e2cbb3;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.my-group.on{border-color:var(--accent-2);background:#efecff}.my-group-name{align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;display:flex}.my-group .tag{background:var(--accent-2)}