:root{--bg-dark: #0a0a0a;--bg-card: #1a1a1a;--bg-input: #222;--red: #c0392b;--red-glow: #e74c3c;--green: #27ae60;--yellow: #f39c12;--orange: #e67e22;--text: #eee;--text-dim: #888;--border: #333;--correct: #27ae60;--partial: #f39c12;--wrong: #c0392b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center}#app{width:100%;max-width:900px;padding:1rem}header{text-align:center;padding:2rem 0 1rem}.logo{font-family:"Press Start 2P",cursive;font-size:2.5rem;color:var(--red);text-shadow:0 0 20px var(--red-glow),0 0 40px var(--red-glow);letter-spacing:2px}.logo-dle{color:var(--text);text-shadow:none}.subtitle{color:var(--text-dim);margin-top:.5rem;font-size:.9rem}.mode-tabs{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.tab:hover{border-color:var(--red);color:var(--text)}.tab.active{background:var(--red);border-color:var(--red);color:#fff}.mode-content{display:none}.mode-content.active{display:block}.search-container{position:relative;margin-bottom:1.5rem}.search-container input{width:100%;padding:.9rem 1.2rem;background:var(--bg-input);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;outline:none;transition:border-color .2s}.search-container input:focus{border-color:var(--red)}.suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:100}.suggestions.hidden{display:none}.suggestion-item{padding:.7rem 1.2rem;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:.7rem}.suggestion-item:hover{background:var(--red)}.suggestion-item .emoji{font-size:1.2rem}.guesses-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem}.guesses-header.hidden{display:none}.header-cell{text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);padding:.4rem}.guesses-container{display:flex;flex-direction:column;gap:4px}.guess-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess-cell{background:var(--bg-card);border-radius:6px;padding:.6rem .3rem;text-align:center;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:50px;transition:background .3s;position:relative;overflow:hidden}.guess-cell.correct{background:var(--correct)}.guess-cell.partial{background:var(--partial)}.guess-cell.wrong{background:var(--wrong)}.guess-cell .arrow{font-size:.6rem;margin-left:2px}.quote-box{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2rem;margin-bottom:1.5rem;text-align:center}.quote-text{font-style:italic;font-size:1.1rem;line-height:1.6;color:var(--text)}.quote-text:before{content:'"';color:var(--red);font-size:1.5rem}.quote-text:after{content:'"';color:var(--red);font-size:1.5rem}.quote-result,.silhouette-result{text-align:center;margin-top:1rem}.result-item{padding:.5rem 1rem;border-radius:6px;margin:.3rem 0;font-weight:600}.result-item.correct{background:var(--correct)}.result-item.wrong{background:var(--wrong)}.silhouette-box{display:flex;justify-content:center;margin-bottom:1.5rem}.silhouette-image{width:250px;height:250px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.silhouette-image img{width:100%;height:100%;object-fit:contain;filter:brightness(0);transition:filter .5s ease}.silhouette-image.revealed img{filter:brightness(1)}.suggestion-sprite{width:24px;height:24px;object-fit:contain;border-radius:3px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:var(--bg-card);border:2px solid var(--red);border-radius:12px;padding:2rem;text-align:center;max-width:400px;width:90%}.modal-content h2{font-family:"Press Start 2P",cursive;font-size:1rem;color:var(--red);margin-bottom:1rem}.modal-content p{margin:.5rem 0;color:var(--text-dim)}.btn-share,.btn-close{margin-top:1rem;padding:.7rem 1.5rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:.85rem;transition:transform .1s}.btn-share{background:var(--red);color:#fff;margin-right:.5rem}.btn-close{background:var(--border);color:var(--text)}.btn-share:hover,.btn-close:hover{transform:scale(1.05)}footer{text-align:center;padding:2rem 0;color:var(--text-dim);font-size:.8rem}@media (max-width: 600px){.logo{font-size:1.8rem}.guesses-header,.guess-row{grid-template-columns:repeat(7,1fr)}.guess-cell{font-size:.6rem;padding:.4rem .2rem;min-height:40px}.header-cell{font-size:.55rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--red)}