:root{color-scheme:dark;--black: #030405;--ink: #f8fff1;--muted: #b9c5b0;--panel: #101510;--panel-strong: #182016;--line: #f1ff66;--accent: #f6ff00;--accent-2: #00ffd0;--danger: #ff5a3d;--success: #72ff6a;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow: 0 18px 50px rgba(0, 0, 0, .55);font-family:Optimistic Iris,Noto Sans,Roboto,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:linear-gradient(135deg,rgba(246,255,0,.18) 0 18%,transparent 18% 100%),radial-gradient(circle at 82% 12%,rgba(0,255,208,.22),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 20px),var(--black);color:var(--ink);overscroll-behavior:none}body{display:grid;place-items:center}button{border:0;border-radius:var(--radius-md);color:inherit;font:inherit;letter-spacing:0;touch-action:manipulation}button:focus-visible{outline:4px solid var(--accent-2);outline-offset:4px}.app-root{width:min(600px,100vw);height:min(600px,100vh);overflow:hidden}.app-shell{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 38%),linear-gradient(135deg,var(--panel),var(--black) 58%,#151200);border:6px solid var(--ink);border-radius:26px;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none}.app-shell:before{position:absolute;inset:18px;z-index:-1;content:"";border:2px solid rgba(246,255,0,.38);border-radius:var(--radius-lg)}.menu-screen,.question-screen,.feedback-screen,.source-screen,.summary-screen{display:grid;height:100%;padding:28px;gap:14px;overflow:hidden}.menu-screen>*,.question-screen>*,.feedback-screen>*,.source-screen>*,.summary-screen>*{min-width:0;min-height:0}.splash-screen{display:grid;width:100%;height:100%;padding:44px;place-items:center;align-content:center;gap:14px;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,rgba(0,255,208,.08),transparent 45%),transparent;color:var(--ink);text-align:center}.menu-screen{grid-template-rows:auto minmax(0,1fr) auto}.summary-screen{grid-template-rows:auto minmax(96px,auto) auto minmax(0,1fr) auto}.question-screen{grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr)}.feedback-screen{grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:10px 14px}.source-screen{grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.question-screen .hud,.question-screen .answer-carousel,.feedback-screen .hud,.feedback-screen .feedback-line,.feedback-screen .correct-line,.feedback-screen .feedback-actions{grid-column:1 / -1}.question-screen .hud,.feedback-screen .hud{grid-row:1}.question-screen .crow-image{grid-column:1;grid-row:2 / 4}.question-screen .question-meta{grid-column:2;grid-row:2;align-self:end}.question-screen .question-prompt{grid-column:2;grid-row:3}.question-screen .answer-carousel{grid-row:4}.feedback-screen .feedback-image{grid-column:1;grid-row:2 / 4}.feedback-screen .verdict{grid-column:2;grid-row:2;align-self:end}.feedback-screen .answer-line{grid-column:2;grid-row:3}.feedback-screen .feedback-line{grid-row:4}.feedback-screen .correct-line{grid-row:5}.feedback-screen .feedback-actions{grid-row:6}.eyebrow,.question-meta,.verdict,.lede,.answer-line,.feedback-line,.correct-line,.splash-kicker,.splash-subtitle,.menu-help,.selection-prompt{margin:0}.eyebrow{width:max-content;padding:6px 10px;border-radius:var(--radius-sm);background:var(--accent);color:var(--black);font-size:18px;font-weight:900;text-transform:uppercase}.title{margin:0;font-size:42px;line-height:1.02;font-weight:900;letter-spacing:0;text-transform:uppercase}.lede{max-width:500px;color:var(--muted);font-size:21px;line-height:1.22}.splash-mark{width:150px;height:150px;filter:drop-shadow(0 0 26px rgba(246,255,0,.22))}.splash-kicker,.menu-help,.selection-prompt{color:var(--accent-2);font-size:15px;font-weight:900;text-transform:uppercase}.splash-title,.menu-title,.source-title,.summary-title{margin:0;font-weight:900;line-height:1;text-transform:uppercase}.splash-title{font-size:64px}.splash-subtitle{color:var(--muted);font-size:22px;font-weight:800}.splash-prompt{margin-top:14px;padding:12px 18px;border:3px solid var(--accent);border-radius:var(--radius-md);background:#000;color:var(--accent);font-size:17px;font-weight:900;text-transform:uppercase}.menu-heading,.source-heading,.summary-heading{display:grid;gap:7px}.menu-title,.source-title,.summary-title{font-size:34px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.mode-card,.feedback-action,.summary-action{min-width:0;cursor:pointer;border:3px solid rgba(248,255,241,.58);border-radius:var(--radius-md);background:#080a08;color:var(--ink);text-align:left}.mode-card{display:grid;align-content:center;gap:7px;min-height:0;padding:15px;overflow:hidden}.mode-card.is-selected,.feedback-action.is-selected,.summary-action.is-selected{border-color:var(--accent-2);background:var(--ink);color:var(--black);box-shadow:inset 0 -8px 0 var(--accent)}.mode-label,.mode-description{display:block}.mode-label{display:-webkit-box;overflow:hidden;font-size:25px;line-height:1;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mode-description{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:14px;font-weight:800;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mode-card.is-selected .mode-description{color:#263020}.menu-footer{display:grid;gap:8px}.selection-prompt{text-align:center}.hud,.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-bar{grid-template-columns:repeat(3,1fr)}.stat-pill{min-width:0;padding:8px 9px;background:#000;border:2px solid rgba(248,255,241,.78);border-radius:var(--radius-sm)}.stat-label,.stat-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.stat-value{color:var(--accent);font-size:20px;line-height:1}.crow-image{display:block;width:160px;height:160px;object-fit:contain;object-position:center;border:4px solid var(--accent);border-radius:var(--radius-md);background:#080a08}.crow-image.is-missing{visibility:hidden}.feedback-image{width:112px;height:112px}.question-meta{display:-webkit-box;overflow:hidden;color:var(--accent-2);font-size:14px;font-weight:900;line-height:1.1;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2}.question-prompt{display:-webkit-box;min-height:0;max-height:132px;margin:0;overflow:hidden;color:var(--ink);font-size:22px;line-height:1.17;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:5}.answer-carousel{display:grid;grid-template-columns:84px minmax(0,1fr) 84px;min-height:0;gap:10px;align-items:stretch}.nav-button,.primary-button,.answer-card{cursor:pointer;background:var(--ink);color:var(--black);font-weight:900;text-transform:uppercase}.nav-button{min-width:0;border:3px solid var(--accent);border-radius:var(--radius-md);font-size:30px;line-height:1}.nav-button.is-swipe-flash{animation:swipe-button-flash .24s ease-out}@keyframes swipe-button-flash{0%,to{border-color:var(--accent);background:var(--ink);color:var(--black);box-shadow:0 0 #00ffd000}42%{border-color:var(--ink);background:var(--accent-2);color:var(--black);box-shadow:0 0 0 7px #00ffd052}}.answer-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;padding:14px;border:5px solid var(--accent-2);border-radius:var(--radius-lg);text-align:left;text-transform:none}.answer-letter{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--black);color:var(--accent);font-size:29px;line-height:1}.answer-text,.answer-position{min-width:0}.answer-text{display:-webkit-box;overflow:hidden;font-size:22px;line-height:1.12;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:5}.answer-position{color:#263020;font-size:14px;font-weight:900;text-transform:uppercase}.primary-button{width:100%;min-height:64px;padding:14px 18px;border:4px solid var(--accent-2);border-radius:var(--radius-md);background:var(--accent);color:var(--black);font-size:22px}.verdict{width:max-content;max-width:100%;padding:8px 12px;border-radius:var(--radius-sm);background:var(--ink);color:var(--black);font-size:32px;line-height:1;font-weight:900;text-transform:uppercase}.verdict.is-correct{box-shadow:inset 0 -10px 0 var(--success)}.verdict.is-wrong{box-shadow:inset 0 -10px 0 var(--danger)}.answer-line,.feedback-line,.correct-line{display:-webkit-box;overflow:hidden;font-size:18px;line-height:1.16;-webkit-box-orient:vertical}.answer-line{color:var(--muted);-webkit-line-clamp:2}.feedback-line{color:var(--accent-2);font-weight:900;-webkit-line-clamp:3}.correct-line{color:var(--ink);font-weight:900;-webkit-line-clamp:3}.feedback-action{min-height:64px;text-align:center}.source-heading{display:grid;gap:7px}.source-question,.source-instruction,.source-domain,.source-name,.source-url,.source-status,.source-help{margin:0}.source-question{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:17px;line-height:1.18;font-weight:800;-webkit-box-orient:vertical;-webkit-line-clamp:2}.source-instruction{padding:12px 14px;border-left:6px solid var(--accent-2);border-radius:var(--radius-md);background:#00ffd01a;color:var(--ink);font-size:21px;line-height:1.12;font-weight:900}.source-citation{display:grid;align-content:center;gap:8px;min-height:0;padding:16px;overflow:hidden;border:3px solid rgba(248,255,241,.62);border-radius:var(--radius-md);background:#080a08}.source-domain{color:var(--accent-2);font-size:14px;font-weight:900;text-transform:uppercase}.source-name{display:-webkit-box;overflow:hidden;font-size:24px;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:3}.source-url{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.15;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.source-status{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.16;font-weight:900;-webkit-box-orient:vertical;-webkit-line-clamp:2}.source-status.is-ready{color:var(--success)}.source-status.is-checking{color:var(--accent)}.source-status.is-unavailable,.source-help{color:var(--muted)}.source-back{grid-row:-2 / -1}.summary-score{display:grid;place-items:center;min-height:112px;background:var(--ink);color:var(--black);border:6px solid var(--accent);border-radius:var(--radius-lg)}.summary-score-main,.summary-score-sub{display:block}.summary-score-main{font-size:72px;line-height:.95;font-weight:900}.summary-score-sub{font-size:21px;font-weight:900;text-transform:uppercase}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;max-height:90px;margin:0;padding:0;overflow:hidden;list-style:none}.summary-item{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.summary-item.is-correct{color:var(--success)}.summary-item.is-wrong{color:var(--danger)}.feedback-actions,.summary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feedback-action,.summary-action{padding:10px 14px;font-size:16px;font-weight:900;text-align:center;text-transform:uppercase}@media (max-width: 600px),(max-height: 600px){.menu-screen,.question-screen,.feedback-screen,.source-screen,.summary-screen{padding:18px;gap:10px}.title,.menu-title,.source-title,.summary-title{font-size:32px}.splash-screen{padding:28px;gap:10px}.splash-mark{width:112px;height:112px}.splash-title{font-size:46px}.mode-card{padding:10px}.mode-label{font-size:20px}.mode-description{font-size:12px}.lede,.question-prompt,.answer-text{font-size:18px}.question-screen{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr)}.question-screen .crow-image{width:120px;height:120px}.answer-carousel{grid-template-columns:66px minmax(0,1fr) 66px}.source-instruction{padding:9px 11px;font-size:17px}.source-citation{gap:5px;padding:11px}.source-name{font-size:19px}.source-url,.source-status{font-size:12px}.feedback-action,.summary-action{min-height:56px;padding:8px 10px;font-size:13px;line-height:1.1}.primary-button{min-height:56px;padding:10px 14px;font-size:19px;line-height:1.1}.summary-score-main{font-size:56px}.summary-score-sub{font-size:17px}.nav-button{font-size:25px}}