:root{--sci: #42a5f5;--tech: #7e57c2;--eng: #ef6c00;--math: #43a047;--gold: #ffca28;--bg-sky: #e1f5fe;--card: #ffffff;--ink: #37474f;--radius-lg: 24px;--radius-md: 16px;--shadow-pop: 0 8px 24px rgba(55, 71, 79, .18);font-family:Comic Sans MS,"Baloo 2",Segoe UI,Arial Rounded,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,var(--bg-sky),#fff);color:var(--ink)}.btn-pop{border:none;border-radius:999px;padding:12px 26px;background:linear-gradient(180deg,#ffd54f,#ffb300);color:#5d4037;font-weight:800;font-size:1.05rem;letter-spacing:.5px;box-shadow:0 6px #d99f00;cursor:pointer;transition:transform .08s}.btn-pop:active{transform:translateY(6px);box-shadow:0 0 #d99f00}.btn-pop:disabled{filter:grayscale(.7);cursor:not-allowed}.question-card{background:var(--card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-pop);max-width:720px;margin:0 auto}.subject-tile{border-radius:var(--radius-lg);color:#fff;padding:26px;font-weight:900;font-size:1.3rem;cursor:pointer;text-align:center;box-shadow:var(--shadow-pop);transition:transform .12s}.subject-tile:hover{transform:translateY(-6px) rotate(-2deg)}.hud{position:absolute;top:14px;right:18px;display:flex;gap:10px;align-items:center}.xp-chip{background:linear-gradient(180deg,#ffe082,#ffd54f);border-radius:999px;padding:8px 18px;font-weight:900;box-shadow:var(--shadow-pop)}.mascot{display:inline-flex;filter:drop-shadow(0 6px 6px rgba(0,0,0,.15))}