/* Soru kartları, sınav ve tahta sunumu */
/* ---------- Sorular ---------- */
.qlist{display:grid;gap:16px}
.qcard{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}
.qcard header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.qno{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:9px;background:var(--ink);color:var(--bg);font:600 .85rem var(--font-mono)}
.qtopic{font-size:.76rem;font-weight:600;color:var(--c,var(--accent));letter-spacing:.02em}
.qstem{font-size:1.04rem;margin-bottom:12px;line-height:1.7}
.qstem .tbl{font-size:.88rem}
.choices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.choice{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid var(--line);border-radius:11px;background:var(--paper-2);cursor:pointer;text-align:left;font-size:.98rem;min-height:46px;transition:border-color .12s,background .12s}
.choice:hover{border-color:var(--ink-3)}
.choice .cl{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-2);font:600 .78rem var(--font-ui);flex:none;color:var(--ink-2)}
.choice .ct{font-family:var(--font-math);font-size:1.04em}
.choice.sel{border-color:var(--accent);background:var(--soft)} .choice.sel .cl{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.choice.right{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--paper))} .choice.right .cl{background:var(--green);border-color:var(--green);color:var(--bg)}
.choice.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--paper))} .choice.wrong .cl{background:var(--red);border-color:var(--red);color:var(--bg)}
.choice:disabled{cursor:default}
.qsol{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--paper-2);border:1px dashed var(--line-2);font-size:.95rem}
.qactions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.quiz-bar{position:sticky;top:62px;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}
.quiz-bar .prog{flex:1;min-width:120px;height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.quiz-bar .prog i{display:block;height:100%;background:var(--c,var(--accent));transition:width .3s}
.quiz-bar .clock{font:600 1.05rem var(--font-mono)}
.quiz-bar .clock.low{color:var(--red)}
.picker{padding:18px 20px}
.picker details{border-bottom:1px solid var(--line);padding:6px 0}
.picker summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;padding:4px 0}
.picker .tps{display:grid;gap:2px;padding:4px 0 6px 34px}
.result-hero{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:22px 24px;margin-bottom:18px}
.ring{--p:0;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c,var(--accent)) calc(var(--p)*1%),var(--line) 0)}
.ring b{display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:var(--paper);font:600 1.6rem var(--font-display)}
.bar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;gap:12px;align-items:center;font-size:.86rem;padding:4px 0}
.bar-row .bar{height:9px;border-radius:9px;background:var(--line);overflow:hidden}.bar-row .bar i{display:block;height:100%;background:var(--c)}


/* ---------- Tahta sunumu (soru) ---------- */
#stage{position:fixed;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;padding:clamp(16px,3vw,40px)}
#stage[hidden]{display:none}
#stage .st-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
#stage .st-body{flex:1;overflow:auto;display:flex;flex-direction:column;justify-content:center;max-width:1200px;width:100%;margin:0 auto}
#stage .qstem{font-size:clamp(1.3rem,2.6vw,2.1rem);line-height:1.6}
#stage .choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
#stage .choice{font-size:clamp(1.1rem,2vw,1.6rem);padding:14px 18px;min-height:64px}
#stage .choice .cl{width:36px;height:36px;font-size:1rem}
#stage .qsol{font-size:clamp(1rem,1.6vw,1.3rem)}
#stage .st-nav{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}