body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box;background-image:url(./hearts-DQJjB38T.svg);background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;overflow-y:auto}*{font-family:Verdana,cursive,sans-serif;color:#fff;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.parent{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100%;max-width:100vw;overflow-x:auto;padding:20px;box-sizing:border-box}.game{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:calc(100vw - 40px);box-sizing:border-box;background-color:#e57373;width:fit-content;min-height:fit-content;height:min-content;border-radius:15px;padding:20px;box-shadow:10px 10px 42px #000000bf;margin-right:10px}.word-list{background-color:#e57373;border-radius:15px;padding:20px;box-shadow:10px 10px 42px #000000bf;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}button{font-size:10px;color:#fff;background-color:#ef534f;padding:10px;justify-content:flex-start;align-items:center;cursor:pointer}button:hover{background-color:#f33}button:focus{outline:none}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#e57373;padding:20px;border-radius:15px;box-shadow:10px 10px 42px #000000bf;text-align:center;animation:popup-enter .3s ease-out;color:#fff}.popup-content h1,.popup-content h2{color:#fff;font-family:Verdana,cursive,sans-serif}@keyframes popup-enter{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.character-profession-modal{font-size:16px;color:#fff;opacity:.9;margin:10px 0}.selection-buttons{display:flex;gap:15px;justify-content:center;margin:20px 0}.selection-button{padding:12px 30px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px}.criminal-button{background-color:#8b0000;color:#fff}.criminal-button:hover{background-color:#a00000;transform:translateY(-2px);box-shadow:0 4px 8px #8b000066}.innocent-button{background-color:#2e7d32;color:#fff}.innocent-button:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 8px #2e7d3266}.close-button{margin-top:10px;padding:8px 20px;font-size:14px;background-color:#787c7e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.close-button:hover{background-color:#5f6365}.error-message{background-color:#d32f2f;color:#fff;padding:12px;border-radius:6px;margin:15px 0;font-size:14px;text-align:center;animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:20px 30px;border-radius:10px;text-align:center;max-width:400px;width:100%}.popup-content h2{color:#333;margin-bottom:10px}.popup-content p{color:#666;margin-bottom:20px}.popup-close-button{background-color:#ef534f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px}.popup-close-button:hover{background-color:#f33}.wordle-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.guess-row{display:flex;gap:8px}.letter{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border:2px solid #ccc;text-transform:uppercase}.letter.empty{border:2px solid #ccc}.letter.correct{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.letter.present{background-color:#c9b458;border-color:#c9b458;color:#fff}.letter.absent{background-color:#787c7e;border-color:#787c7e;color:#fff}.keyboard{display:flex;flex-direction:column;gap:8px;margin-top:20px}.keyboard-row{display:flex;justify-content:center;gap:6px}.key{min-width:40px;height:55px;border-radius:4px;border:none;background-color:#d3d6da;font-weight:700;cursor:pointer}.key.special-key{min-width:65px;font-size:12px}.key.correct{background-color:#6aaa64;color:#fff}.key.present{background-color:#c9b458;color:#fff}.key.absent{background-color:#787c7e;color:#fff}.game-over{margin-top:10px;font-size:18px;font-weight:700;text-align:center}.puzzle{margin-bottom:20px}.puzzle td,.input td{width:50px;height:50px;text-align:center;font-size:24px;border:1px solid #ccc}.puzzle button,.input button{width:100%;height:100%;background:none;border:none;font-size:24px;cursor:pointer}.input{margin-top:20px}.puzzle td{color:#fff;background-color:#ef534f;border:1px solid #FECDD2;padding:20px;box-shadow:2px 2px 15px -2px #fff}.input td{color:#fff;background-color:#ef534f;border:1px solid #FECDD2;box-shadow:2px 2px 15px -2px #fff;padding:10px;min-width:20px;height:20px;text-align:center}.clues-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,auto);gap:12px;margin-top:20px;width:100%;max-width:600px}.character-card{background-color:#ef534f;border:2px solid #FECDD2;border-radius:8px;padding:12px;text-align:center;cursor:pointer;box-shadow:2px 2px 8px -2px #0000004d;transition:all .2s ease;min-height:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;word-wrap:break-word;overflow-wrap:break-word}.character-card:hover{transform:translateY(-2px);box-shadow:2px 4px 12px -2px #0006}.character-card.criminal{background-color:#8b0000;border-color:#ff6b6b;box-shadow:2px 2px 12px -2px #8b000099}.character-card.innocent{background-color:#2e7d32;border-color:#81c784;box-shadow:2px 2px 12px -2px #2e7d3299}.character-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}.character-profession{font-size:12px;color:#fff;opacity:.9;margin-bottom:6px;line-height:1.2}.character-clue{font-size:11px;color:#fff;font-style:italic;margin-top:6px;padding:4px;background-color:#fff3;border-radius:4px;border:1px dashed rgba(255,255,255,.4);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.wordgrid-container{display:flex;flex-direction:column;align-items:center;margin-top:20px;width:100%;max-width:800px}.wordgrid-table{display:flex;flex-direction:column;border:2px solid #FECDD2;border-radius:8px;overflow:hidden;background-color:#ef534f}.wordgrid-header-row,.wordgrid-row{display:grid;grid-template-columns:150px repeat(3,1fr);gap:2px;background-color:#fecdd2}.wordgrid-corner{background-color:#ef534f;padding:10px;min-height:50px}.wordgrid-rule-header{background-color:#ef534f;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;border:1px solid #FECDD2}.wordgrid-rule-label{background-color:#ef534f;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:80px;border:1px solid #FECDD2}.wordgrid-rule-text{font-size:12px;color:#fff;font-weight:700;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.wordgrid-cell{background-color:#ef534f;border:2px solid #FECDD2;padding:10px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.wordgrid-cell.valid{background-color:#2e7d32;border-color:#81c784;box-shadow:2px 2px 8px -2px #2e7d3299}.wordgrid-cell.invalid{background-color:#8b0000;border-color:#ff6b6b;box-shadow:2px 2px 8px -2px #8b000099}.wordgrid-input{width:100%;max-width:200px;padding:8px;font-size:16px;text-align:center;text-transform:uppercase;background-color:#ffffffe6;color:#333;border:2px solid #FECDD2;border-radius:4px;font-weight:700}.wordgrid-input:focus{outline:none;border-color:#fff;background-color:#fff}.wordgrid-checkmark{position:absolute;top:5px;right:5px;color:#81c784;font-size:20px;font-weight:700}.wordgrid-error{position:absolute;top:5px;right:5px;color:#ff6b6b;font-size:20px;font-weight:700}.cryptic-clue-display{margin:20px 0;padding:20px;background-color:#ef534f;border:2px solid #FECDD2;border-radius:8px;box-shadow:2px 2px 8px -2px #0000004d}.clue-text{font-size:20px;font-weight:700;color:#fff;text-align:center;margin:0}.cryptic-answer-section{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;margin:20px 0}.cryptic-segments-container{display:flex;gap:2px;border:3px solid #000000;border-radius:12px;padding:2px;background-color:#000;overflow:hidden}.cryptic-segment{flex:1;min-width:50px;height:60px;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:0}.cryptic-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.cryptic-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.cryptic-segment.filled{background-color:#b19cd9;color:#fff}.cryptic-segment.revealed{background-color:#b19cd9;color:#fff;cursor:not-allowed;opacity:.9}.cryptic-segment.active{outline:3px solid #EF534F;outline-offset:-3px;z-index:1}.cryptic-segment.active.revealed{outline:3px solid #B19CD9;cursor:not-allowed}.cryptic-segment:hover{background-color:#f0f0f0}.cryptic-segment.filled:hover,.cryptic-segment.revealed:hover{background-color:#9b8bc4}.cryptic-submit-button{padding:12px 30px;font-size:16px;font-weight:700;background-color:#ef534f;color:#fff;border:2px solid #FECDD2;border-radius:8px;cursor:pointer;transition:all .2s ease}.cryptic-submit-button:hover{background-color:#f33;transform:translateY(-2px);box-shadow:0 4px 8px #ef534f66}.cryptic-buttons{display:flex;gap:15px;justify-content:center;margin:20px 0}.cryptic-hint-button,.cryptic-letter-button{padding:12px 30px;font-size:16px;font-weight:700;border:2px solid #FECDD2;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:150px}.cryptic-hint-button{background-color:#2e7d32;color:#fff}.cryptic-hint-button:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 8px #2e7d3266}.cryptic-letter-button{background-color:#8b0000;color:#fff}.cryptic-letter-button:hover:not(:disabled){background-color:#a00000;transform:translateY(-2px);box-shadow:0 4px 8px #8b000066}.cryptic-letter-button:disabled{opacity:.6;cursor:not-allowed}.revealed-letter{margin:15px 0;padding:10px;background-color:#fff3;border:1px dashed rgba(255,255,255,.4);border-radius:6px;text-align:center}.revealed-letter p{margin:0;color:#fff;font-size:16px}.revealed-letter strong{font-size:24px;color:#fff}.cryptic-clue-text{font-size:18px;font-weight:700;color:#fff;margin:10px 0;text-align:center}.hints-breakdown{margin:20px 0;text-align:left}.hint-section{margin:15px 0;padding:10px;background-color:#ffffff1a;border-radius:6px}.hint-section h3{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700}.hint-section p{color:#fff;margin:0;font-size:14px;opacity:.9}.desktop-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:gray}.desktop-background{width:100%;height:calc(100% - 50px);position:relative;background-color:gray}.desktop-shortcuts{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.desktop-shortcut{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px;border-radius:5px;width:80px;transition:background-color .2s}.desktop-shortcut:hover{background-color:#ffffff1a}.shortcut-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:5px}.shortcut-label{color:#fff;font-size:12px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5);word-wrap:break-word;max-width:80px}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#2d2d2d;display:flex;align-items:center;padding:0 10px;z-index:100}.start-button-container{position:relative}.start-button{background-color:#4a4a4a;color:#fff;border:1px solid #666;padding:8px 20px;font-size:14px;cursor:pointer;border-radius:3px;transition:background-color .2s}.start-button:hover{background-color:#5a5a5a}.start-button:active{background-color:#3a3a3a}.start-menu{position:absolute;bottom:50px;left:0;background-color:#2d2d2d;border:1px solid #666;border-radius:3px;min-width:150px;padding:5px 0;box-shadow:0 2px 10px #00000080}.start-menu-item{width:100%;background-color:transparent;color:#fff;border:none;padding:10px 20px;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s}.start-menu-item:hover{background-color:#4a4a4a}.shutdown-button{color:#ff6b6b}.shutdown-button:hover{background-color:#4a4a4a;color:#f33}.desktop-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.desktop-modal-content{background-color:#fff;padding:20px 30px;border-radius:5px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000080}.desktop-modal-content h2{color:#333;margin-bottom:15px;font-size:20px}.desktop-modal-content p{color:#666;margin-bottom:15px}.desktop-close-button{background-color:#ef534f;color:#fff;border:none;padding:8px 16px;border-radius:3px;cursor:pointer;font-size:14px;margin-top:10px}.desktop-close-button:hover{background-color:#f33}.pin-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.pin-input{width:50px;height:50px;text-align:center;font-size:24px;border:2px solid #ccc;border-radius:5px;background-color:#fff;color:#333}.pin-input:focus{outline:none;border-color:#4a90e2}.image-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.placeholder-image{aspect-ratio:1;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;overflow:hidden}.placeholder-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none}.placeholder-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.1) 50%),linear-gradient(0deg,transparent 50%,rgba(0,0,0,.1) 50%);background-size:4px 4px;opacity:.3;pointer-events:none}@keyframes corruption{0%,to{filter:hue-rotate(0deg) contrast(1) brightness(1);transform:translate(0)}10%{filter:hue-rotate(90deg) contrast(1.2) brightness(.8);transform:translate(-2px)}20%{filter:hue-rotate(180deg) contrast(.8) brightness(1.2);transform:translate(2px)}30%{filter:hue-rotate(270deg) contrast(1.1) brightness(.9);transform:translate(-1px)}40%{filter:hue-rotate(360deg) contrast(.9) brightness(1.1);transform:translate(1px)}50%{filter:hue-rotate(45deg) contrast(1.3) brightness(.7);transform:translate(-3px)}60%{filter:hue-rotate(135deg) contrast(.7) brightness(1.3);transform:translate(3px)}70%{filter:hue-rotate(225deg) contrast(1.1) brightness(.85);transform:translate(-1px)}80%{filter:hue-rotate(315deg) contrast(.9) brightness(1.15);transform:translate(1px)}90%{filter:hue-rotate(0deg) contrast(1) brightness(1);transform:translate(0)}}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}50%{transform:translate(0)}60%{transform:translate(-1px)}70%{transform:translate(1px)}80%{transform:translateY(-1px)}90%{transform:translateY(1px)}to{transform:translate(0)}}.placeholder-image-1{background-color:gray;background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.placeholder-image-2{background-color:gray;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.placeholder-image-3{background-color:gray;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.1) 0%,transparent 50%)}
