*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--bg-card: #383a40;--accent: #5865f2;--accent-hover: #4752c4;--green: #23a55a;--red: #f23f43;--text-primary: #f2f3f5;--text-muted: #949ba4;--border: #3b3d44;--radius: 8px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;display:flex;flex-direction:column}.app{max-width:600px;margin:0 auto;padding:0 1rem 2rem;width:100%;min-height:100dvh;display:flex;flex-direction:column}.header{text-align:center;padding:1.5rem 0 1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.logo{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:-.5px}.subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.main{display:flex;flex-direction:column;gap:1.25rem;flex:1}.footer{text-align:center;color:var(--text-muted);font-size:.75rem;padding-top:2rem}.message-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.message-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.message-avatar-wrap{position:relative;width:40px;height:40px;flex-shrink:0}.message-author-wrap{position:relative;display:flex;align-items:center}.mystery-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted);transition:opacity .3s ease}.mystery-avatar--hidden{opacity:0;pointer-events:none}.mystery-name{font-weight:600;color:var(--text-muted);font-size:1rem;transition:opacity .3s ease}.mystery-name--hidden{opacity:0;pointer-events:none}.revealed-avatar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;animation:fadeIn .4s ease forwards}.avatar-fallback{width:100%;height:100%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.revealed-name{font-weight:700;font-size:1rem;color:var(--text-primary);animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-content{color:var(--text-primary);line-height:1.5;font-size:1rem;word-break:break-word}.hints{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.hints-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.hint{display:flex;align-items:baseline;gap:.5rem}.hint-label{font-size:.8rem;color:var(--text-muted);min-width:5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hint-value{color:var(--text-primary);font-size:.95rem}.guess-tracker{display:flex;flex-direction:column;gap:.375rem}.guess-slot{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;border-radius:var(--radius);font-size:.9rem;border:1px solid var(--border)}.guess-slot--empty{background:var(--bg-secondary);color:var(--text-muted)}.guess-slot--correct{background:color-mix(in srgb,var(--green) 15%,var(--bg-secondary));border-color:var(--green)}.guess-slot--wrong{background:color-mix(in srgb,var(--red) 12%,var(--bg-secondary));border-color:var(--red)}.guess-slot-name{font-weight:600}.guess-slot-placeholder{color:var(--text-muted)}.guesses-left{color:var(--text-muted);font-size:.875rem;text-align:center}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem}.member-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .1s,border-color .1s,transform .1s;text-align:left;width:100%}.member-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.member-btn:active:not(:disabled){transform:translateY(0)}.member-btn:disabled{opacity:.5;cursor:not-allowed}.member-btn--correct{background:color-mix(in srgb,var(--green) 25%,var(--bg-card))!important;border-color:var(--green)!important;opacity:1!important}.member-btn--wrong{background:color-mix(in srgb,var(--red) 18%,var(--bg-card))!important;border-color:var(--red)!important}.member-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;color:#fff;overflow:hidden}.member-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-banner{border-radius:var(--radius);padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid var(--border)}.result-emoji{font-size:2.5rem}.result-title{font-size:1.5rem;font-weight:800}.result-answer{color:var(--text-muted);font-size:1rem}.result-puzzle{color:var(--text-muted);font-size:.8rem}.share-btn{margin-top:.5rem;padding:.625rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:700;cursor:pointer;transition:background .1s}.share-btn:hover{background:var(--accent-hover)}.loading,.error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.5rem}@media(max-width:400px){.member-grid{grid-template-columns:repeat(2,1fr)}.logo{font-size:1.6rem}}.progress-dots{display:flex;gap:.375rem;justify-content:center;flex-wrap:wrap}.progress-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid transparent;transition:all .15s;line-height:1}.progress-dot--active{background:var(--accent);color:#fff;border-color:var(--accent)}.progress-dot--pending{background:var(--bg-secondary);color:var(--text-muted);border-color:var(--border)}.progress-dot--won,.progress-dot--lost{background:transparent;border-color:transparent;font-size:1.1rem}.result-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border)}.result-banner--won{background:color-mix(in srgb,var(--green) 12%,var(--bg-secondary));border-color:var(--green)}.result-banner--lost{background:color-mix(in srgb,var(--red) 10%,var(--bg-secondary));border-color:var(--red)}.result-icon{font-size:1.5rem;flex-shrink:0}.result-text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.result-verdict{font-weight:700;font-size:.95rem}.result-author{color:var(--text-muted);font-size:.85rem}.next-btn{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .1s}.next-btn:hover{background:var(--accent-hover)}.final-results{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center}.final-emoji{font-size:3.5rem}.final-title{font-size:2rem;font-weight:800}.final-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:-.5rem}.final-grid{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:center;font-size:1.75rem}.final-cell{line-height:1}.share-btn--large{padding:.75rem 2rem;font-size:1rem;margin-top:.5rem}.final-next{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}