:root{--ink:#18242c;--paper:#f7f4ed;--muted:#667279;--orange:#fc805c;--blue:#a7d2d5;--line:#d5d4cb;--shadow:0 18px 44px rgba(25,39,43,.09)}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}body{margin:0;min-height:100vh;position:relative}.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");z-index:5}.site-header{max-width:1320px;margin:auto;padding:26px 44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:17px;line-height:.88;font-weight:950;letter-spacing:-.07em}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:2px solid var(--ink);border-radius:50%;font-size:29px;font-family:Georgia,serif;font-weight:700;transform:rotate(-12deg)}.brand-dot{color:var(--orange)}button{font:inherit;cursor:pointer}.header-action{border:1.5px solid var(--ink);background:transparent;border-radius:100px;padding:10px 18px;font-size:13px;font-weight:800}.header-action:hover,.header-action:focus-visible{background:var(--ink);color:white}.plus{font-size:19px;margin-right:6px;vertical-align:-1px}.main{max-width:1140px;padding:32px 32px 24px;margin:auto}.intro{text-align:center;margin:8px 0 41px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;font-weight:900;letter-spacing:.19em}.eyebrow-line{width:31px;height:1px;background:var(--ink)}h1{font-size:clamp(68px,9vw,126px);letter-spacing:-.105em;line-height:.9;margin:24px 0 14px;font-weight:900}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.095em} .intro p{font-family:Georgia,serif;font-size:21px;font-style:italic;margin:0}.game{max-width:1080px;margin:auto}.question-meta{display:flex;align-items:center;justify-content:space-between;padding:0 5px 13px}.source-badge{font-weight:900;font-size:11px;letter-spacing:.14em;background:var(--ink);color:white;padding:8px 11px;border-radius:3px}.vote-count{font-size:12px;color:var(--muted);font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}.choice{border:2px solid var(--ink);border-radius:14px;min-height:335px;text-align:left;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.choice:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 25px 45px rgba(25,39,43,.16)}.choice-a{background:var(--orange)}.choice-b{background:var(--blue)}.choice-top,.choice-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.choice-letter{display:grid;place-items:center;border:2px solid currentColor;width:36px;height:36px;border-radius:50%;font-size:13px;font-weight:900}.choice-arrow{font-size:28px;line-height:1}.choice-text{font-size:clamp(29px,3vw,45px);font-weight:900;line-height:1.06;letter-spacing:-.055em;max-width:92%;position:relative;z-index:1;overflow-wrap:anywhere}.choose-label{font-size:11px;font-weight:900;letter-spacing:.16em;border-bottom:2px solid currentColor;padding-bottom:5px}.or{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-weight:950;font-size:13px}.choice:disabled{cursor:default;opacity:1}.choice.selected{outline:4px solid var(--ink);outline-offset:3px}.choice:not(.selected).revealed{opacity:.78}.result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900}.percent{font-size:38px;letter-spacing:-.06em}.bar{position:absolute;left:0;bottom:0;height:10px;background:var(--ink);transition:width .4s ease}.choice-help{text-align:center;color:var(--muted);font-size:13px;margin:17px 0 0}.choice-help kbd{font-family:inherit;font-weight:bold;color:var(--ink)}.feedback{text-align:center;min-height:21px;margin:9px 0;color:#9d3e2e;font-size:13px;font-weight:700}.actions{display:flex;align-items:center;justify-content:center;gap:25px;margin:7px 0 0}.primary-action{background:var(--ink);color:white;border:2px solid var(--ink);border-radius:100px;padding:14px 22px;font-size:14px;font-weight:850;white-space:nowrap}.primary-action span{margin-left:23px}.primary-action:hover,.primary-action:focus-visible{background:#344a55}.text-action{border:0;background:none;color:var(--ink);font-weight:850;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:12px 0}.text-action span{margin-left:5px}.quiet{color:var(--muted);font-weight:600}.footnote{text-align:center;color:var(--muted);font-size:12px;margin:45px auto 0;line-height:1.5}.modal{border:2px solid var(--ink);border-radius:15px;box-shadow:0 30px 100px rgba(0,0,0,.25);background:var(--paper);color:var(--ink);padding:28px;width:min(530px,calc(100% - 26px));max-height:calc(100% - 26px);overflow:auto}.modal::backdrop{background:rgba(15,30,35,.63)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-kicker{font-size:11px;letter-spacing:.18em;font-weight:900}.close{border:0;background:none;font-size:32px;line-height:1}.modal h2{font-size:47px;letter-spacing:-.07em;margin:12px 0}.modal p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 22px}.modal label{display:block;font-size:11px;letter-spacing:.15em;font-weight:900;margin:17px 0 8px}.modal textarea{display:block;width:100%;resize:vertical;border:2px solid var(--ink);border-radius:7px;background:white;padding:12px;font:600 16px/1.4 Arial,Helvetica,sans-serif;color:var(--ink)}.modal textarea:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.modal .form-note{font-size:12px;margin:10px 0}.modal .form-feedback{font-weight:700;color:#9d3e2e;min-height:20px;margin:12px 0}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:17px}.cancel{border:0;background:transparent;font-weight:800;padding:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:focus-visible,a:focus-visible{outline:3px solid #2c6475;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}@media(max-width:700px){.site-header{padding:17px 20px}.brand{font-size:14px}.brand-mark{width:36px;height:36px;font-size:25px}.header-action{padding:8px 12px;font-size:11px}.main{padding:25px 18px}.intro{margin:13px 0 32px}.eyebrow{font-size:9px;gap:8px}.eyebrow-line{width:20px}h1{font-size:clamp(60px,14vw,88px);margin:22px 0 12px}.intro p{font-size:17px}.choices{grid-template-columns:1fr;gap:12px}.choice{min-height:190px;padding:20px}.choice-text{font-size:clamp(27px,7vw,39px);max-width:97%;margin:15px 0}.choice-arrow{font-size:22px}.or{top:50%;width:42px;height:42px;font-size:11px}.choice-letter{width:31px;height:31px}.question-meta{padding-bottom:10px}.source-badge{font-size:9px}.vote-count{font-size:11px}.actions{gap:13px;flex-wrap:wrap}.primary-action{padding:12px 17px}.text-action{font-size:12px}.footnote{margin-top:30px}.choice-help{line-height:1.4}.modal{padding:20px}.modal h2{font-size:40px}}@media(max-width:390px){.main{padding-left:13px;padding-right:13px}.header-action{font-size:10px}.actions{gap:9px}.choice{min-height:175px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
