body{margin:0;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:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}.card{background:#282c2f;border-radius:12px;padding:2rem;border:1px solid #3A3F42;margin-bottom:1rem}.card-dark{background:#1e2122;border-radius:8px;padding:1rem;border:1px solid #3A3F42}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.header-title{font-size:24px;font-weight:600;margin:0}.back-button{background:#3a3f42;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:14px;cursor:pointer;transition:background .2s}.back-button:hover{background:#4a4f52}.user-actions .one-off-actions{margin-bottom:1rem}.user-actions .one-off-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.user-actions .parameterized-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.action-button{border:none;border-radius:6px;padding:.75rem 1rem;font-size:14px;cursor:pointer;transition:background .2s;font-weight:500;color:#fff}.action-button.ban{background:#ff6b6b}.action-button.ban:hover{background:#ff5252}.action-button.unban{background:#28a745}.action-button.unban:hover{background:#218838}.action-button.gdpr-delete{background:#dc3545}.action-button.gdpr-delete:hover{background:#c82333}.action-button.wipe-cosmetics{background:#fd7e14}.action-button.wipe-cosmetics:hover{background:#e8690b}.action-button.wipe-coins{background:#6f42c1}.action-button.wipe-coins:hover{background:#5a32a3}.form-group{margin-bottom:.75rem}.form-group .form-label{margin-bottom:.75rem;font-size:14px;color:#fff;font-weight:500}.form-group .form-inputs{display:flex;gap:.5rem;margin-bottom:.5rem}.form-select{flex:1;padding:.5rem;border-radius:4px;border:1px solid #3A3F42;background:#282c2f;color:#fff;font-size:14px;outline:none}.form-input{padding:.5rem;border-radius:4px;border:1px solid #3A3F42;background:#282c2f;color:#fff;font-size:14px}.form-input.quantity{width:100px}.form-input.username{flex:1}.form-button{background:#4f8cff;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:14px;cursor:pointer;width:100%;transition:background .2s}.form-button:hover:not(:disabled){background:#3d7ce8}.form-button:disabled{background:#3a3f42;cursor:not-allowed}.raw-json h2{font-size:20px;margin-bottom:1.5rem;color:#fff}.raw-json pre{background:#1e2122;border:1px solid #3A3F42;border-radius:8px;padding:1rem;overflow:auto;max-height:800px;font-size:12px;line-height:1.2;color:#ccc;font-family:monospace;white-space:pre-wrap;word-break:break-word}.user-details h2{font-size:20px;margin-bottom:1.5rem;color:#fff}.user-details .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.confirmation-dialog{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-dialog .dialog-content{background:#282c2f;border-radius:12px;padding:2rem;border:1px solid #3A3F42;max-width:500px;width:90%;box-shadow:0 8px 32px #00000080}.confirmation-dialog .dialog-content h2{font-size:20px;margin-bottom:1.5rem;color:#fff;text-align:center}.confirmation-dialog .dialog-content .dialog-message{margin-bottom:1.5rem;color:#ccc;line-height:1.5;text-align:center}.confirmation-dialog .dialog-content .dialog-input{width:100%;padding:.75rem;border-radius:6px;border:1px solid #3A3F42;background:#1e2122;color:#fff;font-size:14px;margin-bottom:1.5rem;outline:none;transition:border-color .2s}.confirmation-dialog .dialog-content .dialog-input:focus{border-color:#4f8cff}.confirmation-dialog .dialog-content .dialog-buttons{display:flex;gap:1rem;justify-content:center}.search-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;max-width:600px;margin:0 auto 2rem}.force-reload-button{padding:.75rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.force-reload-button:hover:not(:disabled){background:#218838}.force-reload-button:disabled{background:#3a3f42;cursor:not-allowed}.search-input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid #3A3F42;background:#1e2122;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#4f8cff}.search-button{padding:.75rem 1.5rem;background:#4f8cff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.search-button:hover:not(:disabled){background:#3d7ce8}.search-button:disabled{background:#3a3f42;cursor:not-allowed}.loading-state{display:flex;align-items:center;justify-content:center;font-size:18px;margin-top:4rem}.error-state{display:flex;align-items:center;justify-content:center;font-size:18px;color:#ff6b6b;margin-top:4rem}.users-count{font-size:18px;margin-bottom:1rem;text-align:center}.users-count .last-updated{color:#888;font-size:14px;margin-left:1rem}.users-table-container{background:#282c2f;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000004d;border:1px solid #3A3F42}.users-table{width:100%;border-collapse:collapse}.users-table thead tr{background:#1e2122;border-bottom:1px solid #3A3F42}.users-table th{padding:.5rem;text-align:left;font-weight:600;font-size:12px;color:#fff}.users-table th.id-column{width:280px}.users-table th.username-column{width:150px}.users-table th.email-column{width:200px}.users-table th.registered-column,.users-table th.discord-column,.users-table th.country-column{width:80px;text-align:center}.users-table th.actions-column{width:100px;text-align:center}.users-table tbody tr{border-bottom:1px solid #3A3F42;transition:background .2s;cursor:pointer}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#323638}.users-table td{padding:.5rem}.users-table td.id-cell{font-size:11px;color:#ccc;font-family:monospace}.users-table td.username-cell{font-size:12px;color:#fff;font-weight:500}.users-table td.email-cell{font-size:12px;color:#ccc}.users-table td.registered-cell,.users-table td.discord-cell,.users-table td.country-cell{text-align:center;font-size:16px}.edit-button{background:#4f8cff;color:#fff;border:none;border-radius:4px;padding:.25rem .75rem;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s}.edit-button:hover{background:#3d7ce8}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.header h1{font-size:28px;margin:0;color:#fff}.back-button{background:#3a3f42;color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;font-size:14px;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#4a4f52;transform:translateY(-2px)}.card{background:#282c2f;border-radius:12px;padding:2rem;border:1px solid #3A3F42;margin-bottom:2rem}.server-config-row{display:flex;gap:2rem;margin-bottom:2rem}.server-config-row .card{margin-bottom:0;flex:1}.server-config-row .server-information{flex:0 0 17%}.server-config-row .game-server-config-card{flex:0 0 30%}.game-server-config-form .form-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.game-server-config-form .form-row:last-child{margin-bottom:0}.game-server-config-form .form-field{flex:1;display:flex;flex-direction:column}.game-server-config-form .form-field.full-width{flex:1}.game-server-config-form .form-label{margin-bottom:.5rem;font-size:14px;color:#fff;font-weight:500}.game-server-config-form .form-select{padding:.75rem;border-radius:8px;border:1px solid #3A3F42;background:#282c2f;color:#fff;font-size:14px;outline:none;transition:border-color .2s ease}.game-server-config-form .form-select:focus{border-color:#4f8cff}.game-server-config-form .form-select option{background:#282c2f;color:#fff}.game-server-config-form .form-textarea{padding:.75rem;border-radius:8px;border:1px solid #3A3F42;background:#282c2f;color:#fff;font-size:14px;outline:none;transition:border-color .2s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;min-height:120px}.game-server-config-form .form-textarea:focus{border-color:#4f8cff}.game-server-config-form .form-textarea::placeholder{color:#888}.game-server-config-form .update-config-button{background:#4f8cff;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px}.game-server-config-form .update-config-button:hover:not(:disabled){background:#3d7eff;transform:translateY(-1px)}.game-server-config-form .update-config-button:active{transform:translateY(0)}.game-server-config-form .update-config-button:disabled{background:#888;cursor:not-allowed;transform:none}.machine-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.machine-status-header .machine-status-title{flex:1}.header-toggles{display:flex;align-items:center;gap:1.5rem}.polling-toggle-container,.step-details-toggle-container{display:flex;align-items:center;gap:.75rem}.refreshing-text{color:#4f8cff;font-size:12px;font-weight:500;font-style:italic;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.polling-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.polling-toggle-input{display:none}.polling-toggle-slider{position:relative;width:50px;height:24px;background:#3a3f42;border-radius:24px;transition:all .3s ease;cursor:pointer}.polling-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.polling-toggle-input:checked+.polling-toggle-slider{background:#4f8cff}.polling-toggle-input:checked+.polling-toggle-slider:before{transform:translate(26px)}.polling-toggle-text{color:#ccc;font-size:14px;font-weight:500;white-space:nowrap}.polling-status{color:#4f8cff;font-size:16px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.server-information h2{font-size:24px;margin-bottom:1.5rem;color:#fff}.server-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.server-info-header h2{margin:0}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.info-label{color:#888;font-weight:400;font-size:13px;min-width:120px;text-transform:uppercase;letter-spacing:.5px}.info-label.server-id-label{color:#4f8cff}.info-value{color:#fff;font-weight:700;font-size:15px;text-align:right;flex:1;margin-left:1rem;text-shadow:0 0 1px rgba(255,255,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-name-value{color:#fff;font-weight:500}.game-value{color:#fff}.environment-value{font-weight:500}.environment-value.production{color:#ff6b6b}.environment-value.development{color:#28a745}.region-value{color:#fff;font-weight:500}.status-value{font-weight:500}.status-value.serving{color:#28a745}.setup-status-value.incomplete{color:#ff6b6b}.address-value{font-family:monospace}.created-date-value{color:#fff}.public-ip-value{font-size:11px;font-family:monospace;color:#4f8cff;font-weight:500}.droplet-id-value{font-size:11px;font-family:monospace;color:#888;font-weight:500}.droplet-status-value{font-weight:500}.droplet-status-value.active{color:#28a745}.droplet-status-value.new{color:gold}.droplet-status-value.other{color:#ff6b6b}.machine-status-card{background:#282c2f;border-radius:12px;padding:1.5rem;border:1px solid #3A3F42}.machine-status-title{font-size:24px;margin-bottom:1rem;color:#fff}.machine-status-title.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.machine-status-title.collapsible:hover{color:#4f8cff}.collapse-indicator{font-size:16px;color:#4f8cff;transition:transform .2s ease;flex-shrink:0}.machine-status-content{display:flex;flex-direction:column;gap:1.5rem}.loading-indicator{text-align:center;font-size:24px;color:#4f8cff;margin-top:1rem}.machine-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:1rem}.step-grid-item{background:#282c2f;border:1px solid #3A3F42;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.step-number{background:#4f8cff;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:4px;font-size:20px;min-width:50px;text-align:center}.step-status-indicators{display:flex;gap:.5rem;align-items:center}.status-indicator-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-label{color:#ccc;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.step-content{display:flex;flex-direction:column;gap:1rem}.step-title{color:#fff;font-size:18px;font-weight:600;margin:0;margin-bottom:.5rem}.step-description{color:#ccc;font-size:14px;line-height:1.4;margin:0;margin-bottom:1rem}.status-indicator{font-size:18px;padding:.25rem;border-radius:4px;min-width:24px;text-align:center}.status-indicator.started{background:#28a745;color:#fff}.status-indicator.not-started{background:#3a3f42;color:#ccc}.status-indicator.completed{background:#28a745;color:#fff}.status-indicator.not-completed{background:#3a3f42;color:#ccc}.action-button{width:100%;text-align:center;padding:.75rem 1rem;border-radius:6px;border:1px solid;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.action-button.disabled{pointer-events:none!important;color:#888!important;background-color:#3a3f42!important;border-color:#3a3f42!important;cursor:not-allowed!important;opacity:.6}.action-button:hover{transform:translateY(-2px)}.action-button.sync-button{border-color:#4f8cff;background:#4f8cff}.action-button.sync-button:hover{background:#3a7bff}.action-button.provision-button{border-color:#ff6b6b;background:#ff6b6b}.action-button.provision-button:hover{background:#ff5252}.action-button.cloudflare-button{border-color:#28a745;background:#28a745}.action-button.cloudflare-button:hover{background:#218838}.action-button.machine-config-button{border-color:#ff6b6b;background:#ff6b6b}.action-button.machine-config-button:hover{background:#ff5252}.raw-json-container{background:#1e2122;border-radius:8px;padding:1.5rem;border:1px solid #3A3F42}.raw-json-title{font-size:18px;margin-bottom:1rem;color:#fff;margin-top:0}.raw-json-content{background:#0d1117;color:#e6edf3;padding:1rem;border-radius:6px;font-size:12px;font-family:monospace;overflow:auto;border:1px solid #30363D;white-space:pre-wrap;word-break:break-word}.server-actions-card{flex:0 0 25%!important}.server-actions-card h2{font-size:24px;margin-bottom:1.5rem;color:#fff}.server-actions-list{display:flex;flex-direction:column;gap:1rem}.action-item{display:flex;flex-direction:column}.server-action-btn{width:100%;padding:.875rem 1.25rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden;background:#4f8cff;color:#fff}.server-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.server-action-btn:active{transform:translateY(0)}.server-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.server-action-btn:hover:not(:disabled){background:#3d7eff}.server-action-btn.destructive{background:#ff6b6b;color:#fff}.server-action-btn.destructive:hover:not(:disabled){background:#ff5252}.server-action-btn.stop-server-btn{background:#ff9500;color:#fff}.server-action-btn.stop-server-btn:hover:not(:disabled){background:#e6850e}.server-action-btn.start-server-btn{background:#28a745;color:#fff}.server-action-btn.start-server-btn:hover:not(:disabled){background:#218838}.server-action-btn.restart-server-btn{background:#9c27b0;color:#fff}.server-action-btn.restart-server-btn:hover:not(:disabled){background:#7b1fa2}.server-action-btn.test-websocket-btn{background:#607d8b;color:#fff}.server-action-btn.test-websocket-btn:hover:not(:disabled){background:#455a64}.current-config-display{background:#ffffff0d;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.config-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.config-item:last-child{border-bottom:none}.config-label{color:#888;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.config-value{color:#fff;font-weight:600;font-size:14px;background:#ffffff1a;padding:.25rem .75rem;border-radius:4px;min-width:100px;text-align:center}.config-separator{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:1.5rem 0}.config-section{margin-bottom:2rem}.config-section:last-child{margin-bottom:0}.config-section h3{font-size:18px;margin-bottom:1rem;color:#fff;font-weight:600}.current-config-section .current-config-json{background:#0d1117;border:1px solid #30363D;border-radius:8px;overflow:hidden}.current-config-section .config-json-display{margin:0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#e6edf3;background:transparent;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.change-config-section{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.page-container{flex:1;background:linear-gradient(180deg,#232526,#181a1b);color:#fff;min-height:100vh;padding:2rem}.page-container.loading-state{display:flex;align-items:center;justify-content:center;font-size:18px}.page-container.error-state{display:flex;align-items:center;justify-content:center;font-size:18px;color:#ff6b6b}.actions-not-specific-to-a-game{display:flex;align-items:center;justify-content:center;margin:0 0 50px;gap:20px}.server-creation-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.modal-content{background:#282c2f;border-radius:12px;padding:2rem;border:1px solid #3A3F42;max-width:500px;width:90%;cursor:default}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;color:#fff;font-size:24px}.close-button{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button:hover{background:#ffffff1a}.error-display{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.form-select,.form-input{width:100%;padding:.75rem;border-radius:6px;border:1px solid #3A3F42;background:#1e2122;color:#fff;font-size:14px;transition:border-color .2s}.form-select:focus,.form-input:focus{outline:none;border-color:#4f8cff}.server-name-input-group{display:flex;gap:.5rem}.server-name-input{flex:1;opacity:.6}.randomize-button{padding:.75rem 1rem;border-radius:6px;border:1px solid #4F8CFF;background:#4f8cff;color:#fff;font-size:14px;cursor:pointer;transition:background .2s;white-space:nowrap}.randomize-button:hover{background:#3a7bff}.form-buttons{display:flex;gap:1rem;justify-content:flex-end}.cancel-button{padding:.75rem 1.5rem;border-radius:6px;border:1px solid #3A3F42;background:#3a3f42;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.cancel-button:hover{background:#4a4f52}.submit-button{padding:.75rem 1.5rem;border-radius:6px;border:1px solid #28a745;background:#28a745;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.submit-button:disabled{background:#6c757d;cursor:not-allowed}.submit-button:not(:disabled):hover{background:#218838}.game-info-card{background:#282c2f;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #3A3F42}.game-info-title{font-size:24px;margin-bottom:1.5rem;color:#fff}.game-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-label.total-servers{color:#4f8cff}.info-label.development{color:#28a745}.info-label.production{color:#ff6b6b}.info-label.environments,.info-label.regions{color:gold}.no-servers-card{background:#282c2f;border-radius:12px;padding:2rem;text-align:center;border:1px solid #3A3F42}.no-servers-title{color:#ccc;margin-bottom:1rem}.no-servers-message{color:#888}.game-servers-card{background:#282c2f;border-radius:12px;padding:2rem;border:1px solid #3A3F42}.game-servers-title{font-size:20px;margin-bottom:1.5rem;color:#fff}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.server-card{background:#1e2122;border-radius:8px;padding:1rem;border:1px solid #3A3F42;transition:transform .2s,box-shadow .2s;cursor:pointer}.server-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.server-id,.server-name,.player-count,.setup-status,.environment-info,.region-info,.server-status,.server-address,.created-date{margin-bottom:.5rem}.server-id:last-child,.server-name:last-child,.player-count:last-child,.setup-status:last-child,.environment-info:last-child,.region-info:last-child,.server-status:last-child,.server-address:last-child,.created-date:last-child{margin-bottom:0}.server-name{margin-bottom:.75rem}.server-id-value{font-size:11px;font-family:monospace;color:#ccc}.server-name-value{color:#4f8cff;font-size:16px}.player-count-value{color:#fff}.setup-status-value.completed{color:#28a745}.setup-status-value.incomplete,.environment-value.production{color:#ff6b6b}.environment-value.development,.status-value.serving{color:#28a745}.status-value.not-serving{color:#ff6b6b}.address-value{font-size:11px;font-family:monospace;color:#888}.game-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.game-view-title{font-size:28px;margin:0;color:#fff}.back-button.game-view-back{position:fixed;top:2rem;right:12rem;background:#3a3f42;color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;font-size:14px;cursor:pointer;transition:all .3s ease;z-index:100}.back-button.game-view-back:hover{background:#4a4f52;transform:translateY(-2px)}.create-server-button.floating{position:fixed;top:2rem;right:2rem;background:#28a745;color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d;z-index:100}.create-server-button.floating:hover{background:#218838;transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.create-server-button.floating.main{box-shadow:0 4px 12px #28a7454d}.force-reload-button.floating{position:fixed;top:2rem;right:12rem;background:#6c757d;color:#fff;border:none;border-radius:50px;padding:1rem 1.5rem;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6c757d4d;z-index:100}.force-reload-button.floating:hover:not(.loading){background:#5a6268;transform:translateY(-2px);box-shadow:0 6px 16px #6c757d66}.force-reload-button.floating.loading{background:#3a3f42;cursor:not-allowed}.main-header{text-align:center;margin-bottom:3rem}.main-title{font-size:32px;margin-bottom:.5rem;color:#fff}.main-subtitle{color:#888;font-size:16px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.game-card{background:linear-gradient(135deg,#282c2f,#1e2122);border-radius:16px;padding:2rem;border:2px solid #3A3F42;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-8px);border-color:#4f8cff;box-shadow:0 8px 32px #4f8cff33}.game-card-title{font-size:24px;margin-bottom:1rem;color:#fff}.game-metrics{margin-bottom:1.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-item{text-align:center}.metric-value{font-size:28px;margin-bottom:.5rem}.metric-value.total-servers{color:#4f8cff}.metric-value.active-players{color:#28a745}.metric-value.max-capacity{color:gold}.metric-value.occupancy.high{color:#ff6b6b}.metric-value.occupancy.medium{color:gold}.metric-value.occupancy.low{color:#28a745}.metric-label{color:#888;font-size:12px}.status-breakdown{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:12px;color:#fff}.status-badge.region-coverage{background:#4f8cff}.status-badge.setup-completed{background:#28a745}.status-badge.setup-incomplete{background:#ff6b6b}.click-indicator{color:#4f8cff;font-size:14px;text-align:center}.empty-state{text-align:center;margin-top:4rem;color:#888}.empty-state-title{margin-bottom:1rem;color:#ccc}.game-info-actions{display:flex;flex-direction:row;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-start;flex-wrap:wrap}.action-button{width:100%;max-width:300px;padding:.875rem 1.25rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden;background:#4f8cff;color:#fff}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.action-button:active{transform:translateY(0)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.action-button:hover:not(:disabled){background:#3d7eff}.server-action-btn.dev-servers-btn{background:#28a745;color:#fff}.server-action-btn.dev-servers-btn:hover:not(:disabled){background:#218838}.server-action-btn.production-servers-btn{background:#ff6b6b;color:#fff}.server-action-btn.production-servers-btn:hover:not(:disabled){background:#ff5252}