:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3ece0;--superficie:#fffaf2;--superficie-2:#f7f0e4;--tinta:#2b231e;--tinta-2:#6e6158;--linha:#ddd0bc;--accent:#b23a2a;--accent-tinta:#fff;--ok:#2f7a4f;--erro:#b23a2a;--estrela:#d79a1e;--parede:#3a2e27;--grade:#3a2e2724;--padrao:#3a2e2712;--sombra:#281c1429;--piso-1:#ead6b4;--piso-2:#d6e2cb;--piso-3:#d6dbe9;--piso-4:#ecd2cb;--piso-5:#e5ddbd;--piso-6:#cfe3e0;--madeira:#a8774c;--madeira-clara:#c89a6c;--madeira-escura:#6b4529;--tecido:#7d93b2;--tecido-escuro:#566c8c;--lencol:#f6f1e8;--travesseiro:#fff;--linha-tecido:#c9bfb0;--colcha:#b5655a;--colcha-escura:#94483f;--tapete:#c4694f;--tapete-claro:#f0c7a4;--folha:#5a8c4f;--folha-escura:#3e6a37;--vaso:#b8693f;--vaso-escuro:#8a4a2a;--livro-1:#b5463a;--livro-2:#3f6c8f;--livro-3:#d4a94a;--livro-4:#5d8a5a;--p1:#c2543c;--p2:#2f73a3;--p3:#7556a6;--p4:#2c8259;--p5:#b57d12;--p6:#ad4679;--p7:#3f6782;--p8:#866a35;--vitima:#2f2622;--ficha-borda:#fffaf2;--ficha-texto:#fff;--riscado:#3a2e2721;--riscado-fundo:#3a2e270d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--riscado:#00000047;--riscado-fundo:#0000001f;--bg:#17130f;--superficie:#221c17;--superficie-2:#2a231d;--tinta:#f1e7d8;--tinta-2:#b4a595;--linha:#3d332b;--accent:#e0644f;--accent-tinta:#1a1410;--estrela:#e9b544;--erro:#ef7a64;--parede:#0d0a08;--grade:#fff0dc14;--padrao:#fff0dc0a;--sombra:#00000059;--piso-1:#5a4a35;--piso-2:#44523f;--piso-3:#434a5e;--piso-4:#5c4440;--piso-5:#555036;--piso-6:#3c5552;--lencol:#e6dfd3;--vitima:#0f0c0a;--ficha-borda:#f1e7d8}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}h1,h2{letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-weight:700}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--linha);background:var(--superficie);border-radius:10px;min-height:42px;padding:9px 14px;transition:background .15s,border-color .15s,transform 80ms}button:hover:not(:disabled){border-color:var(--tinta-2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.primario{background:var(--accent);border-color:var(--accent);color:var(--accent-tinta);font-weight:600}button.grande{width:100%;min-height:50px;font-size:1.05rem}.botao-texto{color:var(--tinta-2);background:0 0;border:none;padding:6px 8px}.sobretitulo{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 4px;font-size:.72rem;font-weight:600}.tela-inicio{max-width:640px;margin:0 auto;padding:48px 16px 64px}.marca h1{margin:0;font-size:clamp(3rem,12vw,4.5rem);line-height:1}.lema{color:var(--tinta-2);margin:12px 0 32px;font-size:1.05rem}.lista-casos{gap:10px;margin:0;padding:0;list-style:none;display:grid}.caso{text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:16px 18px;display:grid}.caso-num{color:var(--tinta-2);font-family:Fraunces,serif;font-size:1.6rem}.caso-info{gap:2px;display:grid}.caso-info small,.caso-estado{color:var(--tinta-2);font-size:.85rem}.tela-jogo{max-width:1180px;margin:0 auto;padding:8px 16px 40px}.topo{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 0 12px;display:grid}.topo h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.15rem,3.5vw,1.6rem);overflow:hidden}.tempo{font-variant-numeric:tabular-nums;color:var(--tinta-2);text-align:right;min-width:56px}.area{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}@media (width<=860px){.area{grid-template-columns:1fr;gap:18px}}.coluna-tabuleiro{gap:12px;width:100%;max-width:680px;margin:0 auto;display:grid}.tabuleiro{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block}.tabuleiro .coord text{fill:var(--tinta-2);font-size:19px;font-weight:600}.tabuleiro .nome-comodo{fill:var(--tinta);opacity:.55;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;font-size:12.5px;font-weight:600}.tabuleiro .toque{cursor:pointer}.tabuleiro .toque:hover{fill:#ffffff2e}.tabuleiro.modo-pessoa .toque.bloqueada,.tabuleiro.modo-lapis .toque.bloqueada{cursor:not-allowed}.tabuleiro .cursor{fill:none;stroke:var(--tinta);stroke-width:3px;stroke-dasharray:8 6;opacity:0}.tabuleiro:focus-within .cursor,body.teclado .tabuleiro .cursor{opacity:.7}.tabuleiro .destaque{fill:#d79a1e38;stroke:var(--estrela);stroke-width:4px;animation:1.4s ease-in-out infinite pulsar}.tabuleiro .conflito{fill:#b23a2a2e;stroke:var(--erro);stroke-width:4px}.tabuleiro .marca-x path{stroke:var(--tinta);opacity:.55;stroke-width:7px;stroke-linecap:round;fill:none}.tabuleiro .nota{font-family:Fraunces,serif;font-size:22px;font-weight:700}.tabuleiro .ficha{transform-box:fill-box;transform-origin:50%;animation:.18s ease-out entrar}.tabuleiro.vitoria .ficha{animation:none}@keyframes entrar{0%{opacity:0;transform:scale(.6)}}@keyframes pulsar{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.tabuleiro .ficha,.tabuleiro .destaque{animation:none}}.status{text-align:center;min-height:1.4em;color:var(--tinta-2);font-size:.92rem}.ferramentas{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.segmentado{border:1px solid var(--linha);background:var(--superficie);border-radius:10px;display:inline-flex;overflow:hidden}.segmentado button{background:0 0;border:none;border-radius:0;min-width:64px}.segmentado button+button{border-left:1px solid var(--linha)}.segmentado button.ativo{background:var(--tinta);color:var(--bg);font-weight:600}.opcao{color:var(--tinta-2);justify-content:center;align-items:center;gap:8px;font-size:.88rem;display:flex}.painel-dica{background:var(--superficie);border:1px solid var(--estrela);border-left-width:5px;border-radius:12px;padding:12px 16px}.painel-dica p{margin:6px 0}.painel-dica-cabeca{justify-content:space-between;align-items:center;display:flex}.painel-dica-acoes{justify-content:flex-end;margin-top:8px;display:flex}.raciocinio{color:var(--tinta-2);gap:4px;margin:8px 0;padding-left:20px;font-size:.9rem;display:grid}.pistas{gap:10px;display:grid}.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:14px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.cartao.selecionado{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cartao.destacado{border-color:var(--estrela);box-shadow:0 0 0 2px var(--estrela)}.cartao-cabeca{background:var(--superficie-2);text-align:left;border:none;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:6px 12px 6px 8px;display:grid}.cartao-cabeca.estatica{grid-template-columns:1fr;padding:10px 14px}.cartao-nome{font-weight:600;display:grid}.cartao-nome small{color:var(--tinta-2);font-size:.78rem;font-weight:400}.cartao-estado{color:var(--ok);font-weight:700}kbd{color:var(--tinta-2);border:1px solid var(--linha);border-radius:5px;padding:1px 6px;font-family:inherit;font-size:.75rem}.cartao ul{margin:0;padding:4px 6px 6px;list-style:none}.pista{text-align:left;background:0 0;border:none;border-radius:8px;width:100%;min-height:0;padding:8px 10px;line-height:1.4}.pista:hover:not(:disabled){background:var(--superficie-2)}.pista.usada{color:var(--tinta-2);opacity:.7;text-decoration:line-through}.pista.violada{color:var(--erro);background:#b23a2a1f}.pista.destacada{background:#d79a1e2e}.sem-pista{color:var(--tinta-2);margin:0;padding:10px 16px 12px;font-size:.9rem;font-style:italic}.fundo-modal{z-index:10;background:#140e0a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);border-radius:18px;width:100%;max-width:460px;max-height:calc(100vh - 32px);padding:28px 24px 22px;overflow:auto;box-shadow:0 20px 60px #00000059}.modal h2{margin:0 0 10px;font-size:1.7rem}.modal p{line-height:1.5}.regras{color:var(--tinta-2);gap:6px;margin:0 0 20px;padding-left:18px;font-size:.92rem;line-height:1.5;display:grid}.acusados{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:16px 0;display:grid}.acusado{border-radius:14px;justify-items:center;gap:6px;padding:12px 8px;display:grid}.acusado:hover{border-color:var(--accent)}.erro{color:var(--erro);font-weight:500}.vitoria-modal{text-align:center}.vitoria-modal .detalhes{color:var(--tinta-2);font-size:.88rem}.acoes{justify-content:center;gap:10px;margin-top:14px;display:flex}.estrelas{letter-spacing:2px;font-size:1.1rem}.vitoria-modal .estrelas{font-size:2.2rem}.estrelas .cheia{color:var(--estrela)}.estrelas .vazia{color:var(--linha)}.ficha-solta{flex:none;display:block}.vitoria-modal .ficha-solta{margin:4px auto 8px}.bandeja{flex-wrap:wrap;justify-content:center;gap:6px;display:none}.bandeja-ficha{background:0 0;border:2px solid #0000;border-radius:50%;min-height:0;padding:3px;position:relative}.bandeja-ficha.ativo{border-color:var(--accent)}.bandeja-ficha.posicionada:after{content:"✓";background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px}@media (width<=860px){.bandeja{display:flex}}.desafio{background:var(--superficie);border:1px solid var(--linha);box-shadow:0 6px 20px var(--sombra);border-radius:16px;margin:0 0 36px;overflow:hidden}.desafio-principal{text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 20px 16px;display:flex}.desafio-texto{gap:4px;min-width:0;display:grid}.desafio-texto strong{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600}.desafio-texto small{color:var(--tinta-2);font-size:.85rem}.desafio-acao{background:var(--accent);color:var(--accent-tinta);border-radius:999px;flex:none;padding:10px 18px;font-weight:600}.desafio-acao:has(.estrelas){background:var(--superficie-2)}.desafio-rodape{border-top:1px solid var(--linha);background:var(--superficie-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.desafio-sequencia{color:var(--tinta-2);font-size:.88rem}.desafio-sequencia strong{color:var(--tinta);font-size:1.05rem}.semana{gap:6px;margin:0;padding:0;list-style:none;display:flex}.dia{width:38px;height:38px;color:var(--tinta-2);background:var(--superficie);border:1px solid var(--linha);border-radius:50%;padding:0;font-size:.7rem;font-weight:600}.dia.feito{background:var(--ok);border-color:var(--ok);color:#fff}.dia.hoje{outline:2px solid var(--accent);outline-offset:2px}.secao-casos{color:var(--tinta-2);margin:0 0 12px;font-size:1.1rem;font-weight:600}.tela-carga h1{margin:8px 0 0;font-size:2rem}.carregando{border:4px solid var(--linha);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.carregando{animation-duration:3s}}.topo-direita{justify-self:end;align-items:center;gap:10px;display:flex}.controles-som{gap:4px;display:inline-flex}.icone{border-radius:50%;place-items:center;width:36px;height:36px;min-height:0;padding:7px;display:grid}.icone svg{width:20px;height:20px}.icone.desligado{opacity:.55}.atalhos{color:var(--tinta-2);text-align:center;margin:4px 0 0;font-size:.78rem}@media (pointer:coarse){.atalhos{display:none}}.tabuleiro .toque.com-pessoa{cursor:grab;touch-action:none}.bandeja-ficha{touch-action:none}.cartao-cabeca{cursor:grab}.tabuleiro .riscada,.tabuleiro .realce,.tabuleiro .alvo,.tabuleiro .sala-crime{pointer-events:none}.tabuleiro .realce{fill:#d79a1e29;stroke:var(--estrela);stroke-width:3px;stroke-dasharray:10 6;animation:.15s ease-out aparecer}.tabuleiro .alvo{fill:#2f7a4f2e;stroke:var(--ok);stroke-width:5px}.tabuleiro .alvo.invalido{fill:#b23a2a2e;stroke:var(--erro)}.tabuleiro .lugar .ficha{animation:.32s cubic-bezier(.3,1.6,.5,1) assentar}.tabuleiro .lugar.arrastando{opacity:.3}.tabuleiro .anel-destaque{fill:none;stroke:var(--accent);stroke-width:5px;animation:1.2s ease-in-out infinite pulsar}.retrato .olhos{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite piscar}.retrato.vitima{filter:saturate(.35)brightness(.85)}.fantasma{z-index:60;pointer-events:none;filter:drop-shadow(0 10px 14px #00000059);position:fixed;transform:translate(-50%,-75%)scale(1.08)rotate(-4deg)}.tabuleiro .sala-crime{fill:var(--accent);opacity:0;animation:1.6s ease-out forwards sala-crime}.tabuleiro.vitoria .lugar{transform-box:fill-box;transform-origin:bottom;animation:.5s ease-out both pular}.tabuleiro.vitoria .lugar .ficha{animation:none}.tabuleiro .lugar.culpado .ficha{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 6px var(--accent));animation:.7s ease-in-out .8s infinite alternate culpado}.pista.violada{animation:.35s tremer}.modal{animation:.25s ease-out subir}.modal.tremer{animation:.4s tremer}.vitoria-modal .estrelas span{animation:.5s cubic-bezier(.3,1.8,.5,1) backwards estrela;display:inline-block}.vitoria-modal .estrelas span:first-child{animation-delay:.3s}.vitoria-modal .estrelas span:nth-child(2){animation-delay:.5s}.vitoria-modal .estrelas span:nth-child(3){animation-delay:.7s}@keyframes assentar{0%{opacity:.4;transform:scale(.55)}}@keyframes aparecer{0%{opacity:0}}@keyframes piscar{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes sala-crime{25%{opacity:.38}to{opacity:.16}}@keyframes pular{40%{transform:translateY(-14px)}70%{transform:translateY(0)}85%{transform:translateY(-4px)}}@keyframes culpado{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.1)rotate(4deg)}}@keyframes tremer{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes subir{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes estrela{0%{opacity:0;transform:scale(0)rotate(-40deg)}}@media (prefers-reduced-motion:reduce){.tabuleiro .lugar .ficha,.tabuleiro.vitoria .lugar,.tabuleiro .lugar.culpado .ficha,.tabuleiro .anel-destaque,.retrato .olhos,.pista.violada,.modal,.modal.tremer,.vitoria-modal .estrelas span{animation:none}.tabuleiro .sala-crime{opacity:.2;animation:none}}.inicio-som{justify-content:flex-end;margin:-32px 0 8px;display:flex}
