*{margin:0;padding:0;box-sizing:border-box}body{font-family:Finger Paint,cursive;min-height:100vh;background:linear-gradient(to bottom,#0f172a,#1e293b,#0f172a);overflow-x:hidden}.back-btn{position:fixed;top:1rem;left:1rem;z-index:100;font-family:Inter,system-ui,sans-serif;font-size:.78rem;color:#ffffff59;text-decoration:none;transition:color .2s;padding:.4rem .7rem;border-radius:6px}.back-btn:hover{color:#fffc;background:#ffffff0d}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;background:#fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.planet1{position:absolute;top:80px;left:40px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fb923c,#dc2626);opacity:.6;filter:blur(2px)}.planet2{position:absolute;top:160px;right:80px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#9333ea);opacity:.5}.container{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.title{font-family:Finger Paint,cursive;font-size:3.5rem;font-weight:400;color:#ff1744;text-shadow:4px 4px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 6px 20px rgba(255,23,68,.5);letter-spacing:.02em;text-align:center;margin-bottom:.5rem}.title-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.card{background:#1e293bcc;backdrop-filter:blur(8px);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;width:100%;max-width:380px;border:2px solid #475569}.card-red{border-color:#7f1d1d80}.card-title{color:#fff;font-size:1rem;font-weight:400;text-align:center;margin-bottom:1rem;letter-spacing:.05em}.card-title-red{color:#f87171}.counter-row{display:flex;align-items:center;justify-content:center;gap:1rem}.counter-btn{width:50px;height:50px;border-radius:50%;background:#334155;border:2px solid #475569;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s}.counter-btn:hover{background:#475569}.counter-btn:active{transform:scale(.95)}.counter-btn-red{background:#7f1d1d80;border-color:#b91c1c}.counter-btn-red:hover{background:#991b1b80}.crewmates-display{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:200px}.counter-label{text-align:center;color:#94a3b8;font-size:.875rem;margin-top:.5rem}.counter-label-red{color:#f87171b3}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;width:100%}.category-btn{padding:.5rem .3rem;border-radius:.5rem;text-align:center;cursor:pointer;transition:all .2s;background:#334155;border:2px solid #475569;color:#e2e8f0;min-width:0}.category-btn:hover{background:#475569}.category-btn:active{transform:scale(.95)}.category-btn.selected{background:#06b6d4;border-color:#67e8f9;color:#fff;box-shadow:0 10px 25px #06b6d44d}.category-btn.random-btn{background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6,#06b6d4);background-size:300% 300%;animation:rainbow 3s ease infinite;border-color:#fbbf24}.category-btn.random-btn.selected{box-shadow:0 10px 25px #ec489980}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.category-icon{font-size:1.3rem;display:block}.category-name{font-weight:400;font-size:.5rem;margin-top:.15rem;line-height:1.2}.start-btn{width:100%;max-width:380px;padding:1.25rem;border-radius:1rem;font-family:Finger Paint,cursive;font-size:1.3rem;font-weight:400;letter-spacing:.02em;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(to right,#22c55e,#059669);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 10px 25px #22c55e4d}.start-btn:hover{box-shadow:0 10px 30px #22c55e80}.start-btn:active{transform:scale(.95)}.start-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none;text-shadow:none}.reveal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.reveal-header{text-align:center;margin-bottom:1rem}.reveal-header p{font-size:.875rem}.reveal-header .player-count{color:#94a3b8;margin-bottom:.25rem}.reveal-header .category-info{color:#22d3ee}.reveal-card{background:#1e293be6;backdrop-filter:blur(8px);border-radius:1.5rem;padding:2rem;width:100%;max-width:340px;border:2px solid #475569;box-shadow:0 25px 50px #0000004d}.reveal-avatar{display:flex;justify-content:center;margin-bottom:1.5rem}.reveal-title{font-family:Finger Paint,cursive;font-size:1.8rem;font-weight:400;text-align:center;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:1rem}.reveal-text{color:#cbd5e1;text-align:center;margin-bottom:1.5rem}.reveal-text span{color:#22d3ee;font-weight:700}.reveal-btn{width:100%;padding:1rem;border-radius:.75rem;font-family:Finger Paint,cursive;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(to right,#06b6d4,#2563eb);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 10px 25px #06b6d44d}.reveal-btn:hover{box-shadow:0 10px 30px #06b6d480}.reveal-btn:active{transform:scale(.95)}.next-btn{background:linear-gradient(to right,#f59e0b,#ea580c);box-shadow:0 10px 25px #f59e0b4d}.next-btn:hover{box-shadow:0 10px 30px #f59e0b80}.role-box{text-align:center;padding:1.5rem;border-radius:1rem;margin-bottom:1.5rem}.role-box.impostor{background:#7f1d1d80;border:2px solid #ef4444}.role-box.crewmate{background:#14532d80;border:2px solid #22c55e}.role-title{font-family:Finger Paint,cursive;font-size:2rem;font-weight:400}.role-title.impostor{color:#f87171;font-size:2rem}.role-title.crewmate{color:#fff;font-size:.9rem}.secret-word-box{margin-top:1rem;padding:.75rem;background:#0f172a80;border-radius:.75rem}.secret-word-label{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.secret-word{font-family:Finger Paint,cursive;font-size:1.4rem;font-weight:400;color:#facc15;margin-top:.25rem;text-shadow:0 0 10px rgba(250,204,21,.5);word-break:break-word;overflow-wrap:break-word}.role-description{color:#cbd5e1;margin-top:.75rem;font-size:.875rem}.warning-text{color:#64748b;font-size:.75rem;text-align:center;margin-top:1.5rem;max-width:280px}.hidden{display:none!important}@media (max-width: 400px){.title{font-size:2.5rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:.25rem}.category-btn{padding:.35rem .15rem;border-radius:.4rem;border-width:1px}.category-icon{font-size:1rem}.category-name{font-size:.4rem}.card{padding:1rem;max-width:100%}.reveal-card{padding:1.25rem;max-width:100%}.role-box{padding:1rem}.role-title{font-size:1.5rem}.secret-word{font-size:1.1rem}.secret-word-box{padding:.5rem}.role-description{font-size:.75rem}.container,.reveal-container{padding:1rem .5rem}.start-btn{font-size:1.1rem;padding:1rem}.reveal-btn{font-size:1rem}}@media (max-width: 350px){.title{font-size:2rem}.category-icon{font-size:.9rem}.category-name{font-size:.35rem}.category-btn{padding:.3rem .1rem}.role-title{font-size:1.3rem}.secret-word{font-size:1rem}}