*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.5}.container{max-width:480px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#222}h2{font-size:1.25rem;font-weight:500;margin-bottom:1rem;color:#333}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#555}input[type=email],input[type=password],input[type=text]{width:100%;padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;background:#fff}input:focus{outline:none;border-color:#666}button{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.btn-primary{background-color:#333;color:#fff}.btn-primary:hover{background-color:#444}.btn-primary:disabled{background-color:#999;cursor:not-allowed}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0}.btn-link{background:none;color:#555;padding:.5rem 0;text-decoration:underline}.btn-link:hover{color:#333}.card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1.25rem;margin-bottom:1rem}.error{color:#c00;font-size:.875rem;margin-bottom:1rem}.info{color:#666;font-size:.875rem;margin-bottom:1rem}.success{color:#2e7d32;font-size:.875rem;margin-bottom:1rem;padding:.5rem;background-color:#e8f5e9;border-radius:4px}.switch-view{margin-top:1.5rem;font-size:.875rem;color:#666;text-align:center}.games-list{list-style:none}.game-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.game-item:last-child{border-bottom:none}.game-id{font-family:monospace;font-size:.875rem;color:#555}.game-link{color:#333;text-decoration:none;font-size:.875rem}.game-link:hover{text-decoration:underline}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#999;font-size:.75rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ddd}.divider:before{margin-right:.75rem}.divider:after{margin-left:.75rem}.account-info{margin-bottom:1.5rem}.account-info p{margin-bottom:.25rem}.account-email{font-weight:500}.account-status{font-size:.875rem;color:#666}.actions{display:flex;gap:.5rem;margin-top:1rem}.loading{text-align:center;padding:2rem;color:#666}
