:root{--af-test-ink:#171a2b;--af-test-line:#e3e2ee;--af-test-violet:#6d43f3}
.af3Root{position:fixed;inset:0;z-index:12000;pointer-events:none;font-family:inherit;color:var(--af-test-ink)}
.af3Root:not(.af3Open){display:none}
.af3Panel{pointer-events:auto;background:#fff}
.af3Backdrop{display:none;position:absolute;inset:0;background:rgba(12,16,37,.56);backdrop-filter:blur(4px);pointer-events:auto}
.af3Start .af3Backdrop,.af3Results .af3Backdrop{display:block}
.af3Start .af3Panel,.af3Results .af3Panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(780px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--af-test-line);border-radius:22px;box-shadow:0 28px 90px rgba(24,20,52,.34)}
.af3Hero{position:relative;padding:25px 28px 20px;background:linear-gradient(135deg,#fff6ef,#fff 48%,#f6f0ff);border-bottom:1px solid #ebeaf2}
.af3Kicker{font-size:10px;letter-spacing:.14em;font-weight:950;color:#767b94}.af3Hero h2{margin:8px 46px 5px 0;font-size:30px;line-height:1.06;letter-spacing:-.035em}.af3Hero p{margin:0;color:#666b82;font-size:13px;line-height:1.5}
.af3Close{position:absolute;right:15px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#fff;color:#62677e;font-size:24px;box-shadow:0 2px 12px rgba(33,35,62,.08)}
.af3Rules{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 28px 6px}.af3Rules>div{display:flex;gap:10px;padding:12px;border:1px solid #ecebf3;border-radius:13px;background:#fbfbfd}.af3Rules>div>b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#22243a;color:#fff;font-size:10px}.af3Rules span{display:flex;flex-direction:column;gap:3px}.af3Rules strong{font-size:12px}.af3Rules small{font-size:11px;line-height:1.4;color:#85899d}
.af3Field{display:block;margin:13px 28px 10px;font-size:11px;font-weight:900;color:#555a72}.af3Field span{font-weight:600;color:#9a9db0}.af3Field input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #dcddea;border-radius:11px;font:inherit;font-size:13px}
.af3Primary{border:0;border-radius:12px;background:linear-gradient(100deg,#6d43f3,#8a4df4 55%,#e44e9b);color:#fff;font-weight:950;letter-spacing:.03em;box-shadow:0 8px 24px rgba(111,67,245,.22)}
.af3Big{display:block;width:calc(100% - 56px);margin:12px 28px 22px;padding:14px}.af3Preparing{display:flex;flex-direction:column;gap:5px;padding:42px;text-align:center}.af3Preparing strong{font-size:20px}.af3Preparing span{font-size:11px;color:#7e8297}
.af3Recent{margin:0 28px 24px;border:1px solid #ecebf3;border-radius:13px;overflow:hidden}.af3SectionHead{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8f8fb;border-bottom:1px solid #ecebf3;font-size:11px}
.af3Race{inset:auto 0 auto 0;top:56px;height:174px}.af3Race .af3Panel{position:absolute;inset:0;border:0;border-radius:0;box-shadow:0 10px 28px rgba(30,31,56,.12);overflow:hidden}.af3RaceBar{height:174px;display:grid;grid-template-columns:128px minmax(500px,1fr) 280px 112px;align-items:stretch;background:#fff;border-bottom:1px solid #deddea}
.af3Meta{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border-right:1px solid #e8e7ef;background:linear-gradient(180deg,#fcfcfe,#f7f6fb)}.af3Meta>span{font-size:9px;font-weight:950;letter-spacing:.08em;color:#777c94}.af3Meta>strong{font-size:29px;line-height:1;margin:4px 0 5px;letter-spacing:-.04em}.af3Meta small{font-size:10px;color:#888ca0;white-space:nowrap}.af3MetaDealer{margin-top:7px;white-space:normal!important;line-height:1.25}
.af3RaceBody{position:relative;min-width:0;padding:10px 14px}.af3Paused{display:none;position:absolute;inset:10px 14px;z-index:4;border:2px solid #d8d8e6;border-radius:14px;background:#f7f7fb;align-items:center;justify-content:center;flex-direction:column;text-align:center}.af3Paused strong{font-size:22px;letter-spacing:.1em}.af3Paused span{margin-top:4px;font-size:11px;color:#84889c}.af3RaceBar.isPaused .af3Paused{display:flex}.af3RaceBar.isPaused .af3QuestionCard,.af3RaceBar.isPaused .af3SwitchCard{visibility:hidden}
.af3QuestionCard,.af3SwitchCard{height:154px;border:2px solid #d9d5eb;border-radius:14px;background:linear-gradient(180deg,#fff,#fcfbff);box-shadow:0 3px 12px rgba(63,48,111,.05);overflow:hidden}.af3QuestionTop{border-bottom:1px solid #e7e4f0}.af3Section{padding:8px 12px}.af3Section span,.af3QuestionSection>span,.af3SwitchCard span{display:block;font-size:9px;font-weight:950;letter-spacing:.11em;color:#7c8198}.af3DealerSection{background:#faf9ff}.af3DealerSection strong{display:block;margin-top:2px;font-size:13px;color:#272a40}.af3QuestionSection{padding:10px 12px;border-left:5px solid #ff6c59}.af3QuestionSection h3{margin:4px 0 0;font-size:19px;line-height:1.22;letter-spacing:-.025em}
.af3SwitchCard{display:grid;grid-template-columns:180px 1fr;border-color:#f0b969;background:linear-gradient(100deg,#fff8e9,#fff 48%,#f8f3ff)}.af3SwitchFlag{display:grid;place-items:center;padding:14px;text-align:center;background:linear-gradient(135deg,#ff8458,#ef5d79);color:#fff;font-size:12px;font-weight:950;letter-spacing:.08em}.af3SwitchCard>div:last-child{display:flex;justify-content:center;flex-direction:column;padding:10px 15px}.af3SwitchCard strong{font-size:18px;margin:2px 0}.af3SwitchCard small{font-size:11px;color:#73788f}.af3SwitchActions{display:flex;gap:7px;margin-top:9px}.af3SwitchActions button{height:30px;padding:0 11px;border-radius:8px;border:1px solid #d9d5e9;background:#fff;color:#312e55;font-size:10px;font-weight:950}.af3SwitchError{margin-top:5px;color:#b43f36;font-size:10px;font-weight:850}
.af3Answers{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:43px;gap:7px;align-content:center;padding:12px;border-left:1px solid #ecebf2}.af3Answers button{border:1px solid #d9dbe6;background:#fff;color:#202339;border-radius:10px;font-size:12px;font-weight:950}.af3Answers button.isSelected{background:#26283d;color:#fff;border-color:#26283d}.af3Answers .af3Next{grid-column:1/-1;background:#f2efff;color:#6e45df;border-color:#ddd4f7}.af3Answers .af3Next:disabled{background:#f3f3f7;color:#c4c6d1;border-color:#eeeef3}
.af3Controls{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px 10px;border-left:1px solid #ecebf2;background:#fafafd}.af3Controls button{height:38px;border:1px solid #dcdde7;background:#fff;color:#33364c;border-radius:9px;font-size:11px;font-weight:950}.af3Controls button:last-child{color:#9e3d39}
body.af3RaceActive .app{padding-top:188px}
.af3Metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 22px}.af3Metrics>div{padding:11px;border:1px solid #ecebf3;border-radius:12px;background:#fbfbfd}.af3Metrics span,.af3Metrics small{display:block}.af3Metrics span{font-size:9px;font-weight:950;color:#7d8197;text-transform:uppercase;letter-spacing:.06em}.af3Metrics strong{display:block;margin:4px 0 2px;font-size:22px}.af3Metrics small{font-size:10px;color:#9a9daf}
.af3Leaderboard,.af3Review{margin:0 22px 16px;border:1px solid #ecebf3;border-radius:13px;overflow:hidden}.af3Leaderboard>div:not(.af3SectionHead){display:grid;grid-template-columns:42px 1.4fr 1fr .6fr .6fr;gap:8px;padding:9px 12px;border-top:1px solid #efeff4;font-size:11px}.af3Review details{border-top:1px solid #ecebf3}.af3Review summary{display:grid;grid-template-columns:34px 1.2fr .8fr .7fr;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;font-size:11px}.af3Review details.isRight summary em{color:#27714d}.af3Review details.isWrong summary em{color:#ad4039}.af3Review summary em{font-style:normal;font-weight:950}.af3Review details>div{padding:0 12px 12px 54px}.af3Review h4{margin:0 0 5px;font-size:12px}.af3Review p{font-size:11px;color:#666b80}.af3Review section{margin-top:8px;padding:9px 10px;border-radius:9px;background:#f8f7fb;border-left:4px solid #7c4df0}.af3Review section span{font-size:9px;font-weight:950;letter-spacing:.09em;color:#777c93}.af3Review pre{white-space:pre-wrap;margin:4px 0 0;font:11px/1.45 inherit;color:#3c4056}
.af3ResultActions{display:flex;gap:8px;padding:0 22px 22px}.af3ResultActions button{flex:1;padding:11px;border-radius:11px;font-size:11px;font-weight:950}.af3ResultActions button:not(.af3Primary){border:1px solid #dcdeea;background:#fff;color:#555a72}
.af3Empty{padding:18px;text-align:center;color:#888ca1}
@media(max-width:1100px){.af3RaceBar{grid-template-columns:112px minmax(430px,1fr) 235px 100px}.af3QuestionSection h3{font-size:17px}.af3SwitchCard{grid-template-columns:150px 1fr}}