body,p{font-style:normal}a{color:#ff1c9d}.card-grid{background-color:var(--bg);padding-top:2px;display:grid;grid-template-columns:repeat(4,auto);gap:5px;margin:auto;justify-content:center}@media (min-width: 768px){.card-grid{margin-top:50px}}@media (max-width: 344px){.card-grid-container{width:100%}.card-grid{width:100%;transform:scale(.9)}}@media (max-width: 369px){.card-grid-container{width:100%}.card-grid{width:100%;transform:scale(.95)}}.card-grid-container{display:flex}.card{border:1px solid var(--border-neutral);border-width:2px 2px 2px 2px;background-color:var(--card-bg);box-sizing:border-box;width:87px;height:118px;display:flex;flex-direction:column;justify-content:top;align-items:center;cursor:pointer;border-radius:6px;box-shadow:0 1px 6px var(--shadow-color-secondary);position:relative}.card.consumed{box-shadow:0 0 0 var(--shadow-color)}.card.innocent{border:1px solid var(--border-innocent);background-color:var(--background-innocent);color:var(--text-innocent);box-shadow:0 1px 2px var(--shadow-color)}.card.criminal{border:1px solid var(--border-criminal);background-color:var(--background-criminal);color:var(--text-criminal);box-shadow:0 1px 2px var(--shadow-color)}.card-grid-container.in-progress .card.consumed .hint{opacity:.3;transition:all .1s ease-in-out}.card-grid-container.in-progress .card.consumed.innocent{border:1px solid var(--background-innocent-consumed);background-color:var(--background-innocent-consumed)}.card-grid-container.in-progress .card.consumed.criminal{border:1px solid var(--background-criminal-consumed);background-color:var(--background-criminal-consumed)}.card-grid-container.in-progress .card.consumed hr{opacity:0}.card-grid-container.completed{transform:scale(.98);transition:all .7s ease-in-out;transition-delay:.25s}.card hr{width:82px;margin:2px 0 0;height:1.5px;opacity:.5;border-width:0px;border-radius:5px}.card.criminal hr{background-color:var(--background-highlight-criminal)}.card.innocent hr{background-color:var(--background-highlight-innocent)}img{margin-bottom:0}.card img,.modal img{opacity:.5}.card-front,.card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:0}.card-back{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;margin-top:5px}.card-back p.hint{font-size:11px;opacity:.87;margin-top:auto;margin-bottom:auto;padding:0 1px;transform:translateY(-2px)}body.light p.face{text-shadow:0px 0px 3px var(--face-shadow-color)}body.dark p.face{text-shadow:0px 0px 10px var(--face-shadow-color)}.card-front p.face{font-size:30px;margin-bottom:3px}.card-back p.face{font-size:17px;margin-bottom:2px}.card p.profession{font-size:11px;opacity:.95}.in-progress .profession-referenced p.profession{opacity:.95;font-weight:700;transform:scale(1.05)}body.light .in-progress .profession-referenced p.profession{opacity:1;font-weight:700}.card-front img,.card-back img{height:30px;width:auto;object-fit:contain}.card h3,.card p{font-size:12px;margin:0;line-height:1em;text-align:center}.card-back h3.name{font-size:14px}body.dark .card-back h3.name{text-shadow:0px 0px 5px var(--shadow-color)}div.name{background-color:var(--background-highlight);width:100%;padding:0 0 3px;text-transform:uppercase}.card.criminal div.name{background-color:var(--background-highlight-criminal)}.card.innocent div.name{background-color:var(--background-highlight-innocent)}.in-progress .card.criminal.consumed div.name{background-color:var(--background-highlight-criminal-consumed)}.in-progress .card.innocent.consumed div.name{background-color:var(--background-highlight-innocent-consumed)}h3.name{text-transform:capitalize;opacity:.8;font-weight:700;transform:scale(.95)}.in-progress .name-referenced h3.name{opacity:1;transform:scale(1.05)}.card-front h3.name{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:20}.modal{width:300px;background:var(--modal-bg);margin:-3px;border:4px solid var(--border-neutral);border-radius:10px;text-align:center;box-sizing:border-box;box-shadow:0 6px 12px #0000001a;color:var(--text)}.modal.warning{background:var(--modal-bg)}.modal.warning .top{background:var(--modal-bg-secondary)}.modal.warning div{padding:15px}.modal img{max-height:50%;max-width:50%;width:auto;object-fit:contain;margin-bottom:10px}button.copy{background-color:transparent;border-color:var(--share-color);color:var(--share-color);font-weight:700;width:130px}button.share{background-color:transparent;border-color:var(--share-color);color:var(--button-color);background-color:var(--share-color);font-weight:700;width:130px}button.close{background-color:transparent;border-color:var(--criminal);color:var(--criminal)}.btn-innocent{min-width:100px;background-color:transparent;border-color:var(--button-innocent);color:var(--button-innocent);font-weight:700}body.light .btn-innocent{min-width:100px;background-color:var(--button-innocent);border-color:var(--button-innocent);color:#fff;font-weight:700}body.light .btn-innocent:hover,body.light .btn-criminal:hover{filter:brightness(1.1)}.btn-warn{min-width:100px;background-color:transparent;border-color:var(--warn);color:var(--warn);font-weight:700}.btn-warn:hover{background-color:var(--warn);color:#fff;border-color:var(--warn)}.btn-innocent:hover{background-color:var(--button-innocent-hover);border-color:var(--button-innocent);box-shadow:0 0 10px var(--button-innocent-hover)}.btn-innocent:focus{background-color:var(--button-innocent-hover);border-color:var(---button-innocent);box-shadow:0 0 10px var(--button-innocent-hover)}body.light .btn-criminal{min-width:100px;background-color:var(--button-criminal);border-color:var(--button-criminal);color:#fff;font-weight:700}.btn-criminal{min-width:100px;background-color:transparent;border-color:var(--button-criminal);color:var(--button-criminal);font-weight:700}.btn-criminal:hover{background-color:var(--button-criminal-hover);border-color:var(--button-criminal);box-shadow:0 0 10px var(--button-criminal-hover)}.btn-criminal:focus{background-color:var(--button-criminal-hover);border-color:var(--button-criminal);box-shadow:0 0 10px var(--button-criminal-hover)}.btn-close{margin-bottom:15px}.btn-close:focus{background-color:var(--border-button);border-color:var(--border-button)}.empty-card{border:2px dashed var(--border-neutral);padding:20px;min-height:120px;box-sizing:border-box;background-color:var(--card-bg);border-radius:8px;text-align:center}.modal .top p{margin-bottom:5px}.modal.complete{padding:20px}.modal.complete label{opacity:.9;font-size:.8rem}.modal.complete input[type=checkbox]{width:12px;height:12px;transform:translate(-2px)}.name{text-transform:capitalize}.card .coord{position:absolute;left:2px;top:2px;color:var(--text-muted);font-size:10px}.identity{display:flex;padding-top:5px;align-items:center}.identity .face{margin-top:auto}.modal .face{font-size:52px;margin:2px}.modal h3,.modal p{margin:2px auto}.speech-bubble{position:absolute;top:13px;left:50%;transform:translate(-50%),translateY(-50%);background:var(--speech-bg);border:2px solid var(--speech-border);color:var(--speech-color);padding:.3em .6em;border-radius:1rem;font-weight:700;box-shadow:0 0 5px #0003;animation:pop-fade 1.2s ease-out;animation-fill-mode:forwards;pointer-events:none;z-index:10}@keyframes pop-fade{0%{opacity:.5;transform:translate(-50%) translateY(0) scale(.8)}15%{opacity:1;transform:translate(-50%) translateY(-5px) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(-5px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}}.title,h3,b{color:var(--text-title)}.card h3{color:var(--text)}.card.innocent h3{color:var(--text-innocent)}.card.criminal h3{color:var(--text-criminal)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--speech-bg);border:2px solid var(--speech-border);color:var(--speech-color);font-weight:700;box-shadow:0 4px 10px #0003;padding:15px;border-radius:10px;z-index:1000;pointer-events:none}.change-to-red-from,.change-to-red-to{display:inline-block;transition:opacity 1.5s ease,transform .5s ease;position:absolute}.change-to-red-from{opacity:0;transform:scale(0)}.change-to-red-to{opacity:1;transform:scale(1)}.insta-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;gap:3px;background-color:#333649;border-radius:5px;padding:1px 6px 3px;margin-top:6px;border:1px solid rgb(90,87,120)}a{color:#d222e9}button .icon{width:15px;margin:0;padding:0;transform:scale(1.5) translate(3px,2px);opacity:1}.button-group{background-color:var(--background-highlight);width:100%}div.preferences{margin:15px auto auto;display:flex;justify-content:space-between}.preferences input[type=checkbox]{margin-right:5px;margin-left:0;width:14px;height:14px;transform:translateY(1px)}.preferences button{width:110px;height:35px;padding:5px;margin-left:0}div.preferences div.theme{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%}div.preferences div.gameplay{display:flex;flex-direction:column}div.preferences label+label{margin-top:2px}