*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#07111f;color:#eef5ff;min-height:100vh}.stars{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:72px 72px}.shell{position:relative;max-width:1050px;margin:auto;padding:28px 18px 60px}.shell.small{max-width:560px;padding-top:10vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-weight:800;letter-spacing:2px;color:#f4d35e}.subtitle{color:#9db0c7;margin-top:5px}.status{font-size:13px;color:#9db0c7}.status:first-letter{color:#66e0a3}.card{background:rgba(12,26,44,.94);border:1px solid #223954;border-radius:18px;padding:28px;box-shadow:0 16px 50px rgba(0,0,0,.22)}h1{margin:0 0 8px;font-size:28px}p{color:#9db0c7}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs button,.tabs a,button{border:1px solid #29425f;background:#10243a;color:#eaf2fb;padding:11px 15px;border-radius:10px;cursor:pointer;text-decoration:none}.tabs button:hover,button:hover{border-color:#55779d}.primary{background:#d8b94f;border-color:#d8b94f;color:#101722;font-weight:800}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.quiz{text-align:center;max-width:650px;margin:25px auto}.prompt{font-size:42px;font-weight:800;margin:25px 0}.tag{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#8ea6bf}.quiz input,.addform input,input,select{width:100%;padding:14px;border-radius:10px;border:1px solid #304b68;background:#091827;color:white;font-size:17px;outline:none}.actions{display:flex;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.hidden{display:none}.empty{text-align:center;padding:65px 10px;color:#9db0c7;line-height:1.8}.error{background:#421d25;color:#ffb9c3;padding:12px;border-radius:10px;margin:12px 0}.login{max-width:500px;margin:auto}.login label,label{display:block;color:#9db0c7;margin:14px 0}.login input,label input{margin-top:7px}.addform{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:20px}.vrow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #20364e}.vrow small{color:#7f96ad}.statsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{padding:18px;background:#0a1b2d;border-radius:12px}.stat b{display:block;font-size:27px}.stat span{color:#8ea6bf;font-size:13px}.feedback{margin:18px auto;padding:14px;border-radius:10px;max-width:500px}.good{background:#123c31;color:#8ff0c4}.bad{background:#40252a;color:#ffb4be}.reward{padding:30px;text-align:center;border:1px solid #5e5125;background:#211d0d;border-radius:15px}.games{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.game{padding:24px;background:#10243a;border-radius:12px;text-align:center}.game button{margin-top:10px}@media(max-width:700px){.addform{grid-template-columns:1fr}.statsgrid{grid-template-columns:1fr 1fr}.prompt{font-size:32px}.section-head{align-items:flex-start;flex-direction:column}header{align-items:flex-start;gap:10px;flex-direction:column}}