:root{color-scheme:dark;--bg:#12082a;--surface:#201436;--line:#ffffff24;--text:#fff;--muted:#c4b9d6;--accent:#ffc24d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 95% 0%,#a855f72b,transparent 55%),radial-gradient(ellipse at 0% 0%,#ffc24d16,transparent 50%),var(--bg);color:var(--text);font:17px/1.6 system-ui,sans-serif}main{width:min(1080px,100% - 40px);margin:auto;padding:40px 0 70px}.brand{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:60px}.brand img{width:145px;height:auto}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:700}h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 20px}h2{font-size:28px;line-height:1.2;margin:20px 0 12px}p{color:var(--muted);margin:0 0 24px}.intro{max-width:640px;margin-bottom:40px}.login{max-width:460px;margin:6vh auto 0}.panel,.game-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px}.panel{border-top:3px solid var(--accent)}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;border:1px solid #ffffff50;border-radius:10px;padding:14px;font:inherit;background:#12082a;color:white;margin-bottom:18px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.button,button{display:inline-block;border:0;border-radius:10px;padding:13px 22px;background:var(--accent);color:#21112e;text-decoration:none;font:700 15px/1.5 system-ui;cursor:pointer}.login button{width:100%}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 16px}.error{color:#ffb5c0;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}.game-card{max-width:520px;display:flex;flex-direction:column;align-items:flex-start}.game-card p{flex:1}.fleet{display:grid;grid-template-columns:repeat(5,18px);gap:5px;margin-bottom:16px}.fleet i{height:18px;border:1px solid #ffffff30;border-radius:3px;background:#ffffff08}.fleet i:nth-child(-n+3){background:var(--accent);border-color:var(--accent)}footer{border-top:1px solid var(--line);margin-top:64px;padding-top:20px;color:var(--muted);font-size:13px}.back{color:var(--accent);text-decoration:none}@media(max-width:520px){.brand{margin-bottom:35px}.panel,.game-card{padding:24px}.login{margin-top:20px}}