:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}html,body{height:100%}body{margin:0;background:#0b1020;color:#eaf2ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:transparent}.container{max-width:980px;margin:0 auto;padding:clamp(16px,4vw,32px)}.card{background:#121a32;border:1px solid #1e2a4a;border-radius:18px;padding:clamp(18px,3.2vw,28px);box-shadow:0 6px 24px #00000040}.hstack{display:flex;gap:12px;align-items:center}.vstack{display:flex;flex-direction:column;gap:clamp(14px,2.4vw,22px)}.title{font-size:clamp(22px,3.8vw,30px);font-weight:700}.subtitle{font-size:clamp(14px,2.6vw,16px);opacity:.85}.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid #2a3b6a;background:#0f1530;font-size:clamp(12px,2.6vw,13px);opacity:.95}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(11px,2.5vw,12px);opacity:.8}.ar{font-family:Scheherazade New,Amiri,Noto Naskh Arabic,serif;color:#fff}.big{font-size:clamp(52px,14vw,96px)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a3b6a;background:#182346;color:#eaf2ff;padding:clamp(12px,3.5vw,16px) clamp(14px,4vw,20px);border-radius:14px;cursor:pointer;font-size:clamp(18px,4.2vw,20px);transition:transform .05s ease,background .2s ease,border-color .2s}.btn:hover{background:#1d2a56}.btn:active{transform:translateY(1px)}.btn.primary{background:#2555ff;border-color:#2555ff}.btn.primary:hover{background:#3b66ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(10px,3.2vw,14px)}.choice{font-size:clamp(20px,5vw,26px);text-align:center;padding:clamp(16px,4.5vw,22px);border-radius:16px;border:1px solid #2a3b6a;background:#151e3a;cursor:pointer;min-height:64px;line-height:1.2}.choice span{color:#fff}.choice.correct{border-color:#1fcf7c;background:#0f2b24}.choice.wrong{border-color:#ff6b6b;background:#3a1518}.feedback{min-height:24px;font-size:clamp(15px,3.8vw,17px)}footer{opacity:.75;font-size:clamp(11px,2.8vw,12px)}@media (max-width: 420px){.card{border-radius:16px}}