:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#e2e8f0;-webkit-tap-highlight-color:transparent;background:#0f172a;margin:0}.wrap{max-width:560px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:8px 0 4px;font-size:20px}.sub{color:#94a3b8;margin:0 0 20px;font-size:14px}.cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card{text-align:center;cursor:pointer;color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:14px;padding:18px 14px;font-size:16px}.card .emoji{margin-bottom:6px;font-size:32px;display:block}.card:active{background:#273549}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{cursor:pointer;color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:8px 14px;font-size:14px}.pill.on{background:#2563eb;border-color:#2563eb}.pill:active{opacity:.85}.bar{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.bar b{color:#e2e8f0}.lvl{align-items:center;gap:8px;display:flex}.lvl button{color:#fff;cursor:pointer;background:#334155;border:1px solid #334155;border-radius:8px;width:34px;height:34px;font-size:18px}.q{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:16px;margin-bottom:16px;padding:24px 16px}.qlabel{color:#94a3b8;margin:0 0 10px;font-size:14px}.prompt{color:#f8fafc;font-size:40px;font-weight:700}.opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.opt{color:#e2e8f0;cursor:pointer;background:#1e293b;border:2px solid #334155;border-radius:14px;padding:20px;font-size:26px;font-weight:600}.opt:active{background:#273549}.opt.correct{color:#fff;background:#166534;border-color:#22c55e}.opt.wrong{color:#fff;background:#7f1d1d;border-color:#ef4444}.opt.muted{opacity:.55}.opt:disabled{cursor:default}.rewardrow{align-items:center;gap:10px;margin-bottom:12px;display:flex}.rewardlabel{color:#94a3b8;min-width:96px;font-size:13px}.barwrap{flex:1;gap:4px;display:flex}.seg{background:#1e293b;border:1px solid #334155;border-radius:4px;flex:1;height:16px;transition:background .15s}.seg.on{background:#22c55e;border-color:#22c55e}.seg.done{background:#f59e0b;border-color:#f59e0b}.lvlmsg{color:#fbbf24;font-weight:600}.feedback{text-align:center;margin:16px 0;font-size:16px}.feedback .eq{color:#f8fafc;font-weight:600}.next{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:16px;font-size:18px;font-weight:600}.back{color:#60a5fa;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:14px}