.ac-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px;padding:22px 24px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#1e3a8a,#4338ca 55%,#7c3aed);box-shadow:0 10px 30px #4338ca40}.ac-heroctl{display:flex;align-items:flex-end;gap:12px}.ac-heroctl label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;opacity:.9;display:flex;flex-direction:column;gap:5px;color:#fff}.ac-heroctl select{padding:9px 12px;border-radius:10px;border:none;background:#ffffff2e;color:#fff;font-weight:700;font-size:14px}.ac-heroctl select option{color:#111}.ac-sound{background:#ffffff2e;border:none;color:#fff;width:40px;height:40px;border-radius:10px;font-size:18px;cursor:pointer}.ac-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.ac-mode{position:relative;text-align:left;padding:16px 16px 30px;border-radius:16px;border:2px solid var(--line);background:var(--panel);cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:transform .1s,border-color .12s,box-shadow .12s}.ac-mode:hover{transform:translateY(-3px);box-shadow:0 8px 22px #102a431a}.ac-mode.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.ac-mode .ac-mi{font-size:26px}.ac-mode b{color:var(--ink);font-size:16px}.ac-mode .ac-ms{color:var(--muted);font-size:12.5px}.ac-mode .ac-best{position:absolute;bottom:10px;left:16px;font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.4px}.ac-hud{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.ac-stat{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:7px 16px;min-width:74px}.ac-stat .l{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.ac-stat .v{font-size:20px;font-weight:800;color:var(--ink);line-height:1.15}.ac-stat.combo{background:linear-gradient(120deg,#fff7ed,bisque);border-color:#f6c177}.ac-stat.combo .v{color:#b45309}.ac-tbar{flex:1;min-width:150px;height:14px;border-radius:9px;background:var(--line);overflow:hidden}.ac-tbar>span{display:block;height:100%;width:100%;transition:width 1s linear,background-color .4s;background:var(--green-fg)}.ac-qcard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 20px #102a430f}.ac-stem{font-weight:700;font-size:17px;color:var(--ink);margin-bottom:16px;line-height:1.4}.ac-opt{position:relative;display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:var(--field);color:var(--text);margin-bottom:10px;cursor:pointer;font-size:15px;line-height:1.4;transition:transform .08s,border-color .12s,box-shadow .12s,background-color .12s}.ac-opt:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 14px #2563eb21}.ac-opt .lb{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--blue-bg);color:var(--accent);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}.ac-opt.good{border-color:var(--green-fg);background:var(--green-bg);animation:acpop .32s}.ac-opt.good .lb{background:var(--green-fg);color:#fff}.ac-opt.bad{border-color:var(--red-fg,#DC2626);background:var(--red-bg,#FEF2F2);animation:acshake .34s}.ac-opt.bad .lb{background:var(--red-fg,#DC2626);color:#fff}.ac-opt.dim{opacity:.5}@keyframes acpop{0%{transform:scale(1)}40%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes acshake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.ac-float{position:fixed;pointer-events:none;font-weight:900;font-size:22px;color:var(--green-fg);z-index:50;animation:acfloat .9s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes acfloat{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1}to{opacity:0;transform:translateY(-46px) scale(1.1)}}.ac-matchhint{color:var(--muted);font-size:13px;margin:0 0 12px}.ac-match{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.ac-mhead{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px}.ac-mcol{display:flex;flex-direction:column;gap:10px}.ac-mtile{text-align:left;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-size:13.5px;line-height:1.4;transition:transform .08s,border-color .12s,box-shadow .12s,background-color .12s}.ac-mtile:hover{border-color:var(--accent);transform:translateY(-1px)}.ac-mtile.term{font-weight:700}.ac-mtile.sel{border-color:var(--accent);background:var(--blue-bg);box-shadow:0 0 0 2px var(--accent) inset}.ac-mtile.done{background:var(--green-bg);border-color:var(--green-fg);color:var(--green-fg);cursor:default;animation:acpop .3s}.ac-mtile.miss{animation:acshake .34s;border-color:var(--red-fg,#DC2626)}.ac-result{max-width:480px;margin:0 auto;text-align:center;border-radius:20px;padding:28px;color:#fff;background:linear-gradient(150deg,#4338ca,#7c3aed);box-shadow:0 14px 40px #4338ca4d}.ac-result .big{font-size:52px;font-weight:900;line-height:1}.ac-result .sub{opacity:.92;margin:6px 0 4px}.ac-result .newbest{display:inline-block;margin:8px 0;background:#fde68a;color:#92400e;font-weight:800;padding:4px 12px;border-radius:20px;font-size:13px}.ac-result .btn{background:#fff;color:#4338ca;border:none}.ac-dots{display:flex;gap:6px;justify-content:center;margin:10px 0}.ac-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff59;display:inline-block}.ac-dots i.on{background:#fff}.ac-dots i.miss{background:#fca5a5}@media (max-width:700px){.ac-modes{grid-template-columns:1fr}}