body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--gold:#d4af37;--gold-soft:#f5d76e;--green:#1f6f43;--green-soft:#2fa56f;--bg-dark:#020617;--bg-card:#0f172ae6;--border-dark:#334155}*,:after,:before{box-sizing:border-box}.app-bg{align-items:center;background:radial-gradient(circle at top,#1e293b,#020617);color:#e5e7eb;display:flex;font-family:system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh;padding:1.5rem}.game-card{background:#0f172ae6;background:var(--bg-card);border:1px solid #d4af37;border:1px solid var(--gold);border-radius:1.25rem;box-shadow:0 25px 60px #0009;max-width:80rem;padding:2rem;position:relative;width:100%}.logo-wrapper{display:flex;justify-content:center;margin-bottom:.75rem}.vipdle-logo{height:auto;max-width:420px;width:100%}.subtitle{color:#f5d76e;color:var(--gold-soft);margin-bottom:2rem;text-align:center}.settings-btn{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:.5rem;color:#d4af37;color:var(--gold);cursor:pointer;padding:.35rem .5rem;position:absolute;right:1rem;top:1rem;transition:background .15s ease;z-index:5}.settings-btn:hover{background:#d4af3726}.lang-btn{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:.5rem;color:#d4af37;color:var(--gold);cursor:pointer;left:1rem;padding:.35rem .5rem;position:absolute;top:1rem;transition:background .15s ease}.lang-btn:hover{background:#d4af3726}.guess-form{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.guess-input{background:#020617;background:var(--bg-dark);border:1px solid #475569;border-radius:.75rem;color:#e5e7eb;max-width:100%;padding:.75rem 1rem;transition:border-color .15s ease,box-shadow .15s ease;width:16rem}.guess-input:focus{border-color:#d4af37;border-color:var(--gold);box-shadow:0 0 0 2px #d4af3766;outline:none}.guess-btn{background:linear-gradient(135deg,#d4af37,#f5d76e);background:linear-gradient(135deg,var(--gold),var(--gold-soft));border:none;border-radius:.75rem;color:#020617;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:filter .15s ease}.guess-btn:hover:not(:disabled){filter:brightness(1.1)}.guess-btn:disabled{cursor:not-allowed;opacity:.5}.guess-actions{align-items:center;display:flex;gap:.5rem}.hint-btn{background:#0000;border:1px solid #d4af37;border:1px solid var(--gold);border-radius:.4rem;color:#d4af37;color:var(--gold);cursor:pointer;padding:.4rem .55rem;transition:background .15s ease}.hint-btn:hover:not(:disabled){background:#d4af3726}.hint-btn:disabled{cursor:not-allowed;opacity:.4}.hints-box{border:1px dashed #d4af37;border:1px dashed var(--gold);border-radius:.5rem;font-size:.9rem;margin-bottom:.75rem;margin-top:.75rem;padding:.5rem}.hint{margin-bottom:.25rem;margin-top:.25rem}.quit-btn{background:#0000;border:1px solid #aaa;border-radius:6px;color:#aaa;cursor:pointer;padding:6px 10px;transition:background .15s ease,color .15s ease,border-color .15s ease}.quit-btn:hover:not(:disabled){background:#222;border-color:#fff;color:#fff}.quit-btn:disabled{cursor:not-allowed;opacity:.4}.win-banner{background:linear-gradient(135deg,#d4af3726,#1f6f4326);border:1px solid #d4af37;border:1px solid var(--gold);border-radius:.75rem;color:#f5d76e;color:var(--gold-soft);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding:1.25rem;text-align:center}.win-banner.won{background:#1f7a1f;border-color:#2fa56f;color:#fff}.win-banner.lost{background:#5a1a1a;border-color:#8b3a3a;color:#fff}.final-character{display:flex;justify-content:center;margin-bottom:12px}.final-character-img{border:3px solid #fff6;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:120px;object-fit:cover;width:120px}.final-character-img.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.final-character-img.clickable:hover{box-shadow:0 6px 16px #00000059;transform:scale(1.05)}.table-wrapper{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.table{min-width:1024px;overflow:visible;position:relative;z-index:1}.table-header,.table-row{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:56px 130px 80px 80px 80px 150px 80px 100px 80px 80px 110px 90px;text-align:center}.table-header{border-bottom:1px solid #475569;color:#cbd5f5;font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem;position:relative}.table-header-cell{align-items:center;display:flex;gap:.25rem;justify-content:center;position:relative;z-index:5}.help-icon{color:#94a3b8;cursor:help;flex-shrink:0;font-size:.8rem;position:relative}.tooltip{background:#020617;border:1px solid #475569;border-radius:.5rem;color:#e5e7eb;font-size:.75rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:fixed;text-align:center;transition:opacity .15s ease;width:220px;z-index:999999}.help-icon:hover+.tooltip{opacity:1;pointer-events:auto}.picture-cell{align-items:center;background:#020617;background:var(--bg-dark);display:flex;justify-content:center;left:0;position:-webkit-sticky;position:sticky;z-index:2}.table-header .picture-cell{z-index:3}.table-avatar{height:40px;object-fit:cover;width:40px}.table-avatar,.tile{border:1px solid #475569;border-radius:.5rem}.tile{align-items:center;display:flex;font-size:.875rem;justify-content:center;padding:.5rem}.tile.correct{background:#1f6f43;background:var(--green);border-color:#2fa56f;border-color:var(--green-soft);color:#fff}.tile.close{background:#d4af37;background:var(--gold);border-color:#f5d76e;border-color:var(--gold-soft);color:#020617}.tile.wrong{background:#020617;background:var(--bg-dark);color:#e5e7eb}.arrow{color:#f5d76e;color:var(--gold-soft);font-weight:700;margin-left:.2rem}.autocomplete{position:relative}.dropdown{background:#020617;background:var(--bg-dark);border:1px solid #475569;border-radius:.5rem;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0;position:absolute;top:110%;width:100%;z-index:20}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:background .1s ease}.dropdown-item.active,.dropdown-item:hover{background:#d4af3726}.avatar{border:1px solid #475569;border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.highlight{color:#f5d76e;color:var(--gold-soft);font-weight:700}.report-open-btn{background:#0000;border:1px dashed #d4af37;border:1px dashed var(--gold);border-radius:.75rem;color:#d4af37;color:var(--gold);cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.75rem;transition:background .15s ease;width:100%}.report-open-btn:hover{background:#d4af371a}.modal-overlay{align-items:center;background:#020617cc;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#0f172ae6;background:var(--bg-card);border:1px solid #d4af37;border:1px solid var(--gold);border-radius:1rem;max-width:420px;padding:1.25rem;width:100%}.modal h2{color:#f5d76e;color:var(--gold-soft);margin-bottom:1rem;margin-top:0}.modal label{color:#94a3b8;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;margin-bottom:.75rem}.modal input,.modal select{background:#020617;background:var(--bg-dark);border:1px solid #475569;border-radius:.5rem;color:#e5e7eb;padding:.5rem;transition:border-color .15s ease}.modal input:focus,.modal select:focus{border-color:#d4af37;border-color:var(--gold);outline:none}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.modal-cancel{background:#0000;border:1px solid #475569;border-radius:.5rem;color:#94a3b8;cursor:pointer;padding:.5rem 1rem;transition:background .15s ease,color .15s ease}.modal-cancel:hover{background:#4755694d;color:#e5e7eb}.modal-send{background:linear-gradient(135deg,#d4af37,#f5d76e);background:linear-gradient(135deg,var(--gold),var(--gold-soft));border:none;border-radius:.5rem;color:#020617;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:filter .15s ease}.modal-send:hover:not(:disabled){filter:brightness(1.1)}.modal-send:disabled{cursor:not-allowed;opacity:.4}.mode-btn{background:#020617;background:var(--bg-dark);border:1px solid #475569;border-radius:.75rem;color:#e5e7eb;cursor:pointer;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}.mode-btn:hover{background:#4755694d}.mode-btn span{display:block;font-size:.75rem;margin-top:.2rem;opacity:.8}.mode-btn.active{background:#d4af3726;border-color:#d4af37;border-color:var(--gold)}@media (max-width:640px){.game-card{padding:1rem}.guess-form{align-items:stretch;flex-direction:column}.guess-input{max-width:100%;width:100%}.help-icon{cursor:pointer}}.mobile-card{border:1px solid #475569;border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;width:100%}.mobile-card-header{align-items:center;background:#1e293bb3;border-bottom:1px solid #475569;display:flex;gap:.6rem;padding:.5rem .65rem}.mobile-card-avatar{border:1px solid #475569;border-radius:.4rem;flex-shrink:0;height:36px;object-fit:cover;width:36px}.mobile-card-name{color:#e5e7eb;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-row{grid-gap:0;display:grid;gap:0;grid-template-columns:100px 1fr}.mobile-card-label{align-items:center;background:#0f172a99;border-bottom:1px solid #334155;border-right:1px solid #475569;color:#94a3b8;display:flex;font-size:.78rem;font-weight:600;overflow:hidden;padding:.45rem .5rem;text-overflow:ellipsis;white-space:nowrap}.mobile-card-row .tile{border:none;border-bottom:1px solid #334155;border-radius:0;font-size:.82rem;justify-content:flex-start;padding:.45rem .5rem;text-align:left}.mobile-card-row:last-child .mobile-card-label,.mobile-card-row:last-child .tile{border-bottom:none}@media (max-width:1024px){.table{min-width:1050px}.table-header-cell,.tile{font-size:.8rem}}.tooltip-trigger{align-items:center;cursor:pointer;display:inline-flex}.tooltip-fixed{background:#020617;border:1px solid #475569;border-radius:.5rem;box-shadow:0 10px 25px #0009;color:#e5e7eb;font-size:.75rem;line-height:1.2;padding:.5rem .75rem;pointer-events:auto;position:fixed;text-align:center;width:220px;z-index:999999}
/*# sourceMappingURL=main.3dd6db8d.css.map*/