:root{--gold:#D4AF37;--sand:#D8C3A5;--cream:#F4F0E8;--maroon:#6B1F2B;--stone:#6E6A63;--navy:#0F1E3A;--bg:#F4F0E8;--card:#FFFFFF;--ink:#0F1E3A;--muted:#6E6A63;--line:#E3D9C8;--ok:#2F6B3F;--ok-bg:#E6F0E4;--bad:#6B1F2B;--bad-bg:#F5E4E6;--shadow:0 1px 2px rgba(15,30,58,.06),0 8px 24px rgba(15,30,58,.07)}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:"Cairo","Noto Sans Arabic",system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.mont,h1,h2,h3{font-family:"Montserrat",system-ui,sans-serif}button{font:inherit;cursor:pointer}.wrap{max-width:920px;margin:0 auto;padding:0 16px}.top{background:var(--cream);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px}.top img{height:58px;width:auto;display:block}.brand{display:flex;flex-direction:column;line-height:1.15}.brand b{font-family:"Cinzel Decorative",serif;font-size:20px;letter-spacing:.18em;color:var(--navy)}.brand span,.top .crumb{font-family:"Montserrat",sans-serif;font-size:12px;color:var(--maroon);font-weight:600}.top .crumb{margin-left:auto;color:var(--stone);text-align:right}.top .crumb a{color:var(--maroon);text-decoration:none}.band{background:var(--navy);color:var(--cream);border-bottom:3px solid var(--gold)}.band .wrap{padding-top:22px;padding-bottom:22px}.band .kicker,.stat b{font-family:"Montserrat",sans-serif}.band .kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.band h1{margin:6px 0 0;font-size:clamp(20px,3.4vw,28px);font-weight:800;line-height:1.25;text-wrap:balance}main{padding:24px 0 48px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px}.hidden{display:none!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{background:var(--cream);border-radius:10px;padding:14px;text-align:center}.stat b{font-size:26px;font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--muted)}.ar{direction:rtl;text-align:right;font-family:"Cairo",sans-serif}.rules{border-left:3px solid var(--gold);background:#fbf8f2;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:15px}.rules p{margin:4px 0}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.mode{border:2px solid var(--line);border-radius:12px;padding:14px;background:#fff;text-align:left}.mode b,.mode small,.stat b{color:var(--navy);display:block}.mode small{color:var(--muted);line-height:1.45}.mode[aria-pressed=true]{border-color:var(--gold);background:#fcf7e6}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:6px 0 18px}.btn,.mode b{font-family:"Montserrat",sans-serif}.btn{border:0;border-radius:10px;padding:12px 22px;font-weight:700;font-size:15px}.btn-primary{background:var(--maroon);color:#fff}.btn-primary:hover{background:#5a1a24}.btn-gold{background:var(--gold);color:var(--navy)}.btn-ghost{background:0 0;color:var(--navy);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--stone)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.dot:focus-visible,.mode:focus-visible,.opt:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.qbar,.resume{color:var(--muted)}.resume{margin-top:12px;font-size:14px}.qbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-family:"Montserrat",sans-serif;font-size:13px;font-weight:600}.prog{flex:1;height:8px;background:#e9e1d3;border-radius:99px;overflow:hidden}.prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),#e5c760);transition:width .25s}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag{font-family:"Montserrat",sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:99px;background:var(--cream);color:var(--stone)}.tag.type{background:var(--navy);color:var(--cream)}.qtext{font-size:19px;font-weight:600;line-height:1.5;margin:6px 0 18px}.opts{display:grid;gap:10px}.opt{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);transition:border-color .15s,background .15s}.opt:hover:not(:disabled){border-color:var(--sand);background:#fdfbf7}.opt .l{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-family:"Montserrat",sans-serif;font-weight:800;font-size:13px;color:var(--navy)}.opt.sel{border-color:var(--navy);background:#f2f4f8}.opt.sel .l{background:var(--navy);color:#fff}.opt.right{border-color:var(--ok);background:var(--ok-bg)}.opt.right .l{background:var(--ok);color:#fff}.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}.opt.wrong .l{background:var(--bad);color:#fff}.opt:disabled{cursor:default}.fb{margin-top:14px;border-radius:10px;padding:12px 14px;font-size:15px}.fb.ok,.rv li.right{background:var(--ok-bg);color:#1f4a2a}.fb.no{background:var(--bad-bg);color:#4d1520}.fb b{font-family:"Montserrat",sans-serif}.grid,.nav{display:flex;flex-wrap:wrap}.nav{gap:10px;margin-top:20px;align-items:center}.nav .sp{flex:1}.flag[aria-pressed=true]{background:#fcf7e6;border-color:var(--gold)}.grid{gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.dot,.rv li{border-radius:8px}.dot{width:34px;height:34px;border:1.5px solid var(--line);background:#fff;font-family:"Montserrat",sans-serif;font-size:12px;font-weight:700;color:var(--muted);position:relative}.dot.ans{background:var(--navy);border-color:var(--navy);color:#fff}.dot.cur{outline:2px solid var(--gold);outline-offset:1px}.dot.flg::after{content:"";position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:2px solid #fff}.dot.r{background:var(--ok);border-color:var(--ok);color:#fff}.dot.w{background:var(--bad);border-color:var(--bad);color:#fff}.timer{background:var(--navy)!important;color:var(--cream)!important;font-variant-numeric:tabular-nums;font-size:13px!important;padding:4px 10px!important}.timer.warn{background:var(--maroon)!important}.legend{font-size:12px;color:var(--muted);margin-top:8px}.confirm{margin-top:16px;padding:14px;border-radius:10px;background:#fcf7e6;border:1px solid var(--gold);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.confirm p{margin:0;flex:1 1 260px}.res-head{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),#e9e1d3 0)}.ring div,td.n{font-variant-numeric:tabular-nums}.ring div,h3{color:var(--navy)}.ring div{width:104px;height:104px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:28px}.badge,.bar{border-radius:99px}.badge,.ring div{font-family:"Montserrat",sans-serif;font-weight:800}.badge{display:inline-block;font-size:13px;letter-spacing:.08em;padding:5px 12px}.badge.pass{background:var(--ok-bg);color:var(--ok)}.badge.fail{background:var(--bad-bg);color:var(--bad)}.res-head h2{margin:8px 0 4px;font-size:22px}.res-head p{margin:0;color:var(--muted)}h3{font-size:16px;margin:26px 0 10px}.rv ul,table{font-size:14px}table{width:100%;border-collapse:collapse}td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}footer,th{color:var(--muted)}.rv .ex b,th{font-family:"Montserrat",sans-serif}th{font-size:12px;font-weight:700}td.n{text-align:right;white-space:nowrap}.bar{height:6px;background:#e9e1d3;overflow:hidden;min-width:60px}.bar i{display:block;height:100%;background:var(--gold)}.bar i.low{background:var(--maroon)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}.chip,.rv{background:#fff}.chip{border:1.5px solid var(--line);border-radius:99px;padding:5px 12px;font-family:"Montserrat",sans-serif;font-size:12px;font-weight:700;color:var(--navy)}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.rv{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.rv .q{font-weight:600;margin:4px 0 8px}.rv ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.rv li{padding:6px 10px;background:#faf8f4}.rv li.right{font-weight:600}.rv li.wrong{background:var(--bad-bg);color:#4d1520;text-decoration:line-through}.rv .ex{margin-top:8px;font-size:14px;color:var(--stone)}.rv .ex b{color:var(--navy)}.actions,footer .wrap{display:flex;flex-wrap:wrap}.actions{gap:10px;margin-top:22px}footer{border-top:1px solid var(--line);padding:18px 0 28px;font-size:13px}footer .wrap{gap:8px;justify-content:space-between}footer a{color:var(--maroon);text-decoration:none;font-weight:600}@media (max-width:640px){.top img{height:44px}.brand b{font-size:16px}.top .crumb{display:none}.card{padding:18px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat b{font-size:22px}.modes{grid-template-columns:1fr}.qtext{font-size:17px}.res-head{grid-template-columns:1fr;justify-items:center;text-align:center}.nav .btn{padding:11px 16px}}@media print{.actions,.filters,.grid,.nav,.top .crumb,footer{display:none!important}body{background:#fff}.card{box-shadow:none;border:0;padding:0}.rv{break-inside:avoid}}.tl{display:grid;gap:10px}.ti{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.ti:hover{border-color:var(--gold)}.ti .c{flex:none;font-family:Montserrat,sans-serif;font-weight:800;font-size:12px;color:var(--maroon);background:var(--cream);border-radius:8px;padding:6px 8px;min-width:84px;text-align:center}.ti .t{flex:1;font-weight:600;line-height:1.35}.ti .k{flex:none;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;color:var(--stone)}