:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}body{display:flex;place-items:center;min-width:320px}h1{font-size:clamp(2rem,5vw,3.2em);line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:clamp(.875rem,2vw,1em);font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.home-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;max-width:400px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.game-title{font-size:clamp(2rem,8vw,3rem);margin:0 0 .5rem;background:linear-gradient(45deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-subtitle{color:#ffffffb3;margin:0 0 2rem;font-size:clamp(.9rem,2.5vw,1.1rem)}.name-input-section{margin-bottom:1.5rem}.name-input-section label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.name-input-section input{width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.name-input-section input:focus{outline:none;border-color:#e94560;background:#ffffff26}.name-input-section input::placeholder{color:#fff6}.error-message{color:#ff6b6b;background:#ff6b6b1a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.action-section{display:flex;flex-direction:column;gap:1rem}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#fff3}.divider span{padding:0 1rem;color:#ffffff80;font-size:.9rem}.join-section{display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}.code-input{width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:clamp(1rem,3vw,1.2rem);text-align:center;letter-spacing:.3rem;font-weight:600;box-sizing:border-box}.code-input:focus{outline:none;border-color:#e94560}.code-input::placeholder{color:#fff6;letter-spacing:0;font-weight:400;font-size:.9rem}.join-btn{white-space:nowrap;width:100%;box-sizing:border-box}.back-btn{width:100%}@media(max-width:480px){.home-content{padding:1.5rem;border-radius:16px;max-width:95%}.game-title{font-size:2.5rem}.join-section{flex-direction:column;width:100%}.code-input,.join-btn{width:100%;box-sizing:border-box}}@media(min-width:481px)and (max-width:1024px){.home-content{padding:2rem;max-width:450px}.btn-primary,.btn-secondary{font-size:1rem;padding:.875rem 1.5rem}}.room-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.room-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:500px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.room-header{text-align:center;margin-bottom:1.5rem}.room-header h1{margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2rem);color:#fff}.room-code-section{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.room-code-label{color:#ffffffb3;font-size:1rem}.room-code{background:linear-gradient(45deg,#e94560,#ff6b6b);padding:.5rem 1.25rem;border-radius:10px;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;letter-spacing:.2rem;cursor:pointer;transition:transform .2s ease}.room-code:hover{transform:scale(1.05)}.copied-text{color:#4ade80;font-size:.85rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.share-section{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.share-section button{flex:1;font-size:.9rem;padding:.75rem 1rem}.qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:16px;animation:slideDown .3s ease}.qr-section canvas,.qr-section svg{max-width:100%;height:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-section p{margin:1rem 0 0;color:#333;font-weight:500}.players-section{margin-bottom:1.5rem}.players-section h2{color:#ffffffe6;font-size:1.2rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.players-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.player-item{background:#ffffff14;padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.player-item.current-player{background:#e9456033;border:1px solid rgba(233,69,96,.4)}.player-name{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:500}.admin-badge{font-size:1rem}.you-badge{color:#ffffff80;font-size:.85rem;font-weight:400}.room-actions{display:flex;flex-direction:column;gap:.75rem}.start-btn{width:100%}.waiting-text{text-align:center;color:#fff9;font-style:italic;margin:0;padding:1rem}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-danger{background:#ef444433;color:#ef4444;border:2px solid rgba(239,68,68,.4);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background:#ef44444d;border-color:#ef444499}@media(max-width:480px){.room-content{padding:1.5rem;border-radius:16px;max-width:95%}.share-section{flex-direction:column}.share-section button{width:100%}}@media(min-width:481px)and (max-width:1024px){.room-content{padding:1.75rem;max-width:550px}.share-section{flex-wrap:wrap}.players-section h2{font-size:1.15rem}.btn-primary,.btn-secondary{font-size:1rem}}.config-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.config-card h3{color:#ffffffe6;font-size:.95rem;margin:0 0 .75rem;text-align:center}.config-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.config-row:last-child{border-bottom:none}.config-row-label{color:#ffffffb3;font-size:.85rem;font-weight:500;flex-shrink:0}.config-row-options{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.config-row-options.age-chips{gap:.3rem}.config-chip{padding:.4rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fffc;font-size:.75rem;cursor:pointer;transition:all .2s ease}.config-chip:hover{background:#ffffff1a;border-color:#ffffff4d}.config-chip.selected{background:#e9456040;border-color:#e94560;color:#fff}.config-toggle-small{position:relative;width:40px;height:22px;border-radius:11px;border:none;background:#fff3;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.config-toggle-small.enabled{background:#e94560}.toggle-slider-small{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:all .3s ease}.config-toggle-small.enabled .toggle-slider-small{left:20px}@media(max-width:480px){.config-card{padding:.75rem}.config-card h3{font-size:.9rem}.config-row{flex-wrap:wrap}.config-row-options{width:100%;justify-content:flex-start;margin-top:.4rem}.config-chip{padding:.35rem .5rem;font-size:.7rem}}.game-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.game-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:500px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.error-message{color:#ff6b6b;background:#ff6b6b1a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.playing-phase{text-align:center}.round-info{color:#fff9;font-size:.9rem;margin-bottom:.25rem}.category-info{color:#fffc;font-size:1rem;margin-bottom:1.5rem}.role-card{padding:2rem;border-radius:16px;margin-bottom:1.5rem;animation:cardReveal .5s ease}@keyframes cardReveal{0%{opacity:0;transform:scale(.9) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.role-card.citizen{background:linear-gradient(135deg,#4ade8033,#22c55e1a);border:2px solid rgba(74,222,128,.4)}.role-card.impostor{background:linear-gradient(135deg,#e945604d,#ef44441a);border:2px solid rgba(233,69,96,.5);animation:cardReveal .5s ease,glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #e945604d}50%{box-shadow:0 0 40px #e9456080}}.role-icon{font-size:clamp(2.5rem,8vw,3rem);margin-bottom:.5rem}.role-card h2{color:#fff;margin:0 0 .5rem;font-size:clamp(1.25rem,4vw,1.5rem)}.role-card p{color:#fffc;margin:0}.role-card .hint{color:#ffffff80;font-style:italic;margin-top:.5rem}.secret-word{font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;color:#4ade80;margin:1rem 0;text-shadow:0 0 20px rgba(74,222,128,.5);word-break:break-word}.players-grid{margin-bottom:1.5rem}.players-grid h3{color:#fffc;font-size:1rem;margin:0 0 .75rem}.player-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.player-chip{background:#ffffff1a;padding:.5rem .875rem;border-radius:20px;font-size:.85rem;color:#ffffffe6}.vote-btn{width:100%}.waiting-text{color:#fff9;font-style:italic}.voting-phase{text-align:center}.voting-phase h2{color:#fff;margin:0 0 .5rem;font-size:clamp(1.5rem,5vw,2rem)}.voting-phase>p{color:#ffffffb3;margin:0 0 1.5rem}.vote-options{display:grid;gap:.5rem;margin-bottom:1.5rem}.vote-option{background:#ffffff14;border:2px solid rgba(255,255,255,.2);padding:1rem;border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:left}.vote-option:hover:not(:disabled){background:#ffffff26;border-color:#fff6}.vote-option.selected{background:#e9456033;border-color:#e94560}.vote-option.self{opacity:.5;cursor:not-allowed}.submit-vote-btn{width:100%}.voted-message{padding:1.5rem;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:12px}.voted-message p{color:#fffc;margin:0 0 .5rem}.vote-progress{color:#4ade80;font-weight:600;margin-top:1rem}.guess-phase{text-align:center}.guess-phase h2{color:#fff;margin:0 0 .5rem;font-size:clamp(1.5rem,5vw,2rem)}.guess-phase>p{color:#ffffffb3;margin:0 0 .5rem}.guess-input{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.guess-input input{padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:clamp(1rem,3vw,1.2rem);text-align:center}.guess-input input:focus{outline:none;border-color:#e94560}.guess-input input::placeholder{color:#fff6}.waiting-animation{padding:2rem;font-size:3rem;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.results-phase{text-align:center}.reveal-animation{padding:2rem 0;animation:fadeIn .5s ease}.reveal-animation h2{color:#fffc;margin:0 0 1.5rem}.voted-player{display:flex;flex-direction:column;gap:.5rem}.voted-name{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;color:#fff;animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.outcome-animation{padding:2rem 0;animation:fadeIn .5s ease}.outcome-icon{font-size:clamp(3rem,10vw,4rem);margin-bottom:1rem;animation:bounceIn .5s ease .2s both}.outcome-title{font-size:clamp(1.5rem,6vw,2rem);margin:0 0 1.5rem;animation:slideUp .5s ease .4s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.outcome-animation.impostor .outcome-title{color:#e94560}.outcome-animation.citizens .outcome-title{color:#4ade80}.result-details{background:#ffffff14;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;animation:slideUp .5s ease .6s both}.result-details p{color:#ffffffe6;margin:0 0 .5rem}.result-details .reason{color:#fff9;font-style:italic;margin-top:1rem}.next-actions{display:flex;flex-direction:column;gap:.75rem;animation:slideUp .5s ease .8s both}.btn-primary{background:linear-gradient(45deg,#e94560,#ff6b6b);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e9456066}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456080}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80}@media(max-width:480px){.game-content{padding:1.5rem;border-radius:16px;max-width:95%}.secret-word{font-size:2rem}.outcome-title{font-size:1.5rem}}@media(min-width:481px)and (max-width:1024px){.game-content{padding:1.75rem;max-width:550px}.role-card{padding:1.75rem}.vote-option{padding:.875rem;font-size:.95rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.875rem 1.5rem}.player-chips{gap:.65rem}.player-chip{padding:.5rem 1rem;font-size:.9rem}}#root{width:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}