:root{color:#f6ead5;font-synthesis:none;background:#100e0b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:5px;outline:3px solid #ffe0a1}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}#world{outline:none;width:100vw;height:100dvh;display:block}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 34%,#07050388 100%);position:fixed;inset:0}header{z-index:5;pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:fixed;inset:26px 34px auto}.brand{letter-spacing:-2px;text-shadow:0 2px 12px #000;font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:900}.brand span{letter-spacing:2px;color:#c5af8c;margin-top:8px;font-family:Arial,sans-serif;font-size:12px;font-style:normal;display:block}.brand b{color:#ffe8bc;padding-left:7px;font-size:18px}.tools{pointer-events:auto;gap:12px;display:flex}.tools button{letter-spacing:1.5px;background:#15100ab0;border:1px solid #bd9e6544;border-radius:4px;padding:11px 13px;font-size:10px}#pause{padding:7px 14px;font-size:15px}#problem{letter-spacing:3px;text-shadow:0 4px 3px #251207,0 0 22px #000;white-space:nowrap;pointer-events:none;font-size:clamp(44px,7.2vw,94px);font-weight:800;position:fixed;top:25px;left:50%;transform:translate(-50%)}#answers{pointer-events:none;position:fixed;inset:0}.answer{text-align:center;color:#fff0d9;text-shadow:0 3px 5px #000,0 0 14px #000;background:#100a0340;border:2px solid #0000;border-radius:8px;min-width:86px;padding:2px 18px;font-size:clamp(28px,4.3vw,58px);font-weight:800;position:absolute;transform:translate(-50%,-50%)}.answer.selected{background:#65441c55;border-color:#ffd68b;box-shadow:0 0 9px #ffa92b,inset 0 0 12px #f4ab3844}#blackout{opacity:0;pointer-events:none;z-index:3;background:#070605;position:fixed;inset:0}.overlay{z-index:4;position:fixed;inset:0}#home{background:linear-gradient(90deg,#0c0b09e8 0%,#100e0aab 33%,#0000 75%)}.intro{max-width:530px;position:absolute;top:21%;left:8%}.eyebrow{letter-spacing:3px;color:#c4a578;margin:0 0 12px;font-size:10px;font-weight:600}h1{letter-spacing:-8px;color:#eed8b4;text-shadow:2px 5px #39271a;margin:0 0 24px;font-family:Georgia,serif;font-size:clamp(72px,10vw,130px);font-style:italic;line-height:.95}.tagline{margin:0 0 20px;font-family:Georgia,serif;font-size:32px;line-height:1.16}.description{color:#c6bbaa;margin:0 0 26px;font-size:14px;line-height:1.7}.primary{color:#211608;text-align:left;background:#d3a254;border:1px solid #edc780;border-radius:3px;min-width:260px;padding:17px 24px;font-size:14px;font-weight:700;box-shadow:0 4px 22px #0005}.primary:hover{background:#e8ba6d}.primary span{float:right;padding-left:30px}.identity{color:#a28e72;letter-spacing:.5px;margin-top:15px;font-size:10px}.instructions{letter-spacing:1.4px;color:#baa990;border-top:1px solid #c4a57830;align-items:center;gap:30px;padding-top:22px;font-size:10px;display:flex;position:absolute;bottom:35px;left:8%;right:8%}.instructions span:last-child{text-transform:none;letter-spacing:.4px;margin-left:auto;font-size:12px}kbd{font:inherit;color:#e6d1af;background:#1d170d77;border:1px solid #bbaa8255;border-radius:3px;place-content:center;min-width:26px;height:25px;margin-right:5px;display:inline-grid}.centered{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080706aa;place-items:center;display:grid}.card{text-align:center;background:#1b1711ed;border:1px solid #a3824438;border-radius:5px;max-width:460px;padding:38px 48px;box-shadow:0 20px 100px #0008}.card h2{margin:10px 0 20px;font-family:Georgia,serif;font-size:48px;font-weight:400}.card>p{color:#c9bca6;font-size:14px}.big-score{color:#f5d59d;font-size:66px;font-weight:700;line-height:1}.score-caption{letter-spacing:3px;font-size:9px!important}.card .primary{width:100%;margin-top:18px}.quiet{color:#bba98b;background:0 0;border:0;margin:18px auto 0;font-size:12px;display:block}.card .identity{font-size:10px}#correction{color:#e4c896;margin:26px 0 4px;font-size:28px}#notice{text-align:center;z-index:6;color:#e1bb7d;letter-spacing:1px;font-size:13px;position:fixed;bottom:100px;left:0;right:0}#hint{text-align:center;color:#c5b28e;pointer-events:none;font-size:11px;position:fixed;bottom:25px;left:0;right:0}#touch{bottom:calc(24px + env(safe-area-inset-bottom));z-index:5;gap:18px;display:none;position:fixed;left:50%;transform:translate(-50%)}#touch button{background:#241b10bb;border:1px solid #bf995b88;border-radius:6px;width:64px;height:56px;font-size:25px}#touch button:active{background:#aa7a30}#resume{text-align:center}@media (pointer:coarse){#touch{display:flex}#hint{display:none!important}}@media (width<=700px){header{inset:16px}.brand{font-size:24px}.brand span{font-size:9px}.tools button{padding:8px;font-size:8px}#problem{font-size:55px;top:90px}.intro{top:22%;left:7%}.intro h1{font-size:80px}.tagline{font-size:28px}.instructions{flex-wrap:wrap;gap:12px;font-size:8px;bottom:20px;left:7%}.instructions span:last-child{width:100%;margin-left:0}.card{margin:16px;padding:30px}.answer{min-width:58px;padding:4px 10px;font-size:32px}}.instructions{pointer-events:none}@media (height<=650px){.intro{top:22%}.intro h1{margin-bottom:12px;font-size:70px}.tagline{margin-bottom:12px;font-size:26px}.description{margin-bottom:16px;font-size:12px}.instructions{padding-top:12px;bottom:16px}.intro .eyebrow{font-size:8px}.primary{padding:13px 20px}.identity{margin-top:8px}}@media (height<=500px){.intro{top:18%;left:7%}.intro h1{font-size:55px}.tagline{font-size:23px}.instructions{display:none}.intro{top:24%}}body.escaped .vignette{opacity:.12}body.escaped #results{background:#10252a55}
