.home-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#4338ca);display:flex;align-items:center;justify-content:center;padding:1rem}.home-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;width:100%;max-width:28rem}.home-header{text-align:center;margin-bottom:2rem}.home-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.home-subtitle{color:#6b7280;font-size:1.125rem}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.text-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease}.text-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.code-input{text-align:center;font-size:1.125rem;font-family:Courier New,monospace;letter-spacing:.1em}.section{margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.btn-secondary{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669)}.divider{position:relative;margin:2rem 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d1d5db}.divider-text{background:#fff;padding:0 .5rem;color:#6b7280;font-size:.875rem;position:relative;z-index:1}.error-message{margin-top:1rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:.5rem;font-size:.875rem}.rules-section{margin-top:2rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.rules-title{font-weight:600;color:#1f2937;margin-bottom:.5rem}.rules-list{font-size:.875rem;color:#6b7280;list-style:none;padding:0;margin:0}.rules-list li{margin-bottom:.25rem}@media (max-width: 640px){.home-card{padding:1.5rem;margin:1rem}.home-title{font-size:2rem}}.lobby-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#4338ca);display:flex;align-items:center;justify-content:center;padding:1rem}.lobby-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;width:100%;max-width:28rem;text-align:center}.lobby-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.lobby-subtitle{color:#6b7280;margin-bottom:1.5rem}.lobby-players-section{margin-top:2rem;background:#f9fafb;border-radius:.5rem;padding:1rem}.lobby-players-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.lobby-players-list{list-style:none;padding:0;margin:0}.lobby-player,.lobby-player-me{padding:.5rem .75rem;border-radius:.375rem;margin-bottom:.5rem;background:#ede9fe;color:#4b2995;font-weight:500;display:flex;align-items:center;justify-content:center;font-size:1rem}.lobby-player-me{background:#c7d2fe;color:#1e40af;font-weight:700}.lobby-player-you{color:#059669;font-size:.95em;margin-left:.5em}.lobby-player-host{color:#f59e42;font-size:.95em;margin-left:.5em}.lobby-start-section{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease;transform:scale(1)}.btn:hover{transform:scale(1.02)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.btn-primary{background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#2563eb)}@media (max-width: 640px){.lobby-card{padding:1.5rem;margin:1rem}.lobby-players-section{padding:.5rem}}.game-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#4338ca);display:flex;align-items:center;justify-content:center;padding:1rem}.game-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;width:100%;max-width:32rem;margin:0 auto;text-align:center;min-width:300px}.game-round{font-size:1.1rem;font-weight:600;color:#7c3aed;margin-bottom:1rem}.game-next-round-section{margin-top:2rem}.game-next-round-btn{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);color:#fff;transition:all .2s ease}.game-next-round-btn:disabled{opacity:.5;cursor:not-allowed}.game-over-message{margin-top:2rem;font-size:1.3rem;font-weight:700;color:#dc2626}.game-answers-section,.game-not-submitted-section{width:100%;background:#f9fafb;border-radius:.5rem;padding:1rem;margin-top:1rem}.game-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.game-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.game-prompt{background:#ede9fe;border-radius:.5rem;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.game-prompt-label{font-weight:600;color:#7c3aed;margin-bottom:.25rem}.game-prompt-text{font-size:1.25rem;color:#1e293b}.game-answer-form{display:flex;gap:.5rem;width:100%;justify-content:center;margin-bottom:1.5rem}.game-answer-input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease}.game-answer-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.game-answer-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;transition:all .2s ease}.game-answer-btn:disabled{opacity:.5;cursor:not-allowed}.game-answers-title{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:1.1rem}.game-answers-list{list-style:none;padding:0;margin:0}.game-answer-item{background:#c7d2fe;color:#1e40af;border-radius:.375rem;padding:.5rem .75rem;margin-bottom:.5rem;font-size:1rem;text-align:left}.game-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-emoji{color:#fff;font-size:1.5rem}.game-score{font-size:1.1rem;font-weight:600;color:#059669;margin-bottom:1rem}@media (max-width: 900px){.game-container{flex-direction:column;align-items:center;gap:1.5rem}.game-card,.game-not-submitted-card{max-width:100%;min-width:0}}@media (max-width: 640px){.game-card{padding:1.5rem;margin:1rem}.game-title{font-size:2rem}.game-prompt-text{font-size:1rem}}.leaderboard-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#4338ca);display:flex;align-items:center;justify-content:center;padding:1rem}.leaderboard-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;width:100%;max-width:28rem;text-align:center}.leaderboard-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.leaderboard-subtitle{color:#6b7280}.leaderboard-list{list-style:none;padding:0;margin:0 0 2rem}.leaderboard-player{display:flex;justify-content:space-between;align-items:center;background:#ede9fe;color:#4b2995;font-weight:500;border-radius:.375rem;padding:.75rem 1.25rem;margin-bottom:.75rem;font-size:1.1rem}.leaderboard-player-name{font-weight:600}.leaderboard-player-score{font-weight:700;color:#059669}.leaderboard-player-medal{font-size:1.5rem;margin-right:.75rem;width:2.2rem;display:inline-block;text-align:center}.leaderboard-home-btn{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;transition:all .2s ease}.leaderboard-home-btn:hover{background:linear-gradient(135deg,#6d28d9,#2563eb)}@media (max-width: 640px){.leaderboard-card{padding:1.5rem;margin:1rem}}.notfound-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#4338ca);display:flex;align-items:center;justify-content:center;padding:1rem}.notfound-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;width:100%;max-width:28rem;text-align:center}.notfound-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.notfound-subtitle{color:#6b7280}@media (max-width: 640px){.notfound-card{padding:1.5rem;margin:1rem}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;color:#222}body{min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;padding:0}button:focus,input:focus{outline:none}*:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}html{scroll-behavior:smooth}::selection{background-color:#d1d5fa;color:inherit}