.xrun{background:var(--ground)}.xrun .xbar{z-index:30;background:var(--desk);color:#f3edda;border-bottom:3px solid var(--gold);background-image:radial-gradient(#f7f2e90d 1px,#0000 1.4px);background-size:22px 22px;padding:14px 16px 12px;position:sticky;top:0;box-shadow:0 10px 24px #07271d40}.xrun .xwrap{max-width:880px;margin:0 auto}.xrun .xbar h1{font-family:var(--serif);font-size:21px;font-weight:800;line-height:1.35}.xrun .xsub{color:#d9cfb0;margin-top:2px;font-size:13.5px}.xrun .xrow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.xrun .xchip{background:#ffffff1a;border:1.5px solid #f3edda66;border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:700}.xrun .xchip.xtimer{background:var(--cream);color:var(--desk);border-color:var(--cream);text-align:center;min-width:104px;font-size:16.5px}.xrun .xchip.xtimer.low{color:#b91c1c;background:#fee2e2;border-color:#fee2e2}.xrun .xpbar{background:#ffffff2e;border-radius:99px;height:8px;margin-top:9px;overflow:hidden}.xrun .xpfill{background:var(--gold);width:0%;height:100%;transition:width .3s}.xrun .xmain{max-width:880px;margin:0 auto;padding:20px 14px 8px}.xrun .xinfo,.xrun .xresult{background:var(--paper);border:1.5px solid var(--line);border-radius:6px;margin-bottom:14px;padding:16px;box-shadow:0 8px 20px #1e2a261a}.xrun .xinfo label{margin-bottom:6px;font-size:15px;font-weight:700;display:block}.xrun .xinfo input{border:1.5px solid var(--line);background:var(--cream);width:100%;color:var(--ink);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:16.5px}.xrun .xrules{color:var(--ink2);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13.5px;display:flex}.xrun .xrules b{color:var(--ink)}.xrun .xpalette{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.xrun .xpal{border:1.5px solid var(--line);background:var(--cream);cursor:pointer;width:38px;height:38px;color:var(--ink);border-radius:6px;font-family:inherit;font-size:15px;font-weight:700}.xrun .xpal.done{background:var(--green);color:#fff;border-color:var(--green)}.xrun .xpal.right{color:#fff;background:#15803d;border-color:#15803d}.xrun .xpal.wrong{background:var(--red);color:#fff;border-color:var(--red)}.xrun .xstem{background:var(--paper2);border:1.5px dashed var(--golddeep);border-radius:6px;margin-bottom:14px;padding:14px 16px}.xrun .xstem-k{font-family:var(--hand);color:var(--red);font-size:17px}.xrun .xstem-t{font-family:var(--serif);font-size:21px;font-weight:800;line-height:1.4}.xrun .xstem-d{color:var(--ink2);margin-top:2px;font-size:14.5px}.xrun .xqcard{background:var(--paper);border:1.5px solid var(--line);border-radius:6px;margin-bottom:12px;padding:16px;box-shadow:0 8px 20px #1e2a2614}.xrun .xqhead{align-items:flex-start;gap:9px;display:flex}.xrun .xqno{background:var(--green);color:#fff;border-radius:6px;flex:none;padding:1px 10px;font-size:15px;font-weight:800;line-height:1.6}.xrun .xqtext{padding-top:1px;font-size:17.5px;font-weight:700;line-height:1.5}.xrun .xopts{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.xrun .xopt{text-align:left;border:1.5px solid var(--line);background:var(--cream);cursor:pointer;width:100%;color:var(--ink);border-radius:6px;align-items:center;gap:9px;padding:11px 13px;font-family:inherit;font-size:16px;display:flex}.xrun .xopt .xol{color:var(--green);flex:none;font-weight:800}.xrun .xopt.sel{border-color:var(--green);background:var(--goldsoft);font-weight:700}.xrun .xopt.correct{background:#dcfce7;border-color:#15803d;font-weight:700}.xrun .xopt.wrongpick{border-color:var(--red);background:#fee2e2;font-weight:700}.xrun .xopt:disabled{cursor:default;opacity:1}.xrun .xclear{color:var(--ink2);cursor:pointer;background:0 0;border:none;margin-top:9px;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}.xrun .xexp{background:#fffbeb;border:1.5px solid #fde68a;border-radius:6px;margin-top:11px;padding:10px 12px;font-size:15px;line-height:1.7;display:none}.xrun .xexp.show{display:block}.xrun .xexp b{color:#15803d}.xrun .xactions{flex-wrap:wrap;gap:10px;margin:18px 0 6px;display:flex}.xrun .xbtn{cursor:pointer;border:none;border-radius:6px;flex:1;min-width:150px;padding:13px;font-family:inherit;font-size:16.5px;font-weight:800}.xrun .xsubmit{background:var(--gold);color:#23180a;box-shadow:4px 4px 0 var(--ink)}.xrun .xwa{color:#08360f;background:#25d366}.xrun .xretake{background:var(--cream);color:var(--green);border:2px solid var(--green)}.xrun .xprint{background:var(--paper2);color:var(--ink);border:1.5px solid var(--line)}.xrun .xresult{display:none}.xrun .xresult.show{display:block}.xrun .xscore{font-family:var(--serif);color:var(--green);font-size:42px;font-weight:800;line-height:1.15}.xrun .xrgrid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-top:12px;display:grid}.xrun .xrcell{background:var(--cream);border:1.5px solid var(--line);text-align:center;border-radius:6px;padding:9px}.xrun .xrcell .v{font-size:21px;font-weight:800;line-height:1.3}.xrun .xrcell .k{color:var(--ink2);font-size:12.5px;line-height:1.45}.xrun .xpass{color:#15803d;font-weight:800}.xrun .xfail{color:var(--red);font-weight:800}@media (width<=640px){.xrun .xopts{grid-template-columns:1fr}.xrun .xbar h1{font-size:18.5px}.xrun .xscore{font-size:36px}}@media print{.xrun .xbar,.xrun .xactions,.xrun .xclear,.xrun .xpalette{display:none!important}.xrun{background:#fff}.xrun .xqcard,.xrun .xinfo{break-inside:avoid}}
