:root{--bg: #0a0b14;--bg-2: #11131f;--panel: rgba(23, 26, 40, .72);--panel-border: rgba(255, 255, 255, .08);--text: #eef0f8;--muted: #9aa0b4;--accent: #7c5cff;--accent-2: #22d3ee;--real: #34d399;--fake: #fb7185;--radius: 18px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.85em;background:#ffffff0f;padding:.1em .4em;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.85rem}.grad-text{background:linear-gradient(100deg,var(--accent) 10%,var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.app{position:relative;min-height:100%;display:flex;flex-direction:column;padding:22px clamp(16px,5vw,48px) 28px;overflow:hidden}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 55% at 15% 0%,rgba(124,92,255,.28),transparent 60%),radial-gradient(55% 50% at 100% 20%,rgba(34,211,238,.2),transparent 55%),radial-gradient(45% 45% at 50% 110%,rgba(251,113,133,.16),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2))}.app__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.logo{font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.logo__mark{color:var(--accent-2);margin-right:4px}.logo__accent{color:var(--accent)}.app__tag{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.18em}.app__main{flex:1;display:grid;place-items:center;padding:32px 0}.app__footer{text-align:center}.panel{width:min(680px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(24px,4vw,44px);animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.panel--centered{display:grid;place-items:center;gap:12px;text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--accent-2);margin:0 0 10px;font-weight:600}.start__title{font-size:clamp(2.1rem,6vw,3.1rem);line-height:1.05;margin:0 0 14px;letter-spacing:-.03em}.start__lede{color:var(--muted);margin:0 0 24px;max-width:54ch}.modality-list{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.modality{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff08}.modality__icon{font-size:1.3rem}.modality__label{font-weight:600;flex:1}.modality__badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:999px}.modality--ready .modality__badge{background:#34d39929;color:var(--real)}.modality--soon{opacity:.55}.modality--soon .modality__badge{background:#ffffff14;color:var(--muted)}.start__note{margin:12px 0 0}.btn{font:inherit;font-weight:600;color:var(--text);border:1px solid var(--panel-border);background:#ffffff0d;border-radius:12px;padding:12px 20px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--lg{padding:15px 26px;font-size:1.05rem}.btn--primary{background:linear-gradient(100deg,var(--accent),#9b7bff);border-color:transparent;box-shadow:0 12px 30px -10px #7c5cffb3}.btn--primary:hover{box-shadow:0 18px 40px -12px #7c5cffe6}.btn--ghost{background:transparent}.btn__emoji{margin-right:6px}.game{display:flex;flex-direction:column;gap:20px}.game__topbar{display:flex;flex-direction:column;gap:16px}.progress-group{display:flex;flex-direction:column;gap:6px}.progress-group__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;font-weight:600}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot--overall{background:var(--accent-2)}.dot--modality{background:var(--accent)}.progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress--overall{height:10px}.progress--overall .progress__bar{background:linear-gradient(90deg,var(--accent-2),#6ee7ff)}.progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s cubic-bezier(.2,.8,.2,1)}.game__meta{display:flex;align-items:center;gap:10px}.counter{color:var(--muted);font-variant-numeric:tabular-nums}.counter strong{color:var(--text);font-size:1.1rem}.score-pill{font-variant-numeric:tabular-nums;background:#34d39924;color:var(--real);padding:4px 12px;border-radius:999px;font-weight:700;font-size:.9rem}.imagecard{position:relative;margin:0;border-radius:16px;overflow:hidden;border:2px solid transparent;background:#000;aspect-ratio:1 / 1;transition:border-color .3s ease,box-shadow .3s ease}.imagecard__img{display:block;width:100%;height:100%;object-fit:cover;animation:fadein .45s ease both;-webkit-user-select:none;user-select:none}@keyframes fadein{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.imagecard--correct{border-color:var(--real);box-shadow:0 0 0 4px #34d39926}.imagecard--wrong{border-color:var(--fake);box-shadow:0 0 0 4px #fb718526}.imagecard__reveal{position:absolute;left:12px;bottom:12px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .3s ease both}.imagecard__reveal--fake{background:#fb7185e6;color:#2a0713}.imagecard__reveal--real{background:#34d399e6;color:#05261a}.speechcard{position:relative;margin:0;display:flex;align-items:center;gap:18px;padding:22px;border-radius:16px;border:2px solid transparent;background:linear-gradient(120deg,#7c5cff1f,#22d3ee1a);transition:border-color .3s ease,box-shadow .3s ease;animation:fadein .45s ease both}.speechcard--correct{border-color:var(--real);box-shadow:0 0 0 4px #34d39926}.speechcard--wrong{border-color:var(--fake);box-shadow:0 0 0 4px #fb718526}.speechcard--answered{border-color:#ffffff38;box-shadow:0 0 0 4px #ffffff0f}.speechcard__play{flex:0 0 auto;width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 24px -8px #7c5cffcc;display:grid;place-items:center;transition:transform .12s ease}.speechcard__play:hover{transform:scale(1.05)}.speechcard__play:active{transform:scale(.96)}.speechcard__play.is-playing{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 10px 24px -8px #7c5cffcc}50%{box-shadow:0 10px 30px -6px #22d3eee6}}.speechcard__body{flex:1;min-width:0}.waveform{display:flex;align-items:center;gap:3px;height:60px;cursor:pointer}.waveform__bar{flex:1;min-width:2px;border-radius:2px;background:#ffffff29;transition:background .2s ease,transform .2s ease}.waveform__bar.is-active,.speechcard.speechcard--correct .waveform__bar.is-active,.speechcard.speechcard--wrong .waveform__bar.is-active,.speechcard.speechcard--answered .waveform__bar.is-active{background:linear-gradient(180deg,var(--accent-2),var(--accent))}.speechcard__meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.mono{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:6px;background:#ffffff14;color:var(--muted)}.speechcard__reveal{position:absolute;top:12px;right:12px;left:auto;bottom:auto}.feedback__transcript{font-style:italic;color:var(--text);opacity:.85}.game__prompt{text-align:center;font-size:1.15rem;font-weight:600;margin:0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.btn--choice{padding:18px;font-size:1.05rem}.btn--real:hover{background:#34d39929;border-color:var(--real)}.btn--fake:hover{background:#fb718529;border-color:var(--fake)}.feedback{text-align:center;border-radius:14px;padding:18px;border:1px solid var(--panel-border);animation:rise .3s ease both}.feedback--correct{background:#34d3991a;border-color:#34d39966}.feedback--wrong{background:#fb71851a;border-color:#fb718566}.feedback--neutral{background:#ffffff0a;border-color:#ffffff29}.feedback__headline{font-size:1.1rem;margin:0 0 4px}.feedback__detail{margin:0 0 14px;word-break:break-word}.result{text-align:center}.scorering{--pct: 0;width:168px;height:168px;border-radius:50%;margin:8px auto 20px;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--pct) * 1%),rgba(255,255,255,.08) 0);animation:ring .9s ease both}@keyframes ring{0%{transform:scale(.85) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.scorering__inner{width:132px;height:132px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;align-content:center}.scorering__score{font-size:2.6rem;font-weight:800;line-height:1}.scorering__of{font-size:1.1rem;color:var(--muted);font-weight:600}.scorering__pct{color:var(--muted);font-weight:600}.result__title{font-size:2rem;margin:0 0 6px}.result__blurb{margin:0 auto 24px;max-width:46ch}.breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px}.breakdown__item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff08;font-size:.9rem}.breakdown__label{color:var(--muted)}.breakdown__score{font-weight:800;font-variant-numeric:tabular-nums}.review__hint{margin:0 0 10px}.review-group{margin-bottom:18px}.review-group__title{text-align:left;font-weight:700;font-size:.85rem;margin:0 0 8px;color:var(--muted)}.review{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px}.review__cell{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#ffffff0a;cursor:help;outline:none}.review__cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease,filter .25s ease}.review__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.5rem}.review__cell--ok{border-color:var(--real)}.review__cell--no{border-color:var(--fake)}.review__badge{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:800;color:#fff;z-index:2;transition:opacity .2s ease}.review__cell--ok .review__badge{background:var(--real);color:#05261a}.review__cell--no .review__badge{background:var(--fake);color:#2a0713}.review__reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;text-align:center;background:#080910d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transform:scale(1.04);transition:opacity .18s ease,transform .18s ease;z-index:1}.review__cell:hover .review__reveal,.review__cell:focus .review__reveal,.review__cell:focus-within .review__reveal{opacity:1;transform:none}.review__cell:hover .review__badge,.review__cell:focus .review__badge{opacity:0}.review__truth{font-weight:800;font-size:.72rem;line-height:1.1}.review__truth--fake{color:var(--fake)}.review__truth--real{color:var(--real)}.review__yousaid{font-size:.6rem;color:var(--muted);line-height:1.1}.result__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.choices{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}