/* FreeTory quiz */
.ft-quiz{max-width:820px;margin:18px auto}
.ft-quiz>.ft-quiz-intro{display:none}
.ftq-card{padding:clamp(20px,4vw,38px);border-radius:24px;background:linear-gradient(145deg,var(--ft-surface,#1a1625),color-mix(in srgb,var(--ft-accent-2,#ff2e93) 10%,var(--ft-surface,#1a1625)));border:1px solid var(--ft-line,rgba(255,255,255,.12));color:var(--ft-ink,#f4effa);box-shadow:0 22px 60px rgba(0,0,0,.25)}
.ftq-kicker{font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ft-accent,#ffc83d)}
.ftq-card h2{margin:6px 0 10px;font-size:clamp(1.4rem,3.4vw,2.1rem);line-height:1.15;color:inherit}
.ftq-card p{color:var(--ft-muted,#a49bb8);margin:0 0 14px}
.ftq-facts{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}
.ftq-facts li{padding:6px 14px;border-radius:999px;border:1px solid var(--ft-line,rgba(255,255,255,.14));font-size:.88rem;font-weight:600}
.ftq-best{color:var(--ft-accent,#ffc83d)!important;font-weight:700}
.ftq-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;border:1px solid var(--ft-line,rgba(255,255,255,.2));background:var(--ft-surface,#221d31);color:var(--ft-ink,#f4effa);font:inherit;font-weight:800;cursor:pointer;transition:transform .15s}
.ftq-btn:hover:not(:disabled){transform:translateY(-2px)}.ftq-btn:disabled{opacity:.6;cursor:wait}
.ftq-main{border:0;background:var(--ft-grad,linear-gradient(135deg,#ffc83d,#ff2e93));color:var(--ft-on-accent,#1a1020);box-shadow:0 10px 28px rgba(255,46,147,.25)}
.ftq-btn:focus-visible,.ftq-opt:focus-visible{outline:3px solid var(--ft-accent,#ffc83d);outline-offset:2px}
.ftq-top{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:.92rem;margin-bottom:10px;flex-wrap:wrap}
.ftq-count{color:var(--ft-muted,#a49bb8)}.ftq-score{color:var(--ft-accent,#ffc83d)}
.ftq-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--ft-bg,#0d0a14) 70%,transparent);overflow:hidden;margin-bottom:8px}
.ftq-bar i{display:block;height:100%;border-radius:99px;background:var(--ft-grad,linear-gradient(90deg,#ffc83d,#ff2e93));transition:width .4s}
.ftq-bar-lg{height:14px;margin:10px 0 16px}
.ftq-time{height:5px;border-radius:99px;background:color-mix(in srgb,var(--ft-bg,#0d0a14) 70%,transparent);overflow:hidden;margin-bottom:16px}
.ftq-time i{display:block;height:100%;background:#34d399;transition:width .1s linear}.ftq-time i.low{background:#ef4444}
.ftq-q{margin:6px 0 18px!important}
.ftq-opts{display:grid;gap:10px}
.ftq-opt{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:14px 16px;border-radius:16px;border:2px solid var(--ft-line,rgba(255,255,255,.14));background:color-mix(in srgb,var(--ft-bg,#0d0a14) 55%,transparent);color:var(--ft-ink,#f4effa);font:inherit;font-size:1.02rem;cursor:pointer;transition:border-color .15s,transform .15s}
.ftq-opt b{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ft-surface,#221d31);border:1px solid var(--ft-line,rgba(255,255,255,.18))}
.ftq-opt:hover:not(:disabled){border-color:var(--ft-accent,#ffc83d);transform:translateX(3px)}
.ftq-opt:disabled{cursor:default}
.ftq-opt.right{border-color:#34d399;background:color-mix(in srgb,#34d399 18%,transparent)}.ftq-opt.right b{background:#34d399;color:#06281c}
.ftq-opt.wrong{border-color:#ef4444;background:color-mix(in srgb,#ef4444 16%,transparent)}.ftq-opt.wrong b{background:#ef4444;color:#fff}
.ftq-fb{margin-top:16px;display:grid;gap:10px;justify-items:start}
.ftq-verdict{font-weight:800;font-size:1.1rem;margin:0!important}.ftq-verdict.ok{color:#34d399!important}.ftq-verdict.no{color:#fb923c!important}
.ftq-exp{margin:0!important}
.ftq-end{text-align:center}.ftq-end .ftq-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0 14px}
.ftq-big{font-size:clamp(3rem,10vw,5rem);font-weight:900;line-height:1;background:var(--ft-grad,linear-gradient(135deg,#ffc83d,#ff2e93));-webkit-background-clip:text;background-clip:text;color:transparent}
.ftq-more{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.ftq-more a{color:var(--ft-accent,#ffc83d);font-weight:700}
.ftq-msg{color:#fb923c!important;margin:10px 0 0!important}
@media (max-width:560px){.ftq-opt{padding:12px}.ftq-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.ftq-bar i,.ftq-opt,.ftq-btn{transition:none}}

/* leaderboard */
.ftb-card{max-width:820px;margin:18px auto 0;padding:clamp(18px,3.5vw,30px);border-radius:24px;background:var(--ft-surface,#1a1625);border:1px solid var(--ft-line,rgba(255,255,255,.12));color:var(--ft-ink,#f4effa)}
.ftb-card h2{margin:0;font-size:1.35rem;color:inherit}.ftb-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ftb-tabs{display:flex;gap:6px}.ftb-tabs button{padding:6px 14px;border-radius:999px;border:1px solid var(--ft-line,rgba(255,255,255,.18));background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;font-size:.85rem}
.ftb-tabs button.on{background:var(--ft-grad,linear-gradient(135deg,#ffc83d,#ff2e93));color:var(--ft-on-accent,#1a1020);border-color:transparent}
.ftb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftb-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--ft-bg,#0d0a14) 50%,transparent);border:1px solid var(--ft-line,rgba(255,255,255,.1))}
.ftb-rank{font-weight:900;font-size:1.1rem;text-align:center;color:var(--ft-muted,#a49bb8)}
.ftb-top1{border-color:#ffc83d;background:color-mix(in srgb,#ffc83d 14%,transparent)}.ftb-top2{border-color:#cbd5e1}.ftb-top3{border-color:#d97706}
.ftb-who{display:flex;flex-direction:column;min-width:0}.ftb-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ftb-who a{font-size:.8rem;color:var(--ft-accent,#ffc83d);text-decoration:none;font-weight:600}.ftb-who a small{opacity:.7}
.ftb-score{font-weight:700;color:var(--ft-muted,#a49bb8)}.ftb-score b{font-size:1.2rem;color:var(--ft-accent,#ffc83d)}
.ftb-me{outline:2px solid var(--ft-accent,#ffc83d)}
.ftb-empty,.ftb-done{color:var(--ft-muted,#a49bb8);margin:0}.ftb-done{color:#34d399;font-weight:700}
.ftq-join{margin:14px 0}.ftb-form{text-align:left;display:grid;gap:10px;padding:18px;border-radius:18px;border:1px dashed var(--ft-accent,#ffc83d);background:color-mix(in srgb,var(--ft-bg,#0d0a14) 40%,transparent)}
.ftb-form h3{margin:0;font-size:1.1rem;color:inherit}.ftb-hint{margin:0!important;font-size:.9rem}
.ftb-form input[type=text],.ftb-form select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ft-line,rgba(255,255,255,.2));background:var(--ft-bg,#0d0a14);color:var(--ft-ink,#f4effa);font:inherit}
.ftb-row2{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.ftb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ftb-priv{color:var(--ft-muted,#a49bb8);font-size:.78rem}
@media (max-width:560px){.ftb-row2{grid-template-columns:1fr}.ftb-row{grid-template-columns:34px 1fr auto;padding:9px 10px}}

/* instant press feedback */
.ftq-opt{position:relative;overflow:visible}
.ftq-opt:active:not(:disabled){transform:scale(.985)}
.ftq-opt.picked{border-color:var(--ft-accent,#ffc83d);background:color-mix(in srgb,var(--ft-accent,#ffc83d) 20%,transparent);transform:scale(1.015);box-shadow:0 0 0 4px color-mix(in srgb,var(--ft-accent,#ffc83d) 28%,transparent);animation:ftq-pick .35s ease}
.ftq-opt.picked b{background:var(--ft-accent,#ffc83d);color:#111}
.ftq-opt.dim{opacity:.45;transition:opacity .25s}
.ftq-opt.right{animation:ftq-pop .45s ease}
.ftq-opt.wrong{animation:ftq-shake .4s ease}
.ftq-checking{display:flex;align-items:center;gap:10px;margin:12px 0 0;color:var(--ft-muted,#a49bb8);font-weight:600}
.ftq-checking::before{content:"";width:16px;height:16px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:ftq-spin .7s linear infinite}
.ftq-snd{margin-left:auto;background:none;border:1px solid var(--ft-line,rgba(255,255,255,.18));color:var(--ft-muted,#a49bb8);border-radius:99px;padding:3px 11px;font:inherit;font-size:.78rem;cursor:pointer}
.ftq-snd:hover{color:var(--ft-ink,#f4effa)}
.ftq-verdict{animation:ftq-rise .3s ease}
.ftq-spark{position:absolute;left:30px;top:50%;width:8px;height:8px;border-radius:50%;background:hsl(var(--h),90%,60%);pointer-events:none;animation:ftq-fly .7s ease-out forwards}
@keyframes ftq-pick{0%{transform:scale(.97)}60%{transform:scale(1.03)}100%{transform:scale(1.015)}}
@keyframes ftq-pop{0%{transform:scale(1)}40%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes ftq-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes ftq-spin{to{transform:rotate(360deg)}}
@keyframes ftq-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ftq-fly{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.ftq-opt.picked,.ftq-opt.right,.ftq-opt.wrong,.ftq-verdict,.ftq-checking::before{animation:none}.ftq-opt.picked{transform:none}}