@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0f172a;--text-color:#f8fafc;--accent-color:#8b5cf6;--accent-light:#a78bfa;--accent-dark:#6d28d9;--danger-color:#ef4444;--success-color:#10b981;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);background-image:radial-gradient(at 0 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 100%,#ef44441a 0,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;padding:1rem;display:flex}h1{text-align:center;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #8b5cf64d;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.btn{font-family:var(--font-family);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 14px #8b5cf663}.btn-primary:active{background:var(--accent-dark)}.btn-danger{color:#fca5a5;background:#ef444433;border:1px solid #ef44444d}.btn-danger:active{background:#ef44444d}.btn-secondary{color:#fff;background:#ffffff1a}.btn-secondary:active{background:#ffffff26}.input-glass{border:1px solid var(--glass-border);color:#fff;font-family:var(--font-family);background:#ffffff0d;border-radius:.75rem;outline:none;width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.input-glass:focus{border-color:var(--accent-light);box-shadow:0 0 0 2px #8b5cf633}.input-glass::placeholder{color:#fff6}.topic-pill{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.topic-pill.active{border-color:var(--accent-light);color:#ddd6fe;background:#8b5cf633}.topic-pill.danger-active{color:#fecaca;background:#ef444433;border-color:#fca5a5}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.mb-4{margin-bottom:1rem}.text-center{text-align:center}.text-sm{color:#fff9;font-size:.875rem}.play-area{flex-direction:column;flex:1;justify-content:center;padding:2rem 0;display:flex;position:relative}.secret-card{aspect-ratio:3/4;background:linear-gradient(135deg,#2e1065,#4c1d95);border:1px solid #a78bfa4d;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:60vh;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a}.secret-card.impostor{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#f871714d}.card-pattern-overlay{pointer-events:none;background-image:radial-gradient(#ffffff0d 2px,#0000 2px);background-size:20px 20px;position:absolute;inset:0}.instruction-text{text-align:center;color:#ffffff80;font-size:.875rem;animation:2s infinite pulse;position:absolute;bottom:2rem;left:0;right:0}@keyframes pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.secret-content{text-align:center;z-index:10}.secret-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;margin-bottom:.5rem;font-size:1rem}.secret-value{color:#fff;font-size:2.5rem;font-weight:800}.secret-clue{color:#fca5a5;margin-top:1rem;font-size:1.125rem;font-style:italic}.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;width:100%;display:grid}.game-card{aspect-ratio:1;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:#fff;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent-light);background:#8b5cf626;transform:translateY(-5px);box-shadow:0 10px 25px -5px #8b5cf666}.game-card i,.game-card svg{color:var(--accent-light);transition:transform .3s}.game-card:hover i,.game-card:hover svg{transform:scale(1.1)}.game-title{text-align:center;font-size:1rem;font-weight:600}.badge-new{background:var(--accent-color);text-transform:uppercase;border-radius:1rem;padding:.2rem .5rem;font-size:.6rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}