:root{--bg: #00010a;--bg-card: #020414;--bg-card-hover: #050820;--border: #0f1538;--text: #e0e4ff;--text-muted: #7080b0;--accent: #4a7cff;--accent-hover: #6a9cff;--accent-dark: #1f3ea8;--accent-dark-hover: #2c4fc2;--gold: #ffd54a;--red: #301c1c;--green: #44cc44}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:PixelOperator,monospace;font-size:16px;background:var(--bg);color:var(--text);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;gap:12px}.title{font-size:38px;text-align:center;color:var(--text);margin-bottom:8px}.pixel-outline{text-shadow:-2px -2px 0 var(--bg),2px -2px 0 var(--bg),-2px 2px 0 var(--bg),2px 2px 0 var(--bg),0 -2px 0 var(--bg),0 2px 0 var(--bg),-2px 0 0 var(--bg),2px 0 0 var(--bg)}.subtitle{font-size:30px;text-align:center}.accent{color:var(--accent)}label{font-size:22px;color:var(--text-muted);font-weight:700}input[type=text],input[type=password]{font-family:PixelOperator,monospace;font-size:18px;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:6px;padding:10px 12px;margin-bottom:8px;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;box-shadow:0 0 0 1000px var(--bg) inset;transition:background-color 9999s ease-out 0s;border-color:var(--border)}input:-webkit-autofill:focus{border-color:var(--accent)}input:autofill{background:var(--bg);color:var(--text);font-family:PixelOperator,monospace;font-size:18px}.btn-primary{font-family:PixelOperator,monospace;font-size:22px;font-weight:700;background:var(--accent-dark);color:var(--text);border:none;border-radius:6px;padding:12px;cursor:pointer;transition:background .15s;margin-top:8px}.btn-primary:hover:not(:disabled){background:var(--accent-dark-hover)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{font-family:PixelOperator,monospace;font-size:22px;font-weight:700;background:transparent;color:var(--text-muted);border:2px solid var(--border);border-radius:6px;padding:12px;margin-top:16px;cursor:pointer;transition:color .15s,border-color .15s}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted)}.btn-sm{font-size:18px;padding:10px 14px;margin-top:0}.btn-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.btn-group{display:flex;gap:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100}.modal-card{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;padding:24px;min-width:320px;display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.error{color:var(--text-muted);font-size:14px;text-align:center;margin-top:8px}.text-muted{color:var(--text-muted);font-size:14px;text-align:center}.section-label{font-size:22px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-top:8px}.countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:PixelOperator,monospace;font-size:200px;font-weight:700;color:var(--text);background:var(--bg);text-shadow:0 0 40px rgba(74,124,255,.4)}.version-footer{position:fixed;right:8px;bottom:6px;color:var(--text-muted);font-size:11px;pointer-events:none;-webkit-user-select:none;user-select:none}