/* Mock Trial Arcade: shared visual layer; game rules and scoring are unchanged. */
.beginner-round .choice:nth-child(n),.beginner-round .live-choice:nth-child(n){background:white;color:#172d46;border:1px solid #dbe5f2;font-weight:500;outline:none}.beginner-round .choice>span:first-child,.beginner-round .live-choice .letter{background:#edf3ff;color:#3065f5}.beginner-round .choice.correct,.beginner-round .live-choice.correct{background:#edfaf6;border-color:#079e91;outline:2px solid #079e91;outline-offset:0}.beginner-round .choice.wrong,.beginner-round .live-choice.wrong{background:#fff0f1;border-color:#b64255;outline:1px solid #b64255;outline-offset:0}.beginner-round .choice-status,.beginner-round .answer-badge{color:#172d46}.beginner-round .live-choice.selected{outline:2px solid #3065f5;outline-offset:0}
:root{--ink:#172d46;--red:#3065f5;--rose:#edf3ff;--paper:#edf3f9;--muted:#59718e;--line:#dbe5f2;--green:#087f76;--cream:#fff;--teal:#079e91}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3,.question-panel h2,.hero-stats strong,.number,.price strong,.preview-copy h2,.section-intro h2,.how-section h2,.founder-section h2,.faq h2,.marketing-hero h1,.live-question,.join-display .big-code,.live-countdown,.lobby-count,.score-notice strong,.podium .total-points{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.6px}
h1 em,h2 em{font-style:normal;color:var(--red)}
.topbar{background:#fff;max-width:1280px;border:1px solid var(--line);border-radius:20px 20px 0 0;margin:24px auto 0;padding:25px 32px}.brand{font-size:22px;letter-spacing:-.6px;font-weight:750}.brand small{font-size:10px;letter-spacing:1.1px;color:var(--muted)}.brand .arcade-word{color:var(--red)}
main{max-width:1280px;background:#fff;padding:0 32px 32px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;min-width:0}.panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:none}.eyebrow{font-size:11px;color:var(--red);letter-spacing:1.5px}.primary,.offer-link{background:var(--red);border-color:var(--red);border-radius:8px}.secondary{border-color:var(--line);border-radius:8px;background:#fff;color:var(--ink)}.primary:hover,.offer-link:hover{background:#2352d2}.primary:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.arcade-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 24px}.arcade-intro h1{font-size:46px;line-height:1.1;letter-spacing:-1.6px;margin:12px 0}.arcade-intro .lede{font-size:17px;margin:0}.arcade-total{border:1px solid #dae6ff;background:#f0f5ff;border-radius:16px;padding:22px;display:flex;align-items:center;gap:20px;min-width:250px}.arcade-total strong{font-size:52px;color:var(--red);line-height:1}.arcade-total span{font-size:14px;font-weight:700}.arcade-total small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:6px}
.arcade-step{font-size:20px;display:flex;align-items:center;gap:12px;margin:20px 0 16px}.arcade-step b{font-size:13px;border-radius:50%;padding:7px 11px;background:var(--rose);color:var(--red)}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px}.arcade-case{padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-align:left;background:#fff;color:var(--ink);text-decoration:none;min-width:0;font:inherit}.arcade-case[aria-pressed=true]{border:2px solid var(--red);box-shadow:0 0 0 1px var(--red)}.arcade-case:hover{border-color:var(--red)}.arcade-case img{width:100%;height:auto;aspect-ratio:2/1;display:block;background:#f1f5ff}.arcade-case .case-copy{padding:20px;flex:1}.arcade-case h3{font-size:22px;line-height:1.2;margin:10px 0}.arcade-case p{font-size:14px;color:var(--muted);line-height:1.6;margin:8px 0 14px}.case-kicker{color:var(--muted);font-size:10px;font-weight:bold;letter-spacing:1px}.case-count{font-size:12px;color:var(--muted)}.case-select{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--line);color:var(--red);font-size:14px;font-weight:700}.arcade-case[aria-pressed=true] .case-select{background:var(--rose)}
.setup-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.setup .section-top h2{font-size:25px}.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-picker label,.mode-live-link{border:1px solid var(--line);border-radius:9px;padding:16px;display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--ink);background:#fff}.mode-picker label:has(input:checked){background:var(--rose);border-color:var(--red)}.mode-picker small,.mode-live-link small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.mode-live-link{background:#effaf7;border-color:var(--teal)}.mode-live-link strong{font-size:13px}.topics h2{font-size:27px}.case-preview{border-radius:9px}.set-selector{background:#f6f9fd;border-color:var(--line);border-radius:10px}.live-promo{background:var(--ink);border:none;color:#fff;border-radius:12px;margin:28px 0}.live-promo p,.live-promo .eyebrow{color:#b6d0e8}.live-promo .primary{background:#99e6db;color:#123b3e;border-color:#99e6db}.live-promo .secondary{color:white;background:transparent;border-color:#6a829a}.live-promo h2{font-size:24px}
.question-panel{padding:28px}.question-panel h2{font-size:27px;line-height:1.45}.question-picture img{border-radius:12px}.choices,.live-choices{gap:12px}.choice,.live-choice{border:1px solid var(--line);border-radius:10px;background:#fff;min-height:84px}.live-choice:nth-child(n){border-left:1px solid var(--line)}.choice:hover:not(:disabled),.live-choice:hover:not(:disabled){background:#f2f6ff;border-color:var(--red)}.choice.correct,.live-choice.correct{background:#edfaf6;border-color:var(--teal)}.choice.wrong,.live-choice.wrong{background:#fff0f1;border-color:#b64255}.live-choice b.letter{background:var(--rose);color:var(--red)}.live-choice.correct b.letter{background:var(--teal);color:white}.feedback,.live-explanation{background:#f4f8ff;border:1px solid var(--line);border-radius:12px;border-left:4px solid var(--teal);padding:24px}.live-explanation h3{background:var(--ink);color:white;padding:22px;margin:12px -24px 20px;font-size:24px;line-height:1.3}.rule-tag{background:#e7eefb;color:var(--ink);border-radius:5px}.live-question-wrap{max-width:none}.live-round-layout:has(.live-explanation){display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);column-gap:28px;align-items:start}.live-round-layout>*{grid-column:1;min-width:0}.live-round-layout .live-explanation{grid-column:2;grid-row:1 / span 5;margin:0}.live-round-layout .question-picture{margin:0 0 20px}.live-round-layout .question-picture img{max-height:230px;object-fit:contain;background:#f3f7ff}.live-question{background:#f0f5fd;border:1px solid var(--line);padding:22px;border-radius:12px;font-size:24px;line-height:1.5}.live-main{padding-top:30px;max-width:1280px}.room-banner h1{font-size:36px;letter-spacing:-1px}.live-countdown{font-size:30px}.join-display,.podium{background:var(--ink)}.join-display .eyebrow,.join-display .join-url,.podium .eyebrow{color:#b6eee7}.live-controls{padding-top:20px;border-top:1px solid var(--line)}.live-entry h1{font-size:48px;letter-spacing:-1px}.answer-status{background:#edf9f6;color:#176b62}.score-notice{background:var(--ink)}.leaderboard table{background:#fff}.waiting .orb{background:var(--rose)}.waiting .orb img{width:48px;height:48px}.connection,.live-error{border-radius:8px}
.marketing-hero{padding:44px 0;gap:40px}.marketing-hero h1{font-size:52px;letter-spacing:-1.5px;line-height:1.08}.marketing-hero h1 em,.founder-story h2 em{font-style:normal;font-weight:750}.preview-card{transform:none;border-radius:16px;box-shadow:none;overflow:hidden;background:#f0f5ff}.preview-card img{aspect-ratio:2/1;object-fit:contain}.preview-copy h2{font-size:27px}.preview-copy{padding:24px}.card-label{color:var(--muted)}.sequence{color:var(--teal)}.benefits{padding:32px 0}.benefit-grid article{border-top-color:var(--teal)}.number{font-size:42px}.section-intro h2,.how-section h2,.founder-section h2,.faq h2{font-size:34px;line-height:1.15}.how-section,.founder-section{gap:36px;padding:40px 0}.price-card{border-color:var(--line);border-top-color:var(--teal);border-radius:14px;background:#fff}.price strong{font-size:68px}.future-price{border-color:var(--red)}.subscribe-button{background:#edf3ff;color:#526580;border-color:#b9cce9;border-radius:8px}.terms-draft{background:#f7f9fc;border-color:#9aaac0;border-radius:8px;color:#425773}.draft-banner{background:#e7f5f2;color:#175d57}.marketing-footer{border:0;color:var(--muted)}.marketing-footer .brand{font-size:15px}.faq details{border-color:var(--line)}
@media(max-width:980px){.topbar{margin:12px 12px 0;padding:20px}.topbar .brand{font-size:19px}main{margin:0 12px;padding:0 24px 24px}.setup-layout{grid-template-columns:1fr}.topics{display:none}.mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.live-round-layout:has(.live-explanation){grid-template-columns:1fr}.live-round-layout .live-explanation{grid-column:1;grid-row:auto;margin-top:24px}.arcade-case h3{font-size:19px}.arcade-case .case-copy{padding:16px}}
@media(max-width:700px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.topbar nav{flex-wrap:wrap;gap:20px}.arcade-intro{align-items:flex-start;flex-direction:column;padding-top:28px}.arcade-intro h1{font-size:36px}.arcade-total{min-width:0;width:100%;padding:16px}.arcade-total strong{font-size:40px}.case-grid{grid-template-columns:1fr}.arcade-case img{max-height:210px}.mode-picker{grid-template-columns:1fr}.marketing-hero{grid-template-columns:1fr;gap:24px;padding:28px 0}.marketing-hero h1{font-size:38px}.founder-section,.how-section{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.room-banner{flex-wrap:wrap}.room-banner h1{font-size:28px}.live-question{font-size:20px;padding:16px}.question-panel{padding:16px}.live-choices{grid-template-columns:1fr}.section-intro h2,.how-section h2,.founder-section h2,.faq h2{font-size:29px}.marketing-footer{padding:24px;flex-direction:column}.live-entry h1{font-size:36px}.live-promo .promo-actions{flex-wrap:wrap}.fields{grid-template-columns:1fr 1fr}}
@media(max-width:420px){main{padding:0 16px 20px}.topbar{padding:18px 16px}.fields{grid-template-columns:1fr}.price-card{padding:20px}.brand{overflow-wrap:anywhere}.room-code-small{white-space:normal}.live-question-head{flex-wrap:wrap}}