:root{--ink:#172033;--brand:#5b4bff;--brand2:#7c3aed;--soft:#f4f6fb;--good:#16a34a;--bad:#dc2626;--gold:#f59e0b}*{box-sizing:border-box}body{background:var(--soft);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.fw-black{font-weight:900}.app-shell{display:flex;min-height:calc(100vh - 56px)}.sidebar{width:250px;background:#fff;border-right:1px solid #e5e7eb;padding:16px 10px;position:sticky;top:56px;height:calc(100vh - 56px)}.sidebar a{display:flex;gap:10px;align-items:center;padding:11px 12px;margin:4px 0;color:#334155;text-decoration:none;border-radius:12px;font-weight:650}.sidebar a:hover{background:#efedff;color:var(--brand)}.content{flex:1;min-width:0;padding:24px}.card{border:0;border-radius:18px;box-shadow:0 4px 18px rgba(15,23,42,.06)}.kpi{min-height:118px}.table>thead th{white-space:nowrap}.qtext{max-width:520px}.pagination{flex-wrap:wrap}.navbar.bg-primary{background:linear-gradient(135deg,var(--brand),var(--brand2))!important}.btn-primary{background:var(--brand);border-color:var(--brand)}.hero-public{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff}.hero-score-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:28px;backdrop-filter:blur(8px)}.stat-public{background:#fff;border-radius:18px;padding:20px;text-align:center;box-shadow:0 4px 18px rgba(15,23,42,.06)}.stat-public b{font-size:clamp(1.4rem,4vw,2.4rem);display:block}.stat-public span{color:#64748b;font-size:.9rem}.subject-public{background:#fff;border-radius:18px;padding:20px;border:1px solid #e8e8f2;transition:.2s}.subject-public i{font-size:1.6rem;color:var(--brand);margin-bottom:14px}.subject-public h5{font-weight:800}.subject-public:hover{transform:translateY(-3px);border-color:#c7c2ff}.cta-public{border-radius:24px;padding:30px;background:#fde68a;display:flex;gap:20px;justify-content:space-between;align-items:center}.game-shell{max-width:850px;margin:0 auto}.game-head{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;border-radius:22px;padding:20px}.game-card{background:#fff;border-radius:24px;padding:clamp(18px,4vw,32px);box-shadow:0 12px 36px rgba(15,23,42,.08)}.answer-option{display:block;width:100%;text-align:left;border:2px solid #e5e7eb;background:#fff;border-radius:16px;padding:16px 18px;margin:10px 0;font-weight:700;transition:.15s}.answer-option:hover{border-color:#a9a1ff;background:#f7f6ff}.answer-option input{margin-right:10px}.feedback-good{background:#dcfce7;border:1px solid #86efac;color:#166534}.feedback-bad{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.feedback-box{border-radius:18px;padding:18px}.xp-pill{display:inline-flex;align-items:center;gap:6px;background:#fff7ed;color:#9a3412;border-radius:999px;padding:7px 12px;font-weight:800}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--score)*1%),#e5e7eb 0);margin:auto}.score-ring>div{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:white;font-weight:900;font-size:1.7rem}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.rank-no{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;font-weight:900}.rank-row:nth-child(1) .rank-no{background:#fef3c7;color:#92400e}.rank-row:nth-child(2) .rank-no{background:#e2e8f0}.rank-row:nth-child(3) .rank-no{background:#fed7aa;color:#9a3412}@media(max-width:991px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:static;display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e5e7eb}.sidebar a{white-space:nowrap}.sidebar .text-muted{display:none}.content{padding:16px}.cta-public{display:block}.cta-public .btn{margin-top:18px;width:100%}}