.ab-wrap{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex;position:absolute;inset:0}.ab-dots{gap:.35rem;display:flex}.ab-dot{background:#ffffff1f;border-radius:9999px;width:.7rem;height:.7rem}.ab-dot.is-now{box-shadow:0 0 0 2px #fff}.ab-dot.is-me{background:#a78bfa}.ab-dot.is-them{background:#f472b6}.ab-dot.is-none{background:#ffffff4d}.ab-timer{background:#ffffff14;border-radius:9999px;width:100%;height:5px;overflow:hidden}.ab-timer span{background:linear-gradient(90deg,#8b5cf6,#ec4899);height:100%;transition:width .2s linear;display:block}.ab-timer span.is-urgent{background:#ef4444}.ab-answer{justify-content:center;align-items:center;gap:.35rem;min-height:3.4rem;display:flex}.ab-answer.is-bad{animation:.35s ab-shake}@keyframes ab-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ab-slot{color:#fff;border-bottom:3px solid #ffffff40;place-items:center;width:clamp(2.2rem,11vw,3rem);height:clamp(2.6rem,13vw,3.4rem);font-size:1.6rem;font-weight:900;display:grid}.ab-slot.is-filled{cursor:pointer;border-color:#a78bfa}.ab-answer.is-good .ab-slot{color:#6ee7b7;border-color:#34d399}.ab-solved{color:#e2e8f0;background:#ffffff14;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:800;animation:.25s ease-out ab-in;display:inline-flex}.ab-solved.is-good{color:#6ee7b7;background:#10b98133}.ab-solved.is-bad{color:#f9a8d4;background:#f472b62e}@keyframes ab-in{0%{opacity:0;transform:scale(.8)}}.ab-final{color:#fff;font-size:2.4rem;font-weight:900}.ab-note{color:#fda4af;min-height:1rem;font-size:.8rem;font-weight:700}.ab-tiles{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.ab-tile{color:#3b0764;background:linear-gradient(160deg,#fff7ed,#e9d5ff);border-radius:.8rem;width:clamp(2.6rem,12.5vw,3.4rem);height:clamp(2.6rem,12.5vw,3.4rem);font-size:1.5rem;font-weight:900;transition:transform .12s,opacity .12s;animation:.25s ease-out ab-in;box-shadow:inset 0 -4px #581c8740,0 4px 10px #00000059}.ab-tile:active:not(:disabled){transform:scale(.92)}.ab-tile.is-used{opacity:.25;transform:scale(.9)}.ab-tile:disabled{filter:saturate(.5)brightness(.8)}.ab-count{color:#fff;background:#09071a8c;border-radius:1rem;place-items:center;font-size:4.5rem;font-weight:900;display:grid;position:absolute;inset:0}.ab-actions{gap:.5rem;margin-top:.4rem;display:flex}.ab-btn{color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff14;border-radius:.8rem;flex:1;justify-content:center;align-items:center;gap:.35rem;height:2.8rem;font-size:.8rem;font-weight:700;display:inline-flex}.ab-btn:disabled{opacity:.4}.ab-btn.is-on{color:#fde68a;background:#fbbf242e}.ab-review{gap:.25rem;max-height:16rem;margin-top:.4rem;display:grid;overflow-y:auto}.ab-review-row{color:#cbd5e1;background:#ffffff0a;border-radius:.6rem;grid-template-columns:1.4rem 1fr 1fr 3rem;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.78rem;display:grid}.ab-review-row.is-me{background:#a78bfa29}.ab-review-row.is-them{background:#f472b624}.ab-review-n{color:#64748b}.ab-review-letters{letter-spacing:.12em;color:#94a3b8}.ab-review-row b{color:#fff;letter-spacing:.06em}.ab-review-row em{text-align:right;color:#94a3b8;font-style:normal}
