:root{--bg:#e9e8e5;--ink:#0a0a0a;--muted:#6f6d68;--line:#cbc9c3}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}html:has(.shell){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.shell) body{overscroll-behavior:none;height:100%;overflow:hidden}a{color:inherit;text-decoration:none}body{letter-spacing:-.035em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.shell{--k:1;--side-by-side:0;height:100dvh;padding:max(clamp(8px, 1.8dvh, 18px), env(safe-area-inset-top)) max(clamp(14px, 3vw, 24px), env(safe-area-inset-right)) max(clamp(8px, 1.6dvh, 16px), env(safe-area-inset-bottom)) max(clamp(14px, 3vw, 24px), env(safe-area-inset-left));grid-template:"admin""head""text""scene"minmax(0,1fr)"decision""foot"/minmax(0,1fr);justify-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.masthead{white-space:nowrap;grid-area:head;justify-content:space-between;align-items:baseline;gap:12px;width:100%;max-width:1080px;font-size:clamp(.78rem,1.9dvh,.95rem);display:flex}.wordmark{letter-spacing:-.06em;font-size:1.2em;font-weight:700}.dateline{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.dateline-text{color:var(--muted)}@media (hover:hover){.dateline-text:hover{color:var(--ink)}}.step{width:1.9em;height:1.9em;color:var(--ink);border-radius:999px;place-items:center;padding-bottom:.12em;font-size:1.25em;line-height:1;display:inline-grid}.step.is-off{color:var(--line)}@media (hover:hover){a.step:hover{background:var(--line)}}.share{border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:0}.problem{max-width:min(100%,25em);font-size:calc(var(--k) * clamp(1.1rem, min(.7rem + 3.3vw, 4.7dvh), 2.5rem));letter-spacing:-.055em;text-align:center;grid-area:text;margin:clamp(4px,2dvh,30px) 0 0;font-weight:400;line-height:1.07}.problem span{text-wrap:balance;overflow-wrap:break-word;display:block}.problem span+span{margin-top:.4em}.scene{-webkit-mask-composite:source-in;grid-area:scene;width:100vw;height:100%;min-height:0;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.scene-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.scene-tags{pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.scene-tags.is-hidden{opacity:0}.scene-tag{white-space:nowrap;color:var(--ink);text-shadow:0 0 3px var(--bg), 0 0 3px var(--bg), 0 0 6px var(--bg);font-size:clamp(.66rem,1.7dvh,.82rem);line-height:1;position:absolute;transform:translate(-50%,-100%)}.scene-fallback,.notice{color:var(--muted);text-align:center;grid-area:scene;align-self:center;margin:0}.scene-fallback{place-items:center;display:grid;position:absolute;inset:0}.decision{flex-direction:column;grid-area:decision;align-items:center;width:100%;max-width:560px;display:flex}.question{font-size:calc(var(--k) * clamp(1rem, min(.9rem + .9vw, 3.4dvh), 1.6rem));letter-spacing:-.055em;text-align:center;text-wrap:balance;margin:0 0 clamp(6px,1.5dvh,14px);line-height:1.1}.choices{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.2dvh,10px);width:100%;display:flex}.choice{border:1.5px solid var(--ink);max-width:320px;min-height:clamp(40px,6.4dvh,54px);color:var(--ink);font:inherit;font-size:calc(var(--k) * clamp(.92rem, 2.4dvh, 1.1rem));letter-spacing:-.045em;text-wrap:balance;cursor:pointer;background:0 0;border-radius:0;flex:150px;padding:6px 14px;line-height:1.1;transition:background .12s,color .12s}.choice.is-picked{background:var(--ink);color:var(--bg)}@media (hover:hover){.choice:hover:not(:disabled){background:var(--ink);color:var(--bg)}}.choice:focus-visible,.step:focus-visible,.share:focus-visible,.dateline-text:focus-visible,.archive a:focus-visible,.admin button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.choice:disabled{cursor:default}.choice:disabled:not(.is-picked){opacity:.35}.results{gap:clamp(6px,1.4dvh,14px);width:100%;margin:0;padding:0;list-style:none;display:grid}.result-row{font-size:calc(var(--k) * clamp(.92rem, 2.4dvh, 1.1rem));justify-content:space-between;align-items:baseline;gap:16px;line-height:1.15;display:flex}.result-you{color:var(--muted);white-space:nowrap}.result-pct{font-variant-numeric:tabular-nums}.bar{background:var(--line);height:clamp(6px,1.2dvh,10px);margin-top:clamp(3px,.7dvh,6px)}.bar-fill{background:var(--muted);height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1)}.result.is-mine .bar-fill{background:var(--ink)}.fineprint{color:var(--muted);text-align:center;margin:clamp(6px,1.5dvh,14px) 0 0;font-size:clamp(.74rem,1.9dvh,.92rem)}.countdown{font-variant-numeric:tabular-nums;color:var(--ink)}.colophon{color:var(--muted);text-align:center;white-space:nowrap;grid-area:foot;padding-top:clamp(6px,1.6dvh,18px);font-size:clamp(.74rem,1.9dvh,.92rem)}.saying{color:var(--ink);border-bottom:1.5px solid var(--ink);padding:0 .15em}.admin{letter-spacing:-.02em;flex-wrap:wrap;grid-area:admin;align-items:center;gap:6px;width:100%;max-width:1080px;padding-bottom:clamp(4px,1dvh,10px);font-size:.78rem;display:flex}.admin button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#f4f3f0;border-radius:999px;padding:4px 9px}.admin button:disabled{opacity:.45;cursor:default}.admin-gap{flex:8px}.admin-note{color:var(--muted)}@media (max-height:520px) and (min-aspect-ratio:3/2){.shell{--side-by-side:1;grid-template:"admin admin""head head""text scene"minmax(0,1.25fr)"decision scene"minmax(0,1fr)"foot foot"/minmax(0,1fr) minmax(0,1.15fr);column-gap:12px}.scene{width:100%}.problem{font-size:calc(var(--k) * clamp(.95rem, min(2.5vw, 7dvh), 1.7rem));align-self:end;margin:0 0 clamp(6px,3dvh,16px)}.decision{align-self:start}}.archive{max-width:760px;margin:0 auto;padding:clamp(10px,2vh,18px) clamp(14px,3vw,24px) 64px}.archive .masthead{font-size:.95rem}.archive-title{letter-spacing:-.055em;margin:clamp(28px,7vh,64px) 0 clamp(16px,3vh,28px);font-size:clamp(1.7rem,1.1rem + 2.4vw,2.5rem);font-weight:400;line-height:1.07}.archive-empty{color:var(--muted)}.archive-list{margin:0;padding:0;list-style:none}.archive-list a{border-top:1px solid var(--line);padding:16px 0;display:block}.archive-when{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:.85rem;display:block}.archive-text{letter-spacing:-.04em;text-wrap:pretty;font-size:1.15rem;line-height:1.25}@media (hover:hover){.archive-list a:hover .archive-text{text-underline-offset:3px;text-decoration:underline}}