.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);box-shadow:0 4px 12px var(--shadow);color:#fff;padding:var(--spacing-md)}.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.header-top h1{font-size:clamp(1.5rem,4vw,2rem);margin:0;text-shadow:2px 2px 4px #0000001a}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.user-info span{font-size:.95rem}.logout-btn{background:#fff3;border:2px solid #fff;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.logout-btn:hover{background:#fff;color:var(--primary);transform:translateY(-2px)}.tab-navigation{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.tab{background:#fff3;border:2px solid #ffffff80;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all .3s ease}.tab:hover{background:#ffffff4d;border-color:#fff}.tab.active{background:#fff;border-color:#fff;color:var(--primary)}@media (max-width:768px){.App-header{padding:var(--spacing-sm)}.header-top{align-items:flex-start;flex-direction:column}.user-info{justify-content:space-between;width:100%}.tab-navigation{font-size:.85rem}}@media (max-width:480px){.header-top h1{font-size:1.5rem}.logout-btn,.tab{font-size:.85rem;padding:.4rem .8rem}}.login-container{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.login-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow);max-width:400px;padding:var(--spacing-xl);width:100%}.login-box h1{color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.login-box form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-box input{border:2px solid var(--secondary);border-radius:var(--radius-md);font-size:1rem;padding:var(--spacing-sm);transition:border-color .3s ease}.login-box input:focus{border-color:var(--primary);outline:none}.login-box button{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px var(--shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:var(--spacing-sm);transition:all .3s ease}.login-box button:hover:not(:disabled){box-shadow:0 6px 16px var(--shadow);transform:translateY(-2px)}.login-box button:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:var(--text-secondary);display:flex;margin:var(--spacing-lg) 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--secondary);content:"";flex:1 1}.divider span{font-size:.85rem;font-weight:500;padding:0 var(--spacing-sm)}.google-button{align-items:center;background:#fff;border:2px solid #ddd;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm);transition:all .3s ease}.google-button:hover:not(:disabled){background:#f8f8f8;border-color:#ccc;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.google-button:disabled{cursor:not-allowed;opacity:.6}.switch-mode{margin-top:var(--spacing-md);text-align:center}.switch-mode button{background:#0000;box-shadow:none;color:var(--primary);font-size:.9rem;padding:var(--spacing-xs);text-decoration:underline}.switch-mode button:hover:not(:disabled){opacity:.8;transform:none}.password-requirements{background:#f0f8ff;border-left:3px solid var(--primary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.password-requirements small{color:#555;font-size:.85rem}.password-requirements ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);padding:0}.password-requirements li{margin:2px 0}.message{border-radius:var(--radius-md);font-size:.9rem;font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.message.success{background:var(--success);color:var(--text-primary)}.message.error{background:var(--error);color:var(--text-primary)}.message.info{background:#e3f2fd;color:#1976d2}@media (max-width:480px){.login-container{padding:var(--spacing-sm)}.login-box{padding:var(--spacing-lg)}.login-box h1{font-size:1.5rem}}.main-page{margin:0 auto;max-width:800px;padding:var(--spacing-lg)}.main-page h2{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.actions-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.action-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--shadow);max-width:500px;padding:var(--spacing-lg);width:100%}.action-card h3{margin-bottom:var(--spacing-md);text-align:center}.create-game-btn{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px var(--shadow);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:var(--spacing-md);transition:all .3s ease;width:100%}.create-game-btn:hover{box-shadow:0 6px 16px var(--shadow);transform:translateY(-2px)}.join-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group{display:flex;gap:var(--spacing-sm)}.room-input{border:2px solid var(--secondary);border-radius:var(--radius-md);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:2px;padding:var(--spacing-sm);text-align:center;text-transform:uppercase}.join-btn{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;white-space:nowrap}@media (max-width:768px){.action-card,.main-page{padding:var(--spacing-md)}}@media (max-width:480px){.input-group{flex-direction:column}.join-btn{width:100%}.room-input{font-size:1.2rem}}.create-game{margin:0 auto;max-width:600px;padding:var(--spacing-lg)}.create-game h2{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.game-form{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--shadow);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select{border:2px solid var(--secondary);border-radius:var(--radius-md);font-size:1rem;padding:var(--spacing-sm);transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none}.submit-btn{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px var(--shadow);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-md);transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 6px 16px var(--shadow);transform:translateY(-2px)}.error-message{background:var(--error);color:var(--text-primary);font-size:.9rem;font-weight:500;margin-top:var(--spacing-md);text-align:center}.error-message,.game-info{border-radius:var(--radius-md);padding:var(--spacing-sm)}.game-info{background:var(--secondary);color:var(--text-secondary);font-size:.85rem;margin-top:var(--spacing-xs)}@media (max-width:768px){.create-game{padding:var(--spacing-md)}.game-form{padding:var(--spacing-lg)}}@media (max-width:480px){.game-form{padding:var(--spacing-md)}}.game-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.game-header{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--shadow);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.game-header h2{color:var(--text-primary)}.game-header h2,.room-id-display{margin-bottom:var(--spacing-md);text-align:center}.room-id-display{background:var(--secondary);border-radius:var(--radius-md);color:var(--primary);font-size:1.5rem;font-weight:700;letter-spacing:4px;padding:var(--spacing-sm)}.game-info{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-md)}.info-item{background:var(--secondary);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.info-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--spacing-xs)}.info-value{color:var(--text-primary);font-size:1.2rem;font-weight:600}.game-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--shadow);min-height:400px;padding:var(--spacing-xl)}.coming-soon{align-items:center;color:var(--text-secondary);display:flex;font-size:1.5rem;height:300px;justify-content:center}.loading{color:var(--text-secondary)}.error,.loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.error{color:var(--error)}@media (max-width:768px){.game-container,.game-content,.game-header{padding:var(--spacing-md)}.game-info{grid-template-columns:1fr}}@media (max-width:480px){.room-id-display{font-size:1.2rem;letter-spacing:2px}.coming-soon{font-size:1.2rem}}:root{--primary:#ff9a8b;--primary-dark:#ff7a6b;--secondary:#ffecd2;--accent:#ffb88c;--background:#fff5f0;--surface:#fff;--text-primary:#5a4a42;--text-secondary:#8b7d77;--success:#a8e6cf;--error:#ffaaa5;--shadow:#ff9a8b26;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff5f0;background:var(--background);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#5a4a42;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}.btn,button{border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #ff9a8b26;box-shadow:0 2px 8px var(--shadow);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.btn:hover,button:hover{box-shadow:0 4px 12px #ff9a8b26;box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.btn:active,button:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#ff9a8b,#ffb88c);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:#fff}.btn-secondary{border:2px solid #ff9a8b;border:2px solid var(--primary)}.btn-secondary,input,select,textarea{background:#fff;background:var(--surface);color:#5a4a42;color:var(--text-primary)}input,select,textarea{border:2px solid #ffecd2;border:2px solid var(--secondary);border-radius:12px;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;padding:1rem;padding:var(--spacing-sm);transition:border-color .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#ff9a8b;border-color:var(--primary);outline:none}.card{background:#fff;background:var(--surface);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #ff9a8b26;box-shadow:0 4px 16px var(--shadow);padding:2rem;padding:var(--spacing-lg)}@media (max-width:768px){:root{--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}.btn,button{font-size:.95rem;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}.card{padding:1.5rem;padding:var(--spacing-md)}}@media (max-width:480px){body{font-size:14px}}
/*# sourceMappingURL=main.40f6ba96.css.map*/