:root{--paper:#f3eee4;--paper-deep:#e8e0d0;--ink:#1a1612;--ink-soft:#5c5348;--mustard:#d4a017;--mustard-hot:#e8b82a;--mustard-deep:#9a7410;--brown:#4a3218;--cream:#faf6ee;--elon:#0c0c0e;--elon-soft:#2a2a30;--silver:#c5c8ce;--silver-dim:#8a8e96;--wrong:#b33a2b;--ok:#2f6b3a;--font-display:"Syne", system-ui, sans-serif;--font-quote:"Fraunces", "Times New Roman", serif;--font-ui:"DM Sans", system-ui, sans-serif;--max:820px;--ease:cubic-bezier(.22, 1, .36, 1);--tap:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app{min-height:100dvh;padding:calc(1rem + var(--safe-t)) 1.25rem calc(1rem + var(--safe-b));background:radial-gradient(120% 80% at 50% -10%, #fff9ef 0%, transparent 55%), var(--paper);transition:background-color .28s var(--ease), color .28s var(--ease);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.app--lean-dwight{background:radial-gradient(90% 70% at 20% 0%, #d4a01747 0%, transparent 55%), radial-gradient(70% 50% at 90% 100%, #4a321814 0%, transparent 50%), var(--paper)}.app--lean-elon{color:#f2f2f4;background:radial-gradient(100% 80% at 80% -10%,#0c0c0ee0 0%,#0000 55%),radial-gradient(60% 40% at 10% 100%,#c5c8ce33 0%,#0000 45%),#121216}.app--lean-elon .tagline,.app--lean-elon .progress__label,.app--lean-elon .progress__count,.app--lean-elon .footer{color:var(--silver-dim)}.app--lean-elon .quote__text{color:#f5f5f7}.app--lean-elon .quote__mark{color:var(--silver)}.app--lean-elon .brand__or{color:var(--silver-dim)}.app--lean-elon .stars{opacity:.7}.app--lean-elon .footer{color:var(--silver-dim)}.app--lean-dwight .beet{opacity:.55}.app--lean-dwight .quote__mark{color:var(--mustard-deep);opacity:.7}.app--empty{font-family:var(--font-display);justify-content:center;align-items:center;font-size:1.25rem}.stars,.beet{pointer-events:none;opacity:0;transition:opacity .32s var(--ease);z-index:0;position:fixed;inset:0}.stars{background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 40%,#0000 50%),radial-gradient(1px 1px at 28% 62%,#fff 40%,#0000 50%),radial-gradient(1.5px 1.5px at 48% 22%,#ffffffd9 40%,#0000 50%),radial-gradient(1px 1px at 72% 40%,#fff 40%,#0000 50%),radial-gradient(1.5px 1.5px at 86% 70%,#ffffffb3 40%,#0000 50%),radial-gradient(1px 1px at 64% 12%,#fff 40%,#0000 50%),radial-gradient(1px 1px at 18% 88%,#fff9 40%,#0000 50%)}.beet{background:radial-gradient(circle at 88% 82%,#781c3a2e 0 18px,#0000 19px),radial-gradient(circle at 86% 78%,#5a14281f 0 8px,#0000 9px)}.top,.stage,.footer{z-index:1;position:relative}.top{text-align:center;flex:none;margin-bottom:.5rem}.brand{line-height:.95;font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.05em;padding:.25rem .5rem;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:800;display:inline-flex}.brand__dwight{color:var(--mustard-deep)}.brand__or{letter-spacing:.18em;color:var(--ink-soft);text-transform:uppercase;font-size:.55em;font-weight:600}.brand__elon{color:var(--elon)}.app--lean-elon .brand__elon{color:#f5f5f7}.tagline{letter-spacing:.04em;color:var(--ink-soft);margin:.35rem 0 0;font-size:.8rem;font-weight:500}.fact{font-family:var(--font-display);letter-spacing:.2em;animation:fact-pop .9s var(--ease);margin:.4rem 0 0;font-size:.85rem;font-weight:800}@keyframes fact-pop{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}.stage{width:100%;max-width:var(--max);flex-direction:column;flex:auto;justify-content:center;min-height:0;margin:0 auto;display:flex}.playing,.reveal,.gameover{flex-direction:column;align-items:center;width:100%;display:flex}.progress{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--ink-soft);flex-direction:column;align-items:center;gap:.45rem;margin-bottom:1.5rem;font-weight:600;display:flex}.progress__row{align-items:baseline;gap:2rem;display:flex}.progress__stat{align-items:baseline;gap:.4rem;font-size:.8rem;display:inline-flex}.progress__label{letter-spacing:.1em;font-size:.75rem}.progress__value{font-family:var(--font-ui);letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;line-height:1}.app--lean-elon .progress__value{color:#f2f2f4}.progress__streak{font-family:var(--font-ui);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:700;line-height:1}.progress__streak.is-hot{color:#c45a12}.app--lean-elon .progress__streak.is-hot{color:var(--mustard-hot)}.progress__count{font-variant-numeric:tabular-nums;letter-spacing:.08em;opacity:.9;font-size:.9rem;font-weight:600}.quote{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;margin:0;padding:.25rem .5rem 1.5rem;display:flex;position:relative}.quote__mark{width:clamp(1.65rem,5vw,2.35rem);height:auto;color:var(--mustard);opacity:.5;pointer-events:none;flex:none;display:block}.quote__mark--open{margin:0 0 .85rem}.quote__mark--close{margin:1.6rem 0 0}.quote__text{font-family:var(--font-quote);font-optical-sizing:auto;letter-spacing:-.02em;color:var(--ink);quotes:none;margin:0;padding:0 .25rem .4em;font-style:normal;font-weight:600;line-height:1.25}.quote--short .quote__text{font-size:clamp(1.75rem,5.5vw,3.4rem)}.quote--medium .quote__text{font-size:clamp(1.45rem,4.2vw,2.55rem)}.quote--long .quote__text{font-size:clamp(1.2rem,3.4vw,1.95rem);line-height:1.28}.quote--dimmed{padding-bottom:.75rem}.quote--dimmed .quote__mark--open{margin-bottom:.7rem}.quote--dimmed .quote__mark--close{margin-top:1.35rem}.quote--dimmed .quote__text{opacity:.88}.choices{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:560px;margin-top:.5rem;display:grid}.choice{min-height:var(--tap);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;transition:transform .16s var(--ease), box-shadow .16s var(--ease), filter .16s var(--ease);border-radius:4px;padding:.9rem 1rem;font-size:clamp(1.05rem,3.2vw,1.35rem);font-weight:800;position:relative;box-shadow:0 2px #0000002e}.choice:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.choice:active:not(:disabled){transform:translateY(1px)scale(.985);box-shadow:0 0 #0000}.choice--dwight{background:var(--mustard);color:var(--brown)}.choice--dwight:hover:not(:disabled){background:var(--mustard-hot)}.choice--elon{background:var(--elon);color:#f7f7f8}.choice--elon:hover:not(:disabled){filter:brightness(1.08);background:#1a1a1f}.choice:focus-visible{outline-offset:4px}.choice__hint{font-family:var(--font-ui);letter-spacing:.04em;opacity:.45;border:1px solid;border-radius:3px;padding:.05rem .3rem;font-size:.65rem;font-weight:600;line-height:1.3;position:absolute;top:.4rem;right:.55rem}@media (width<=360px){.choices{grid-template-columns:1fr}}@media (pointer:coarse){.choice__hint{display:none}}.reveal{animation:reveal-in .28s var(--ease);text-align:center;gap:.35rem}.reveal--wrong{animation:reveal-in .28s var(--ease), shake .32s var(--ease)}.reveal__verdict{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:800}.reveal--correct .reveal__verdict{color:var(--ok)}.reveal--wrong .reveal__verdict{color:var(--wrong)}.app--lean-elon.reveal--correct .reveal__verdict,.app--lean-elon .reveal--correct .reveal__verdict{color:#7dcea0}.reveal__speaker{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:.15rem 0 .75rem;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700}.reveal--dwight .reveal__speaker{color:var(--mustard-deep)}.reveal--elon .reveal__speaker{color:var(--elon)}.app--lean-elon .reveal--elon .reveal__speaker,.app--lean-elon .reveal__speaker{color:var(--silver)}.reveal__score{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:.35rem 0 1.35rem;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:700}.app--lean-elon .reveal__score{color:var(--silver-dim)}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.reveal--correct:before,.reveal--correct:after{content:"";pointer-events:none;width:6px;height:6px;animation:confetti .48s var(--ease) forwards;border-radius:1px;position:absolute}.reveal{position:relative}.reveal--correct:before{background:var(--mustard);top:0;left:28%}.reveal--correct:after{background:var(--elon);animation-delay:40ms;top:.2rem;right:30%}@keyframes confetti{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(40px)rotate(120deg)}}.btn{min-width:180px;min-height:52px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;transition:transform .16s var(--ease), background .16s var(--ease);border-radius:4px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn--next{background:var(--ink);color:var(--cream)}.app--lean-elon .btn--next{color:var(--elon);background:#f2f2f4}.btn--share{background:var(--mustard);color:var(--brown);width:100%;max-width:320px}.btn--again{color:inherit;opacity:.9;background:0 0;border:2px solid;width:100%;max-width:320px}.btn--again:hover{opacity:1}.gameover{text-align:center;animation:reveal-in .32s var(--ease);padding:.5rem 0 1rem}.gameover__brand{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 1rem;font-size:.95rem;font-weight:800}.gameover__brand .brand__or{margin:0 .35em;font-size:.75em}.gameover__score{font-family:var(--font-ui);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;margin:0;font-size:clamp(4.5rem,18vw,7rem);font-weight:700;line-height:1}.gameover__total{letter-spacing:0;color:var(--ink-soft);vertical-align:super;font-size:.4em;font-weight:700}.gameover__title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:1.25rem 0 .4rem;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800}.gameover__subtitle{max-width:22rem;color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.4}.gameover__actions{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin-top:1.75rem;display:flex}.gameover__stats{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:center;gap:2rem;margin:2rem 0 0;padding:0;font-size:.75rem;display:flex}.gameover__stats div{flex-direction:column;gap:.2rem;display:flex}.gameover__stats dt{opacity:.7;font-weight:500}.gameover__stats dd{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:1.05rem;font-weight:700}.signup{border-top:1px solid var(--paper-deep);text-align:center;width:100%;max-width:32rem;margin-top:2.25rem;padding-top:1.75rem}.signup__title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:1.05rem;font-weight:800}.signup__lead{color:var(--ink-soft);margin:.35rem 0 0;font-size:.95rem;line-height:1.4}.signup__form{margin-top:1rem}.signup__row{align-items:stretch;gap:.5rem;display:flex}.signup__input{border:2px solid var(--ink);background:var(--cream);min-width:0;min-height:52px;color:var(--ink);font:inherit;border-radius:4px;flex:auto;padding:.75rem .9rem;font-size:1rem}.signup__input::placeholder{color:var(--ink-soft);opacity:.7}.signup__input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.signup__input:disabled{opacity:.7}.signup__submit{background:var(--ink);min-width:11.5rem;color:var(--cream);flex:none;padding-inline:1rem}.signup__submit:disabled{opacity:.55;transform:none}.signup__error{color:var(--wrong);margin:.65rem 0 0;font-size:.9rem}.signup__fine{color:var(--ink-soft);margin:.7rem 0 0;font-size:.78rem;line-height:1.4}.signup__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=640px){.signup__row{flex-direction:column}.signup__submit{width:100%;max-width:none}}.footer{text-align:center;letter-spacing:.02em;color:var(--ink-soft);opacity:.75;flex:none;margin-top:1.5rem;font-size:.7rem}.footer p{margin:0}.ad-slot{display:none}@media (width<=480px) and (height<=760px){.top{margin-bottom:.15rem}.tagline{display:none}.progress{gap:.3rem;margin-bottom:.85rem}.progress__value{font-size:1.65rem}.progress__streak{font-size:1.3rem}.quote{padding:.1rem .25rem .85rem}.quote__mark{width:1.45rem}.quote__mark--open{margin-bottom:.7rem}.quote__mark--close{margin-top:1.45rem}.footer{margin-top:.75rem;font-size:.65rem}}@media (width>=900px){.app{padding-top:calc(1.5rem + var(--safe-t));padding-bottom:calc(1.5rem + var(--safe-b))}.brand{flex-direction:row;align-items:baseline;gap:.45rem;font-size:1.5rem}.brand__or{font-size:.65em;position:relative;top:-.05em}.choices{gap:1rem;margin-top:1rem}.choice{min-height:72px}.progress{margin-bottom:1.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.choice:hover:not(:disabled){transform:none}}
