:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#050d1d;color:#f6f2df}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;touch-action:none;cursor:pointer}#world{position:fixed;inset:0;width:100vw;height:100dvh;display:block;touch-action:none;background:#081936}#wash{position:fixed;inset:0;background:linear-gradient(to bottom,transparent 40%,#06142320 70%,#03090b90);pointer-events:none}#grain{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="140" height="140"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".62" numOctaves="3" seed="8"/%3E%3C/filter%3E%3Crect width="140" height="140" filter="url(%23n)" opacity=".5"/%3E%3C/svg%3E');mix-blend-mode:soft-light}.top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;z-index:4}.brand{font-size:11px;letter-spacing:.21em;font-weight:800;color:#fff2ce;text-decoration:none}.brand b{font-size:22px;color:#e7ce85;font-weight:500;margin-right:10px}.muted{opacity:.55}.top .act{display:flex;gap:8px}.pill{border:1px solid #ffffff54;border-radius:25px;color:#f1ead4;background:#051a33a6;padding:10px 16px;font-size:10px;letter-spacing:.14em;font-weight:700;backdrop-filter:blur(12px)}.pill:hover,.pill:focus-visible{background:#b9a278;color:#0c1a28}.head{position:absolute;top:105px;left:35px;max-width:305px;pointer-events:none;text-shadow:0 2px 20px #000}.head small{font-size:9px;letter-spacing:.24em;color:#f6d49d;font-weight:800}.head h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(28px,3.6vw,51px);letter-spacing:-.05em;line-height:1.02;margin:12px 0}.head p{font-size:12px;line-height:1.7;color:#e7eadc;max-width:250px}.stats{position:absolute;bottom:26px;right:32px;text-align:right;text-shadow:0 3px 10px #000}.stats .speed{font-family:Georgia,serif;font-size:60px;line-height:1}.stats small{font-size:11px;letter-spacing:.15em}.stats .note{font-size:10px;color:#f9d49c;margin-top:10px;letter-spacing:.18em}.hud{position:absolute;left:35px;bottom:31px;display:flex;flex-direction:column;gap:10px}.hud .combo{font-family:Georgia,serif;font-size:24px;color:#f5d38d;text-shadow:0 2px 12px #030f24}.meter{height:4px;width:150px;background:#d3e8dd45;overflow:hidden}.meter>i{display:block;height:100%;width:30%;background:#fae49d;transition:width .16s}.instructions{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;padding:10px 15px;border-radius:30px;border:1px solid #efd9a544;background:#061626ba;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:12px;color:#f5eee5;letter-spacing:.035em;backdrop-filter:blur(8px)}kbd{font-family:inherit;background:#f5d38a;color:#11253b;border-radius:3px;padding:3px 5px;font-weight:900;font-size:10px}.toast{position:absolute;top:20%;left:50%;transform:translateX(-50%);text-align:center;z-index:6;color:#ffe9b0;font-family:Georgia,serif;font-size:clamp(22px,3.6vw,45px);font-style:italic;text-shadow:0 3px 16px #061126,0 0 35px #153b62;opacity:0;transition:opacity .26s;pointer-events:none}.toast.on{opacity:1}.intro{position:absolute;inset:0;z-index:9;background:linear-gradient(100deg,#040d18e9,#091e35a0 51%,#08142955);display:flex;align-items:center;padding:7vw}.intro .panel{max-width:650px}.eyebrow{font-weight:800;letter-spacing:.26em;font-size:11px;color:#f3d390}.intro h2{font-family:Georgia,serif;font-size:clamp(58px,8vw,126px);line-height:.96;letter-spacing:-.065em;font-weight:400;margin:20px 0}.intro h2 em{color:#e9cf91}.intro p{font-size:15px;line-height:1.75;max-width:520px;color:#ecf0e9}.primary{margin-top:25px;background:#e4c784;color:#132137;border:0;padding:18px 30px;font-size:11px;font-weight:900;letter-spacing:.15em}.secondary{margin-left:10px;background:#091829bf;color:#f3e4c4;border:1px solid #e4c784aa;padding:17px 23px;font-size:11px;font-weight:900;letter-spacing:.15em}.intro .foot{font-size:10px;color:#d6c4ad;margin-top:26px;letter-spacing:.06em}.touch{display:none;position:absolute;bottom:26px;left:0;right:0;z-index:5;justify-content:space-between;align-items:end;padding:0 16px;pointer-events:none}.touch button{pointer-events:auto;border:1px solid #fff8c77d;background:#09283c9c;color:#f4ecda;border-radius:16px;min-width:59px;min-height:57px;font-size:13px;font-weight:800;backdrop-filter:blur(11px)}.touch button.active{background:#ffcf6f;color:#061524}.touch .controls{display:flex;gap:8px}.touch .stack{display:flex;flex-direction:column;gap:7px}.touch .go{height:62px;width:70px}.touch .boost{color:#ffdaa1}.touch .super{color:#f9edbf}.error{position:absolute;bottom:110px;left:20px;right:20px;z-index:12;font-size:12px;color:#fff;padding:11px;background:#8a291add;border-radius:6px}.help{position:absolute;top:70px;right:25px;width:min(380px,calc(100vw - 40px));z-index:8;background:#061524ed;border:1px solid #e3c98f75;padding:22px;box-shadow:0 20px 80px #0009;display:none;font-size:12px;line-height:1.7}.help.open{display:block}.help h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 10px}.help p{color:#d9e4e4}.help button{margin-top:12px;padding:10px 18px;background:#e6cd91;border:0;color:#152135}button:focus-visible,a:focus-visible{outline:2px solid #f3dc8b;outline-offset:3px}@media(max-width:800px){.top{padding:14px 15px}.brand{font-size:10px}.pill{padding:9px 10px;font-size:9px}.top .pill:nth-child(2){display:none}.head{top:83px;left:16px;max-width:220px}.head h1{font-size:32px}.head p{font-size:10px}.stats{bottom:127px;right:18px}.stats .speed{font-size:38px}.hud{bottom:137px;left:17px}.hud .combo{font-size:18px}.touch{display:flex}.instructions{display:none}.intro{padding:25px;align-items:center}.intro h2{font-size:clamp(49px,12vw,75px)}.intro p{font-size:13px}.secondary{display:block;margin:10px 0 0}.intro .foot{font-size:9px}}@media(prefers-reduced-motion:reduce){.toast{transition:none}#grain{display:none}}
[hidden]{display:none!important}
