:root{color:#e4fff5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#03131f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{touch-action:none;width:100vw;height:100dvh;display:block}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:2px solid #f5d695}[hidden]{display:none!important}#vignette{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 140px #010e1b88}header{pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:fixed;top:28px;left:36px;right:36px}.wordmark{letter-spacing:.23em;font-size:19px;font-weight:700}.wordmark span{color:#8dc5be;font-weight:300}.wordmark small{letter-spacing:.24em;color:#82a5ab;margin-top:9px;font-size:7px;display:block}.tools{pointer-events:auto;gap:10px;display:flex}.tools button{color:#bde0d8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08273588;border:1px solid #98e0d42b;border-radius:30px;padding:9px 14px;font-size:11px}#panel{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(140deg,#0b3037d9,#051c2bde);border:1px solid #a2eed025;border-radius:24px;width:min(650px,90vw);padding:32px 28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-47%);box-shadow:0 25px 100px #0005,inset 0 1px #cfffe313}#eyebrow{letter-spacing:.35em;color:#92d2bd;font-size:9px}h1{letter-spacing:-.05em;margin:12px 0 10px;font-family:Georgia,serif;font-size:clamp(46px,7vw,80px);font-weight:400;line-height:1.1}h1 em{color:#adf3d3;font-weight:400}#description{color:#adcbc9;margin:0 0 24px;font-size:15px;line-height:1.8}#instructions{text-align:left;justify-content:center;gap:20px;margin:26px 0 30px;display:flex}#instructions>div{color:#a5c1c4;gap:9px;font-size:10px;line-height:1.8;display:flex}#instructions b{color:#e8cc95;font-size:10px}#instructions strong{color:#dbefe5;font-weight:500}.primary{color:#09272d;background:linear-gradient(120deg,#c3efd0,#79c8b2);border:1px solid #dcffce99;border-radius:50px;min-width:210px;padding:15px 26px;font-size:14px;font-weight:650;box-shadow:0 0 34px #82f9c51c}.primary span{margin-left:26px}#footnote{color:#819fa6;margin:20px 0 10px;font-size:9px;line-height:1.9}#best{color:#ddc696;letter-spacing:.15em;font-size:10px}footer{text-align:center;letter-spacing:.24em;color:#83b7b7;pointer-events:none;font-size:8px;position:fixed;bottom:23px;left:0;right:0}footer span{color:#d8cd9b;margin:0 14px}#hud{pointer-events:none;align-items:start;gap:28px;display:flex;position:fixed;top:94px;left:36px;right:36px}#hud>div:first-child{width:200px;margin-right:auto}#hud small{letter-spacing:.18em;color:#97c6c1;font-size:8px;display:block}#hud strong{font-variant-numeric:tabular-nums;margin-top:6px;font-size:25px;font-weight:400;display:block}.stats{text-align:right}.meter{background:#7ec6b326;height:3px;margin-top:10px}.meter i{background:#a5f9cc;width:0;height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #83ffbf}#toast{text-align:center;color:#f1e4bd;letter-spacing:.04em;pointer-events:none;text-shadow:0 2px 10px #000;font-size:14px;position:fixed;bottom:65px;left:10%;right:10%}#choices{gap:12px;margin:22px 0;display:flex}#choices button{color:#dff9df;background:#92d7b60d;border:1px solid #9fe8bd44;border-radius:12px;flex:1;padding:18px 12px;line-height:1.6}#choices button small{color:#a0c4bf;margin-top:8px;display:block}@media (width<=600px){header{top:18px;left:20px;right:20px}.wordmark{font-size:14px}.wordmark small{font-size:6px}.tools button{padding:8px 10px}#panel{padding:25px 18px}#instructions{flex-direction:column;gap:12px;width:220px;margin:20px auto}#instructions>div{font-size:12px}#instructions br{display:none}#instructions strong:before{content:" "}#hud{gap:18px;top:80px;left:20px;right:20px}#hud>div:first-child{width:130px}#hud strong{font-size:22px}footer{letter-spacing:.1em;font-size:6px}footer span{margin:0 5px}#description{font-size:13px}#toast{font-size:12px;bottom:55px}}@media (height<=550px){header{top:14px}#panel{width:620px;padding:16px 24px}h1{margin:5px;font-size:42px}#description{margin-bottom:10px;font-size:12px}#instructions{flex-direction:row;width:auto;margin:12px 0}#instructions>div{font-size:9px}#footnote{margin:9px 0;font-size:8px}#hud{top:66px}footer{bottom:10px}#eyebrow{font-size:8px}.primary{padding:10px 24px}}
