:root{--accent: #f2b134;--bg: #14161c;--panel: #1d212b;--panel2: #262b38;--ink: #eef1f6;--muted: #9aa3b2;--ok: #5ad17e;--bad: #ef5d6b;--cpu: #6aa0ff}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#1c2030,var(--bg));color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}.qf-wrap{max-width:720px;margin:0 auto;padding:18px 16px 40px}.qf-head h1{margin:6px 0 2px;font-size:34px;letter-spacing:4px;color:var(--accent);text-shadow:0 2px 18px rgba(242,177,52,.35)}.qf-sub{margin:0 0 14px;color:var(--muted);font-size:14px}.qf-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.seg{display:inline-flex;background:var(--panel);border:1px solid #2c3242;border-radius:10px;overflow:hidden}.seg button{background:transparent;border:0;color:var(--muted);padding:8px 12px;font-size:13px;cursor:pointer}.seg button.active{background:var(--panel2);color:var(--ink)}.seg button:hover{color:var(--ink)}button.primary{background:var(--accent);color:#1a1402;border:0;border-radius:10px;padding:9px 16px;font-weight:700;cursor:pointer}button.primary:hover{filter:brightness(1.08)}.qf-rope{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:8px 0 14px}.qf-rope .side{font-size:12px;font-weight:800;letter-spacing:1px}.qf-rope .side.cpu{color:var(--cpu)}.qf-rope .side.you{color:var(--accent)}.track{position:relative;height:26px;border-radius:14px;background:linear-gradient(90deg,#6aa0ff33,#f2b13433);border:1px solid #2c3242;overflow:hidden}.track .center{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffffff40}.marker{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff26,0 2px 8px #00000080;transition:left .12s linear,background .12s}.marker.winning{background:var(--accent)}.marker.losing{background:var(--cpu)}.qf-stats{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px;margin-bottom:14px}.qf-stats b{color:var(--ink)}.qf-prompt{background:var(--panel);border:1px solid #2c3242;border-radius:14px;padding:26px 16px;text-align:center;font-size:40px;font-weight:700;letter-spacing:1px}.qf-prompt .eqq{color:var(--muted)}.qf-answer{text-align:center;font-size:32px;font-weight:800;min-height:40px;letter-spacing:2px;color:var(--accent);padding:8px 0 0}.qf-feedback{text-align:center;min-height:20px;font-size:13px;color:var(--muted);margin-bottom:10px}.qf-feedback.ok{color:var(--ok)}.qf-feedback.bad{color:var(--bad)}.qf-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:0 auto}.qf-pad button{background:var(--panel2);border:1px solid #313748;color:var(--ink);border-radius:12px;padding:16px 0;font-size:20px;font-weight:700;cursor:pointer}.qf-pad button:hover{background:#2f3545}.qf-pad button:active{transform:translateY(1px)}.qf-pad button.enter{grid-column:span 3;background:var(--accent);color:#1a1402;border:0}.qf-pad button.erase{color:var(--bad)}.qf-pad button.neg{color:var(--muted)}.qf-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080a0fb8;z-index:10}.qf-overlay.hidden{display:none}.qf-overlay .card{background:var(--panel);border:1px solid #2c3242;border-radius:16px;padding:26px 28px;text-align:center;max-width:380px;box-shadow:0 20px 60px #00000080}.qf-overlay.won .card{border-color:var(--accent)}.qf-overlay.lost .card{border-color:var(--cpu)}.qf-overlay h2{margin:0 0 10px}.qf-overlay p{color:var(--muted);line-height:1.6;margin:0 0 18px}.qf-overlay p b{color:var(--ink)}