:root{--bg: #041c24;--panel: #0b2e3a;--panel2: #104252;--text: #def5f8;--accent: #ffcc66;--ok: #8fd694;--err: #ff8f8f}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,#0f3a4b 0%,transparent 36%),radial-gradient(circle at 75% 10%,#0a2b37 0%,transparent 30%),var(--bg);color:var(--text)}.shell{min-height:100vh;padding:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:linear-gradient(160deg,var(--panel),var(--panel2));border:1px solid #1d586d;border-radius:16px;padding:1rem;box-shadow:0 12px 32px #00000040}.auth{max-width:440px;margin:10vh auto}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}input,select,button{width:100%;margin-top:.6rem;border:1px solid #3f7282;border-radius:10px;background:#052631;color:var(--text);padding:.65rem .8rem}button{cursor:pointer;background:linear-gradient(180deg,#f8d478,var(--accent));color:#2d2200;font-weight:700}button.active{outline:2px solid #fff4d5}.modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.module{background:#0a2430;border-radius:12px;border:1px solid #1a4d5f;padding:.8rem}.module.solved{border-color:var(--ok)}.wires{width:100%;background:#051920;border-radius:10px}.keys{display:flex;gap:.4rem}.keys span{display:inline-grid;place-content:center;width:36px;height:36px;background:#103646;border:1px solid #36718a;border-radius:8px}.hint{color:#ffe8b3}small{display:block;margin-top:.6rem;color:#b6d4db}