:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#03080d;color:#e7f0f5;letter-spacing:0}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#03080d}body{min-height:100vh;background-image:linear-gradient(rgba(34,92,121,.12) 1px,transparent 0),linear-gradient(90deg,rgba(34,92,121,.12) 1px,transparent 0);background-size:48px 48px}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}.shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-panel{width:min(430px,100%);border:1px solid #1f6d91;background:rgba(4,14,21,.96);padding:26px;border-radius:6px;box-shadow:0 22px 70px rgba(0,0,0,.45)}.brand{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #173647;margin-bottom:22px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #39b5ea;color:#39b5ea;transform:rotate(30deg)}.brand-mark span{transform:rotate(-30deg);font-size:20px}h1,h2,p{margin-top:0}h1{font-size:22px;margin-bottom:4px}.muted{color:#94a8b3;font-size:13px}.form{grid-gap:14px;gap:14px}.form,label{display:grid}label{grid-gap:6px;gap:6px;color:#b7c8d1;font-size:13px}input{width:100%;border:1px solid #285069;border-radius:4px;background:#07131b;color:#f4f8fa;padding:11px 12px;outline:none}input:focus{border-color:#49bdec;box-shadow:0 0 0 2px rgba(73,189,236,.15)}.primary{border:1px solid #d9a33a;background:#231a0a;color:#f2bf55;padding:11px 14px;border-radius:4px;font-weight:700}.secondary{border:1px solid #285069;background:#07131b;color:#d6e5ec;padding:9px 12px;border-radius:4px}.links{display:flex;justify-content:space-between;margin-top:18px;font-size:13px}a{color:#62c6ee;text-decoration:none}a:hover{text-decoration:underline}.error{border-left:3px solid #d94e4e;background:rgba(217,78,78,.12);color:#ffb1b1}.error,.success{padding:10px 12px;font-size:13px}.success{border-left:3px solid #3abf82;background:rgba(58,191,130,.12);color:#9de4bf}.game-shell{width:100vw;height:100vh;display:grid;grid-template-rows:44px 1fr;overflow:hidden}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-bottom:1px solid #1f6d91;background:#030b11}.game-frame{width:100%;height:100%;border:0;background:#000}.status{display:flex;align-items:center;gap:8px;font-size:12px;color:#9eb3be}.status-dot{width:8px;height:8px;border-radius:50%;background:#3abf82}@media (max-width:600px){.shell{padding:14px}.auth-panel{padding:20px}}