*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#1c2126;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:min(100vw,56.25dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden}#app canvas{touch-action:none;width:100%;height:100%;display:block}#slide{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#hud{top:calc(env(safe-area-inset-top,0px) + 8px);pointer-events:none;grid-template-columns:62px 1fr 62px;align-items:end;gap:8px;display:grid;position:absolute;left:8px;right:8px}.tabbed{flex-direction:column;align-items:center;display:flex}.tabbed small{color:#fff;letter-spacing:.04em;white-space:nowrap;background:#14181cb8;border-radius:6px 6px 0 0;height:13px;padding:0 7px;font-size:9px;font-weight:800;line-height:13px}.tabbed>:not(small){border-radius:11px}#field-box{width:62px}#field-box small{text-align:center;width:48px;padding:0}#pause{pointer-events:auto;background:#14181cb8;border:0;border-radius:50%;justify-self:end;width:34px;height:34px;padding:0;position:relative}#pause:before,#pause:after{content:"";background:#fff;border-radius:1px;width:4px;height:14px;position:absolute;top:10px}#pause:before{left:11px}#pause:after{right:11px}.pill{color:#fff;white-space:nowrap;background:#14181cb8;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800}#field{text-align:center;font-variant-numeric:tabular-nums;width:100%;padding:6px 2px;overflow:hidden}#app #overlay #cash{top:calc(env(safe-area-inset-top,0px) + 21px);font-variant-numeric:tabular-nums;position:absolute;left:8px}#app:has(#cash:not([hidden])) #field-box{visibility:hidden}#cash[hidden]{display:none}#cash.bump{animation:.18s ease-out cash-bump}@keyframes cash-bump{50%{transform:scale(1.18)}}.note{z-index:6;text-align:center;pointer-events:none;width:56px;margin:-28px 0 0 -28px;font-size:48px;line-height:56px;position:absolute}#hp{background:#14181cb8;border-radius:11px;width:100%;height:28px;position:relative;overflow:hidden}#hp-fill{transform-origin:0;background:#4cd964;border-radius:8px;width:calc(100% - 6px);transition:transform .15s linear,background-color .3s;position:absolute;inset:3px}#hp span{color:#fff;letter-spacing:.12em;text-shadow:0 1px 2px #0009;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}#road{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:none;padding:7px 16px;font-size:15px;transition:background-color .2s;position:absolute;transform:translate(-50%)}#road:before{content:"";vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cmask id='m'%3E%3Crect width='24' height='22' fill='%23fff'/%3E%3Cellipse cx='7.4' cy='6.4' rx='2.7' ry='1' transform='rotate%28-38 7.4 6.4%29' fill='%23000'/%3E%3Cpath d='M2.6 14.2C8.6 11.2 16 9.8 22.4 9.9' fill='none' stroke='%23000' stroke-width='.9'/%3E%3C/mask%3E%3Cg fill='%23fff' stroke='%23fff'%3E%3Cpath d='M9.5 14.5C11 20.5 16.5 20.5 18 13' fill='none' stroke-width='2.2' stroke-linecap='round'/%3E%3Cg mask='url%28%23m%29'%3E%3Cpath d='M2 16C.6 7.5 6.5 1 13 1c5.8 0 9 4.6 9.8 10.2C16 11 8.2 12.6 2 16z' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:22px;height:20px;margin:-4px 7px -4px 0;display:inline-block}#road.warn{animation:.5s step-end infinite road-warn}@keyframes road-warn{0%{background:#f08a1c}50%{background:#14181cb8}}#road.full{background:#d9372b}#alert{text-align:center;color:#fff;text-shadow:0 2px 4px #0000008c;pointer-events:none;background:#14181c80;border-radius:16px;width:max-content;max-width:92%;padding:10px 20px;font-size:24px;font-weight:900;line-height:1.2;position:absolute;top:33%;left:50%;transform:translate(-50%)}#alert[hidden]{display:none}#alert b{color:#ffc61a;display:block}#overlay{color:#fff;text-align:center;background:#0f1215c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}#splash{background:#1c2126;transition:opacity .3s;position:absolute;inset:0}#splash[hidden]{display:none}#splash.done{opacity:0}#splash img{object-fit:cover;object-position:center top;pointer-events:none;width:100%;height:100%;display:block}#splash span{padding:0 0 calc(env(safe-area-inset-bottom,0px) + 42px);color:#fff;text-align:center;letter-spacing:.04em;-webkit-text-stroke:5px #1c2126;paint-order:stroke fill;pointer-events:none;font-size:26px;font-weight:900;animation:1.2s ease-in-out infinite splash-pulse;position:absolute;bottom:0;left:0;right:0}#splash span[hidden],#splash-bar[hidden]{display:none}#splash-bar{left:18%;right:18%;bottom:calc(env(safe-area-inset-bottom,0px) + 50px);background:#1c2126bf;border:3px solid #1c2126;border-radius:10px;height:16px;position:absolute;overflow:hidden}#splash-fill{transform-origin:0;background:#ffc61a;height:100%;transition:transform .15s linear;display:block;transform:scaleX(0)}@keyframes splash-pulse{50%{opacity:.45}}#tutorial{pointer-events:none;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}#tutorial[hidden]{display:none}#tutorial.done{opacity:0}#tutorial-hole{border-radius:18px;position:absolute;box-shadow:0 0 0 200vmax #000000a8}#tutorial-text{color:#fff;text-align:center;text-shadow:0 2px 6px #0009;width:86%;margin:0;font-size:22px;font-weight:800;line-height:1.25;position:absolute;left:50%;transform:translate(-50%)}#tutorial-hand{width:0;height:0;position:absolute}#tutorial-hand span{transform-origin:50% 0;filter:drop-shadow(0 4px 4px #00000073);font-size:54px;line-height:1;animation:1.1s ease-in-out infinite tutorial-tap;position:absolute;top:-6px;left:-29px}#tutorial-hand i{opacity:0;border:4px solid #fff;border-radius:50%;width:44px;height:44px;animation:1.1s ease-out infinite tutorial-ring;position:absolute;top:-22px;left:-22px}@keyframes tutorial-tap{0%,to{transform:translateY(26px)scale(1)}40%,55%{transform:translateY(0)scale(.9)}}@keyframes tutorial-ring{0%,40%{opacity:0;transform:scale(.3)}45%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}#feature{background:#0f1215c7;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#feature[hidden]{display:none}#feature .card{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100%,320px);display:flex}#feature h1{color:#ffc61a;margin:0;font-size:38px;font-weight:900;line-height:1.05}#feature small{letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin:-4px 0 14px;font-size:15px;font-weight:800}#feature-icon{border:3px solid #ffffffd9;border-radius:50%;place-items:center;width:84px;height:84px;font-size:52px;font-weight:900;line-height:1;display:grid}#feature h2{margin:0;font-size:24px;font-weight:900}#feature p{opacity:.85;margin:0 0 14px;font-size:16px;line-height:1.35}#fireworks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#overlay>:not(#fireworks){position:relative}#overlay[hidden]{display:none}#overlay h1{margin:0;font-size:34px;font-weight:900}#overlay.won h1{color:#ffc61a}#overlay p{opacity:.85;margin:0 0 12px;font-size:16px}#overlay.won h1{margin-bottom:44px}#reward{flex-direction:column;align-items:center;gap:2px;margin-bottom:56px;display:flex}#reward[hidden],#result[hidden]{display:none}#reward span{filter:drop-shadow(0 8px 10px #00000073);font-size:112px;line-height:1.05}#reward b{color:#7be08a;font-size:36px;font-weight:900}#progress{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;width:min(78%,280px);margin-bottom:16px;display:grid}#progress[hidden]{display:none}#progress-label{letter-spacing:.08em;text-transform:uppercase;opacity:.8;grid-column:1/-1;font-size:13px;font-weight:800}#progress .bar{background:#ffffff2e;border-radius:10px;height:20px;position:relative;overflow:hidden}#progress-percent{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}#progress-fill{transform-origin:0;background:#ffc61a;border-radius:10px;height:100%;transition:transform .7s ease-out;display:block}#progress-icon{border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;font-weight:900;line-height:1;display:grid}#overlay button,#feature button{font:inherit;color:#1c2126;background:#ffc61a;border:0;border-radius:14px;padding:14px 34px;font-size:18px;font-weight:800;box-shadow:0 5px #b98a00}#overlay button:active,#feature button:active{transform:translateY(3px);box-shadow:0 2px #b98a00}