@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-italic-lSdLDfvT.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f1e8cf;--paper: #fcf8ec;--ink: #3a2c1c;--ink-soft: #7a6a54;--yellow: #f4d64b;--red: #ef5330;--teal: #16a38c;--blue: #97d2e7;--pink: #f3c6d7;--bw: 2.5px;--r: 24px;--sh: 4px 4px 0 var(--ink);--sh-lg: 7px 7px 0 var(--ink);color-scheme:light}*{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif}.app{width:min(46rem,92vw);padding:2rem 0 4rem}h1,h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:.01em;margin:0 0 .75rem}h1{font-size:clamp(2rem,7vw,3.25rem)}h2{font-size:1.35rem}.tagline{font-family:Fraunces Variable,Georgia,serif;font-style:italic;font-weight:600;font-size:1.15rem;margin:0 0 1.5rem}header{padding-bottom:1rem;border-bottom:var(--bw) dashed var(--ink);margin-bottom:1.5rem}button{font:inherit;font-weight:700;color:var(--ink);background:var(--paper);border:var(--bw) solid var(--ink);border-radius:999px;box-shadow:var(--sh);padding:.6rem 1.2rem;cursor:pointer;transition:transform .1s,box-shadow .1s}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--sh-lg)}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}button:disabled{cursor:not-allowed;color:var(--ink-soft);box-shadow:none}button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.primary:focus-visible{outline-color:var(--ink)}.primary{background:var(--yellow);font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;box-shadow:var(--sh-lg)}.big{display:block;width:100%;padding:1.6rem;font-size:clamp(1.2rem,4vw,1.75rem);border-radius:var(--r);margin:1.5rem 0}.choice{display:block;width:100%;text-align:left;border-radius:var(--r);margin:.6rem 0;padding:.9rem 1.2rem}.ghost{margin-left:.75rem;padding:.35rem .9rem;font-size:.85rem;box-shadow:2px 2px 0 var(--ink)}.panel{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:1.25rem 1.5rem;margin-top:1.5rem}.stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.stats span{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:999px;padding:.25rem .8rem}.stats b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.05em}.question{font-family:Fraunces Variable,Georgia,serif;font-style:italic;font-weight:600;font-size:1.15rem}.passive{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:var(--ink)}.message{margin:1rem 0 0;padding:.75rem 1rem;border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--yellow);font-weight:700}.message.success{background:var(--paper);border-color:var(--teal);color:var(--ink)}.message.error{background:#fdecea;border-color:var(--red);color:#7a1c0f}.ending{margin-top:2rem;padding:2rem 1.5rem;border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--sh-lg);text-align:center}.ending h2{font-size:clamp(2rem,8vw,3rem)}.ending p{font-family:Fraunces Variable,Georgia,serif;font-style:italic;font-size:1.5rem;margin:0}.ending.won{background:var(--teal);color:var(--ink)}.ending.lost{background:var(--red);color:var(--ink)}.gauge{position:relative;height:3rem;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);margin:1.25rem 0;overflow:hidden}.gauge .window{position:absolute;top:0;bottom:0;background:var(--teal)}.gauge .cursor{position:absolute;top:0;bottom:0;width:4px;background:var(--ink);transition:none}@media (prefers-reduced-motion: reduce){button,button:hover:not(:disabled),button:active:not(:disabled){transition:none;transform:none}}
