/* Today's quiz on the home page (js/daily-quiz.js). */
.fu-quiz{margin:1em 0 1.3em;border:1px solid #40344c;border-left:7px solid var(--lcars-yellow);border-radius:20px 12px 12px 20px;background:linear-gradient(160deg,rgba(255,204,102,.10),rgba(16,13,20,.97) 55%);padding:14px 14px 16px;color:var(--lcars-cream);scroll-margin-top:12px}
.fu-quiz[hidden]{display:none}
.fu-quiz-head{margin-bottom:12px}
.fu-quiz-kicker{display:block;color:var(--lcars-yellow);font:800 .72rem var(--lcars-mono);letter-spacing:.14em;text-transform:uppercase}
.lcars-welcome .prose .fu-quiz-topic, .fu-quiz-modal .fu-quiz-topic{margin:.25em 0 .15em;font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;color:#fff}
.fu-quiz-from{font:700 .78rem var(--lcars-mono);color:var(--lcars-peach);letter-spacing:.04em}
.fu-quiz-card{border-top:1px solid #4a3d56;padding-top:14px}
.fu-quiz-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.fu-quiz-count{font:800 .85rem var(--lcars-mono);color:var(--lcars-violet);letter-spacing:.1em;white-space:nowrap}
.fu-quiz-listen{min-height:40px;padding:0 14px;white-space:nowrap;border-radius:20px;border:1px solid var(--lcars-violet);background:transparent;color:var(--lcars-cream);font:700 .82rem var(--lcars-mono);cursor:pointer}
.fu-quiz-listen[aria-pressed="true"]{background:var(--lcars-violet);color:#120e1f}
.lcars-welcome .prose p.fu-quiz-ask, .fu-quiz-modal p.fu-quiz-ask{margin:0 0 6px;font:700 .95rem var(--lcars-mono);color:var(--lcars-peach)}
.lcars-welcome .prose p.fu-quiz-statement, .fu-quiz-modal p.fu-quiz-statement{margin:0 0 14px;font-family:var(--lcars-serif);font-size:1.04rem;line-height:1.42;color:var(--lcars-cream)}
.fu-quiz-blank{display:inline-block;min-width:4em;border-bottom:3px solid var(--lcars-yellow);font-weight:700;color:#fff}
.fu-quiz-blank.filled{border-bottom-color:var(--lcars-green);color:var(--lcars-green)}
.fu-quiz-options{display:grid;gap:9px}
.fu-quiz-option{min-height:50px;padding:10px 16px;border-radius:25px;border:2px solid var(--lcars-tan);background:rgba(255,204,153,.08);color:var(--lcars-cream);font:700 1rem var(--lcars-display);letter-spacing:.02em;text-align:left;cursor:pointer}
.fu-quiz-option:hover:not(:disabled){background:var(--lcars-tan);color:#120e1f}
.fu-quiz-option:disabled{cursor:default;opacity:.55}
.fu-quiz-option.right{opacity:1;background:var(--lcars-green);border-color:var(--lcars-green);color:#120e1f}
.fu-quiz-option.wrong{opacity:1;background:var(--lcars-salmon);border-color:var(--lcars-salmon);color:#120e1f}
.lcars-welcome .prose p.fu-quiz-verdict, .fu-quiz-modal p.fu-quiz-verdict{margin:12px 0 0;font:800 1rem var(--lcars-mono)}
.lcars-welcome .prose p.fu-quiz-verdict.right, .fu-quiz-modal p.fu-quiz-verdict.right{color:var(--lcars-green)}
.lcars-welcome .prose p.fu-quiz-verdict.wrong, .fu-quiz-modal p.fu-quiz-verdict.wrong{color:var(--lcars-salmon)}
.fu-quiz-next{margin-top:12px;min-height:48px;padding:0 20px;border-radius:24px;border:0;background:var(--lcars-yellow);color:#120e1f;font:800 1rem var(--lcars-display);letter-spacing:.03em;cursor:pointer}
.fu-quiz-score{display:block;font:700 3.2rem/1 var(--lcars-display);color:var(--lcars-yellow);margin-bottom:6px}
.fu-quiz-cta{display:block;margin:14px 0 12px;padding:16px 18px;border-radius:18px;background:#faa81c;color:#120e1f !important;text-decoration:none}
.fu-quiz-cta b{display:block;font:800 1.15rem var(--lcars-display);letter-spacing:.02em}
.fu-quiz-cta span{display:block;margin-top:4px;font-size:.92rem;line-height:1.35}
.fu-quiz-row{display:flex;flex-wrap:wrap;gap:9px}
.fu-quiz-share,.fu-quiz-again{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--lcars-tan);background:transparent;color:var(--lcars-cream);font:700 .9rem var(--lcars-mono);cursor:pointer}
.lcars-welcome .prose p.fu-quiz-next-day, .fu-quiz-modal p.fu-quiz-next-day{margin:12px 0 0;font:600 .8rem var(--lcars-mono);color:var(--lcars-peach)}
.fu-quiz button:focus-visible,.fu-quiz a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fu-quiz-start{display:block;width:100%;padding:14px 18px;border:0;border-radius:18px;background:var(--lcars-yellow);color:#120e1f;text-align:left;cursor:pointer}
.fu-quiz-start b{display:block;font:800 1.2rem var(--lcars-display);letter-spacing:.02em}
.fu-quiz-start span{display:block;margin-top:3px;font:700 .78rem var(--lcars-mono)}

/* Top-strip pill: Daily quiz and Directory share one cell and crossfade. */
.lcars-topstrip .fu-top-rotor{display:inline-grid;flex:none;margin-right:6px}
.fu-rotor-face{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:18px;font-family:inherit;font-weight:800;font-size:14px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;color:#120e1f;opacity:0;pointer-events:none;transition:opacity 1.4s ease}
.fu-rotor-face[hidden]{display:none}
.fu-rotor-face.is-shown{opacity:1;pointer-events:auto}
.fu-rotor-quiz{background:var(--lcars-yellow)}
.fu-rotor-directory{background:#faa81c}
.fu-rotor-face:hover{filter:brightness(1.08)}
.fu-rotor-face:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fu-rotor-face svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:420px){.fu-rotor-face{padding:0 10px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.fu-rotor-face{transition:none}}

/* The quiz in a modal, opened from the pill. */
.fu-quiz-modal{width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;background:transparent;color:var(--lcars-cream);overflow:visible}
.fu-quiz-modal::backdrop{background:rgba(6,4,10,.78)}
.fu-quiz-modal .fu-quiz{margin:0;max-height:calc(100dvh - 24px);overflow:auto;background:#120e18 linear-gradient(160deg,rgba(255,204,102,.12),rgba(16,13,20,.98) 55%);font-family:var(--lcars-serif)}
.fu-quiz-modal .fu-quiz-topic{font-family:var(--lcars-serif);font-weight:600;font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;margin:.2em 0 .1em;color:#fff}
.fu-quiz-close{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;border-radius:20px;border:1px solid var(--lcars-tan);background:#120e18;color:var(--lcars-cream);font-size:1.4rem;line-height:1;cursor:pointer}
.fu-quiz-modal .fu-quiz-head{padding-right:44px}

/* The poll that opens the day, and its live results. */
.lcars-welcome .prose p.fu-poll-brief, .fu-quiz-modal p.fu-poll-brief{margin:14px 0 0;font-family:var(--lcars-serif);font-size:1rem;line-height:1.42;color:var(--lcars-cream)}
.fu-poll .fu-quiz-options{grid-template-columns:1fr 1fr}
.fu-poll-option{text-align:center;line-height:1.15;padding:8px 10px}
.lcars-welcome .prose ul.fu-poll-results, .fu-quiz-modal ul.fu-poll-results{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fu-poll-row{position:relative;display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid #4a3d56;border-radius:14px;overflow:hidden;font:700 .95rem var(--lcars-display);letter-spacing:.02em;color:var(--lcars-cream)}
.fu-poll-row span{position:relative;z-index:1}
.fu-poll-bar{position:absolute;inset:0 auto 0 0;background:rgba(168,138,255,.28);transition:width .8s ease}
.fu-poll-row.is-mine{border-color:var(--lcars-yellow)}
.fu-poll-row.is-mine .fu-poll-bar{background:rgba(255,204,102,.38)}
.fu-poll-pct{font-family:var(--lcars-mono);font-weight:800}
.lcars-welcome .prose p.fu-poll-count, .fu-quiz-modal p.fu-poll-count{margin:10px 0 0;font:600 .8rem var(--lcars-mono);color:var(--lcars-peach)}
.fu-poll-change{padding:0;border:0;background:none;color:var(--lcars-yellow);font:inherit;text-decoration:underline;cursor:pointer}
.fu-poll-next{margin-top:16px;padding-top:14px;border-top:1px solid #4a3d56}
.fu-poll-next .fu-quiz-row{margin-top:10px}
.fu-quiz-row a.fu-quiz-share{display:inline-flex;align-items:center;text-decoration:none}
@media (prefers-reduced-motion:reduce){.fu-poll-bar{transition:none}}
.fu-quiz-row .fu-quiz-share{padding:8px 16px;line-height:1.25;text-align:left}

/* Share a poll or a score. The dialog keeps the UA's top-layer positioning. */
.fu-poll-share{display:block;margin-top:12px;padding:0;border:0;background:none;color:var(--lcars-violet);font:700 .85rem var(--lcars-mono);text-decoration:underline;cursor:pointer}
.fu-poll-share.is-after{width:100%;margin-top:14px;padding:12px 16px;border:1px solid var(--lcars-violet);border-radius:22px;color:var(--lcars-cream);text-decoration:none;text-align:center}
.fu-share-sheet{width:min(520px,calc(100vw - 20px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #40344c;border-radius:20px;background:#120e18;color:var(--lcars-cream);overflow:auto}
.fu-share-sheet::backdrop{background:rgba(6,4,10,.8)}
.fu-share-body{position:relative;padding:16px 16px 18px}
.fu-share-title{margin:4px 52px 12px 0;font:600 1.4rem var(--lcars-serif);color:#fff}
.fu-share-card{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #40344c;background:#0b0810}
.fu-share-text{margin:12px 0 4px;white-space:pre-line;font:1rem/1.42 var(--lcars-serif);color:var(--lcars-cream)}
.fu-share-link{margin:0 0 14px;font:700 .8rem var(--lcars-mono);color:var(--lcars-peach);word-break:break-all}
.fu-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fu-share-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;border:1px solid var(--lcars-tan);border-radius:23px;background:transparent;color:var(--lcars-cream);font:700 .88rem var(--lcars-mono);text-align:center;text-decoration:none;cursor:pointer}
.fu-share-btn.is-primary{grid-column:1/-1;border:0;background:var(--lcars-yellow);color:#120e1f;font:800 1.05rem var(--lcars-display);letter-spacing:.03em}
.fu-share-btn:focus-visible,.fu-poll-share:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* The day's question, and the property behind it as a compact tile. */
.lcars-welcome .prose p.fu-poll-question, .fu-quiz-modal p.fu-poll-question{margin:0 0 12px;font:600 1.18rem/1.3 var(--lcars-serif);color:#fff}
.lcars-welcome .prose p.fu-poll-asked, .fu-quiz-modal p.fu-poll-asked{margin:0 0 10px;font:600 1rem/1.3 var(--lcars-serif);color:var(--lcars-cream)}
.fu-prop-tile{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px 10px 10px;border:1px solid #4a3d56;border-radius:16px;background:rgba(122,144,200,.10);color:var(--lcars-cream) !important;text-decoration:none}
.fu-prop-tile:hover{border-color:var(--lcars-violet);background:rgba(168,138,255,.14)}
.fu-prop-tile:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fu-prop-thumb{flex:none;width:64px;height:64px;border-radius:12px;object-fit:cover;object-position:center;border:1px solid #5a4d66;background:#0b0810}
.fu-prop-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.fu-prop-text small{font:800 .62rem var(--lcars-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lcars-blue)}
.fu-prop-text b{font:700 1.02rem/1.15 var(--lcars-display);letter-spacing:.02em;color:#fff}
.fu-prop-blurb{font:.86rem/1.3 var(--lcars-serif);color:var(--lcars-cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fu-prop-go{font:700 .76rem var(--lcars-mono);color:var(--lcars-yellow)}

/* When the headline is the day's question. */
.lcars-welcome .prose .fu-quiz-head h2.fu-quiz-topic.is-question, .fu-quiz-modal .fu-quiz-topic.is-question{font-size:clamp(1.22rem,5vw,1.6rem);line-height:1.22;margin:.3em 0 0}
@media (max-width:520px){
  .lcars-welcome .prose .fu-quiz-head h2.fu-quiz-topic.is-question{font-size:1.1rem;line-height:1.24;margin-top:.2em}
  .fu-quiz-head:has(.is-question){margin-bottom:8px}
  .fu-quiz-head:has(.is-question) + .fu-quiz-card{padding-top:10px}
}

/* Listen beside the poll's kicker; the poll's spoken reply beside its line. */
.fu-quiz-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fu-quiz-kicker-row .fu-quiz-listen{flex:none}
.fu-poll-next .fu-quiz-bar{align-items:flex-start}
.lcars-welcome .prose .fu-poll-next .fu-quiz-bar p.fu-quiz-ask, .fu-quiz-modal .fu-poll-next .fu-quiz-bar p.fu-quiz-ask{margin:0}

/* The visitor's own poll answer, kept in view through the quiz and the score. */
.fu-poll-mine{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:9px 12px;border:1px solid var(--lcars-yellow);border-radius:14px;background:rgba(255,204,102,.12)}
.fu-poll-mine-text{display:flex;flex-direction:column;min-width:0}
.fu-poll-mine-text small{font:800 .62rem var(--lcars-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lcars-yellow)}
.fu-poll-mine-text b{font:700 1rem/1.2 var(--lcars-display);letter-spacing:.02em;color:#fff}
.fu-poll-mine-text span{font:600 .78rem var(--lcars-mono);color:var(--lcars-peach)}
.fu-poll-mine-go{flex:none;min-height:40px;padding:0 12px;border-radius:20px;border:1px solid var(--lcars-tan);background:transparent;color:var(--lcars-cream);font:700 .8rem var(--lcars-mono);cursor:pointer}
.fu-poll-mine-go:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fu-poll-mine-text{flex:1}
.fu-poll-mine-go{padding:0 14px}
.fu-poll-pct{flex:none;white-space:nowrap}
.fu-poll-label{min-width:0}
