.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-container{text-align:center}.auth-container h1{font-size:2rem;margin-bottom:1rem}.auth-container p{color:var(--text-color);opacity:.7}.home-page{min-height:100vh;padding:20px}.home-container{max-width:600px;margin:0 auto}.home-container h1{text-align:center;font-size:2rem;margin-bottom:.5rem}.subtitle{text-align:center;color:var(--text-color);opacity:.7;margin-bottom:2rem}.game-types{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.game-type-card{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:left;cursor:pointer;transition:all .2s;position:relative}.game-type-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.game-type-card:disabled{opacity:.6;cursor:not-allowed}.game-type-card h2{font-size:1.5rem;margin-bottom:.5rem}.game-type-card p{color:var(--text-color);opacity:.7}.loader{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);color:var(--primary-color)}.home-actions{display:flex;gap:1rem;justify-content:center}.secondary-button{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;color:var(--text-color);transition:all .2s}.secondary-button:hover{background:var(--border-color)}.active-games{margin-bottom:2rem}.active-games h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-color)}.active-games-list{display:flex;flex-direction:column;gap:.75rem}.active-game-card{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.active-game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.active-game-card h3{font-size:1.1rem;margin:0 0 .25rem;color:var(--text-color)}.active-game-card p{font-size:.9rem;color:var(--text-color);opacity:.7;margin:0}.continue-btn{color:var(--primary-color);font-weight:500;font-size:.9rem}.base-game-page{min-height:100vh;padding:20px}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-bottom:1.5rem}.number-button{padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--secondary-color);color:var(--text-color);cursor:pointer;font-size:1rem;transition:all .2s}.number-button.active{background:var(--bg-color);border-color:var(--primary-color)}.number-button.active:hover{background:var(--primary-color);color:#fff}.number-button.completed{background:var(--secondary-color);color:var(--text-color);opacity:.5;cursor:not-allowed}.modal h2{margin-bottom:1.5rem;text-align:center}.plates-game-page{min-height:100vh;padding:20px}.game-stats{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:var(--secondary-color);border-radius:8px}.stat{display:flex;flex-direction:column}.stat-label{font-size:.9rem;opacity:.7}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.plate-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);margin-bottom:.5rem;text-transform:uppercase;font-family:monospace;letter-spacing:.1em;pointer-events:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.plate-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #40a7e31a}.plate-input:disabled,.plate-input[readonly]{background:var(--secondary-color);opacity:.6;cursor:not-allowed}.plate-number.valid{color:var(--success-color)}.plate-number.invalid{color:var(--error-color)}.roulette-game-page{min-height:100vh;padding:20px}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.game-info{margin-bottom:1.5rem;padding:1rem;background:var(--secondary-color);border-radius:8px}.target-info h3{margin-bottom:.5rem}.target-digits{font-size:3rem;font-weight:700;color:var(--primary-color);text-align:center;padding:1rem;background:var(--bg-color);border-radius:8px}.completed-badge{margin-top:1rem;padding:.75rem;background:var(--success-color);color:#fff;border-radius:8px;text-align:center;font-weight:700}.input-section{margin-bottom:1.5rem}.plate-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);margin-bottom:.5rem;text-transform:uppercase}.submit-button{width:100%;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:opacity .2s}.submit-button:disabled{opacity:.5;cursor:not-allowed}.location-warning{color:var(--warning-color);font-size:.9rem;margin-top:.5rem}.map-container{margin-bottom:1.5rem;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.entries-list{margin-top:1.5rem}.entries-list h3{margin-bottom:1rem}.entries{display:flex;flex-direction:column;gap:.5rem}.entry{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--secondary-color);border-radius:8px}.plate-number{font-weight:700;font-size:1.1rem}.plate-number.correct{color:var(--success-color)}.plate-number.incorrect{color:var(--error-color)}.entry-time{font-size:.9rem;opacity:.7;margin-left:auto}.fraud-warning{color:var(--warning-color);font-size:1.2rem}.regions-game-page{min-height:100vh;padding:20px}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.progress{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.region-button{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--secondary-color);color:var(--text-color);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.region-button.active{background:var(--bg-color);border-color:var(--primary-color)}.region-button.active:hover{background:var(--primary-color);color:#fff}.region-button.completed{background:var(--secondary-color);color:var(--text-color);opacity:.5;cursor:not-allowed}.region-code{font-size:1.2rem;font-weight:700}.region-name{font-size:.75rem;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;color:var(--text-color)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-color);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 4px 20px #0000004d}.modal h2{margin-bottom:1rem;text-align:center}.region-name-modal{text-align:center;margin-bottom:1rem;color:var(--text-color);font-size:.9rem;font-weight:500}.region-info{margin-bottom:1.5rem;padding:1rem;background:var(--secondary-color);border-radius:8px;border:1px solid var(--border-color)}.region-info h3{margin:0 0 .75rem;font-size:.9rem;color:var(--primary-color);font-weight:600}.region-info-text{margin:0;font-size:.85rem;line-height:1.5;color:var(--text-color);text-align:left}.modal-actions{display:flex;gap:1rem}.confirm-button,.cancel-button{flex:1;padding:.75rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem}.confirm-button{background:var(--primary-color);color:#fff}.cancel-button{background:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color)}.game-history-page{min-height:100vh;padding:20px}.filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.filters button{flex:1;padding:.75rem;background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-color);transition:all .2s}.filters button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.games-list{display:flex;flex-direction:column;gap:1rem}.game-card{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.game-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-card-header h3{margin:0}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:700}.status-badge.active{background:var(--primary-color);color:#fff}.status-badge.completed{background:var(--success-color);color:#fff}.game-card-info{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--text-color);opacity:.7}.empty-state{text-align:center;padding:3rem;color:var(--text-color);opacity:.5}.loading{text-align:center;padding:2rem}.profile-page{min-height:100vh;padding:20px}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back-button{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;color:var(--text-color)}.profile-content{max-width:600px;margin:0 auto}.profile-section{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.profile-section h2{margin-bottom:1rem;font-size:1.3rem}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-weight:700;opacity:.7}.info-value{color:var(--text-color)}.settings{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center}.setting-label{font-weight:700}.theme-buttons{display:flex;gap:.5rem}.theme-buttons button{padding:.5rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-color);transition:all .2s}.theme-buttons button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.profile-actions{margin-top:2rem}.logout-button{width:100%;padding:1rem;background:var(--error-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:opacity .2s}.logout-button:hover{opacity:.9}.layout{min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}.offline-status{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 16px;text-align:center;font-size:14px;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.offline-status.offline{background-color:#ff9800;color:#fff}.offline-status.online{background-color:#4caf50;color:#fff}.offline-message,.syncing-message,.pending-message{display:flex;align-items:center;justify-content:center;gap:8px}.offline-icon,.syncing-icon,.pending-icon{font-size:16px}.syncing-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}:root{--bg-color: #ffffff;--text-color: #000000;--primary-color: #3390ec;--secondary-color: #f0f0f0;--border-color: #e0e0e0;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800}[data-theme=dark]{--bg-color: #1e1e1e;--text-color: #ffffff;--secondary-color: #2d2d2d;--border-color: #404040}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}