:root{--bg:#071014;--card:#0f1b22;--soft:#162832;--txt:#eef8fb;--muted:#9fb5bf;--ok:#6ee7a8;--bad:#ff8b8b;--brand:#69d2ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#061014,#0b1c24);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--txt)}header{padding:24px 18px 10px}header div{display:flex;align-items:center;gap:12px}.logo{font-size:34px;background:#12313d;border-radius:14px;padding:8px}h1{margin:0;font-size:28px}header p,.muted{color:var(--muted)}main{max-width:850px;margin:auto;padding:12px}.card{background:rgba(15,27,34,.95);border:1px solid #203640;border-radius:20px;padding:18px;box-shadow:0 10px 30px #0005}.test{display:block;width:100%;text-align:left;margin:12px 0;padding:16px;border:1px solid #27414c;background:var(--soft);color:var(--txt);border-radius:16px}.test b{display:block;font-size:18px}.test small{color:var(--muted)}button{font:inherit;border:0;border-radius:14px;padding:13px 16px;font-weight:700}.primary{background:var(--brand);color:#001018}.secondary{background:#223943;color:var(--txt);border:1px solid #34505b}.ghost{background:transparent;color:var(--txt);border:1px solid #33505b}.wide{width:100%;margin:18px 0}.hidden{display:none!important}.rules{margin-top:16px;background:#0a151b;border:1px solid #20353f;padding:14px;border-radius:14px;color:#d7edf3}.sticky{position:sticky;top:0;background:rgba(7,16,20,.96);backdrop-filter:blur(10px);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #213740}.sticky div{display:flex;flex-direction:column;gap:4px;text-align:center}.sticky small{color:var(--brand)}.q{background:var(--card);border:1px solid #203740;border-radius:18px;margin:14px 0;padding:16px}.q h3{font-size:16px;margin:0 0 10px}.topic{display:inline-block;color:#9bdcf5;background:#12313d;padding:4px 9px;border-radius:999px;font-size:12px;margin-bottom:8px}.opt{display:flex;gap:10px;align-items:flex-start;background:#10232c;margin:8px 0;border-radius:12px;padding:11px;border:1px solid #203841}.opt input{margin-top:3px}.correct{border-color:var(--ok)!important;background:#123327!important}.wrong{border-color:var(--bad)!important;background:#351d22!important}.score{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pill{background:#10252e;padding:14px;border-radius:15px}.pass{color:var(--ok)}.fail{color:var(--bad)}footer{text-align:center;color:#7f98a3;padding:30px 14px;font-size:13px}@media(max-width:560px){main{padding:8px}.card,.q{border-radius:16px;padding:14px}h1{font-size:24px}.sticky button{padding:10px 12px;font-size:14px}.score{grid-template-columns:1fr}}