:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root,button,input{font-family:"Press Start 2P",monospace}html,body,#root{border:0;width:100%;max-width:none;height:100%;margin:0;overflow:hidden}.game{position:fixed;inset:0}.board{position:absolute;inset:0;overflow:hidden}.row{position:absolute;left:0;right:0}.grass{background:#4caf50}.road{background:#444;border-top:2px dashed #ddd8}.car{position:absolute;left:0}.car img{width:100%;height:100%;image-rendering:pixelated;display:block}.drive{animation:linear infinite drive}.strike{z-index:3;animation:linear forwards drive}@keyframes drive{0%{transform:translateX(var(--from))}to{transform:translateX(var(--to))}}.chicken{z-index:2;transition:top .12s ease-out;position:absolute}.chicken.hit{animation:.12s linear infinite shake}@keyframes shake{50%{transform:translate(3px)}}.arrow-button{z-index:4;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .12s ease-out;animation:.45s cubic-bezier(.34,1.56,.64,1) arrow-pop;position:absolute}.arrow-button img{width:100%;height:100%;image-rendering:pixelated;display:block}.arrow-button:hover{transform:translateY(-4px)}@keyframes arrow-pop{0%{opacity:0;transform:scale(0)translateY(16px)}}.overlay{z-index:10;box-sizing:border-box;background:#000b;padding:8px;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0;overflow-y:auto}.modal{box-sizing:border-box;color:#222;background:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:min(100%,704px);margin:auto;padding:40px 32px;display:flex;box-shadow:0 10px 40px #0008}.modal-lane{letter-spacing:.1em;text-transform:uppercase;color:#666;margin:0;font-size:.8rem}.modal-q{text-align:center;margin:0;font-size:1.5rem;line-height:1.5}.modal input{text-align:center;width:200px;padding:12px;font-size:1.5rem}.modal button{cursor:pointer;padding:14px 24px;font-size:1rem}@keyframes fade-in{0%{opacity:0}}.detail{image-rendering:pixelated;pointer-events:none;position:absolute}.sway{transform-origin:50% 100%;animation:ease-in-out infinite alternate sway}@keyframes sway{0%{transform:skew(-9deg)}to{transform:skew(9deg)}}.pebble{background:#5e5e5e;width:8px;height:4px;box-shadow:0 4px #333}.crack{background:#2e2e2e;width:16px;height:4px;box-shadow:8px 4px #2e2e2e,16px 8px #2e2e2e}.puff{z-index:2;opacity:0;pointer-events:none;background:#111;animation:.45s ease-out forwards puff;position:absolute}@keyframes puff{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(var(--dx), var(--rise))}}.shake{animation:.5s linear shake-screen}@keyframes shake-screen{0%,to{transform:scale(1.04)translate(0)}10%{transform:scale(1.04)translate(-14px,8px)}25%{transform:scale(1.04)translate(12px,-10px)}40%{transform:scale(1.04)translate(-10px,-6px)}55%{transform:scale(1.04)translate(8px,8px)}70%{transform:scale(1.04)translate(-6px,4px)}85%{transform:scale(1.04)translate(3px,-3px)}}.flash{z-index:9;pointer-events:none;background:#d00000;animation:.5s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.5}to{opacity:0}}.timer{background:#ddd;border:4px solid #222;width:100%;height:16px}.timer-bar{background:#4caf50;height:100%;animation:linear forwards countdown}@keyframes countdown{0%{background:#4caf50;width:100%}60%{background:#ffd23f}to{background:#e03c31;width:0}}.barrels{max-width:100%;position:relative}.modal .barrel{cursor:default;transition:left var(--swap-ms) ease-in-out, top calc(var(--swap-ms) / 2) ease-in-out;background:0 0;border:0;padding:0;position:absolute}.modal .barrel:not(:disabled){cursor:pointer}.modal .barrel:not(:disabled):hover .barrel-img{transform:translateY(-8px)}.barrel img{image-rendering:pixelated;position:absolute}.barrel .egg{opacity:0;width:40px;height:52px;transition:opacity 0s .25s;top:12px;left:12px}.barrel .egg.shown{opacity:1;transition:none}.barrel .barrel-img{width:100%;height:100%;transition:transform .25s ease-out;inset:0}.block{display:block;position:relative}.block img,.block .mark{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.block .mark{fill:#f4ead5;stroke:#3b2412;stroke-width:1px;stroke-linejoin:round}.scales{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.scale{width:128px;height:80px;position:relative}.beam{background:#222;height:6px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:48px;left:0;right:0}.beam .pan{position:absolute;bottom:6px}.beam .pan.left{left:4px}.beam .pan.right{right:4px}.fulcrum{clip-path:polygon(50% 0,100% 100%,0 100%);background:#222;width:24px;height:24px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.weigh-row{max-width:100%;position:relative}.modal .weigh-pick{cursor:default;background:0 0;border:0;padding:0;transition:left .7s ease-in-out,transform .2s ease-out;position:absolute;top:16px}.modal .weigh-pick:not(:disabled){cursor:pointer}.modal .weigh-pick:not(:disabled):hover,.modal .weigh-pick.picked{transform:translateY(-12px)}.modal .weigh-pick.picked:after{content:"";background:#222;height:4px;position:absolute;bottom:-12px;left:8px;right:8px}.nests{flex-wrap:wrap;justify-content:center;gap:4px;padding-top:12px;display:flex}.modal .pick{cursor:default;background:0 0;border:0;padding:0;transition:transform .2s ease-out;position:relative}.modal .pick:not(:disabled){cursor:pointer}.modal .pick:not(:disabled):hover{transform:translateY(-8px)}.modal .pick.answer{animation:.35s ease-out 2 nest-bounce}.modal .pick.wrong{animation:.12s linear 4 shake}.modal .pick.answer:after,.modal .pick.wrong:after{content:"";background:#222;height:4px;position:absolute;bottom:-10px;left:8px;right:8px}.modal .pick.wrong:after{background:repeating-linear-gradient(90deg,#222 0 6px,#0000 6px 10px)}@keyframes nest-bounce{50%{transform:translateY(-12px)}}.nest{transform-origin:50% 100%;position:absolute;inset:0}.nest .container{width:60px;height:28px;position:absolute;bottom:0;left:0}.nest .handle{width:100%;height:100%;position:absolute;inset:0}.egg-wrap{position:absolute;top:22px}.egg-wrap img,.egg-wrap svg{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.ladder{max-width:100%;position:relative}.ladder svg{display:block}.ladder-chicken{position:absolute;top:4px}.ladder-route{fill:none;stroke:#e03c31;stroke-width:6px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.2s linear forwards draw-route}@keyframes draw-route{to{stroke-dashoffset:0}}.modal .pick.ladder-exit{width:48px;height:40px;position:absolute}.ladder-exit img{width:20px;height:26px;image-rendering:pixelated;margin-top:8px}.frames,.options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.options{padding-top:8px}.frame,.modal .pick.frame{box-sizing:content-box;background:#fff;border:4px solid #222;padding:6px;position:relative}.frame .nest{inset:6px}.frame.missing,.modal .pick.frame.missing{border-style:dashed}.frame.missing{justify-content:center;align-items:center;display:flex}.frame-q{font-size:1.5rem}.help-button{z-index:5;color:#222;cursor:pointer;background:#fff;border:4px solid #222;width:56px;height:56px;padding:0;font-size:1.4rem;position:absolute;top:16px;right:16px;box-shadow:0 4px #222}.help-button:hover{transform:translateY(-2px)}.modal.tutorial{max-height:92vh;overflow-y:auto}.modal.compact{gap:12px;width:min(100%,608px);padding:28px 24px}.modal.compact .modal-q{font-size:1.25rem}.tut-tabs{gap:8px;display:flex}.modal .tut-tab{color:#222;background:#fff;border:4px solid #222;width:44px;height:44px;padding:0}.modal .tut-tab.active{color:#fff;background:#222}.tut-demo{justify-content:center;align-items:center;height:190px;display:flex}.tut-steps{text-align:left;align-self:stretch;min-height:9.5em;margin:0;padding-left:2.4em;font-size:.62rem;line-height:1.8}.tut-nav{gap:12px;display:flex}.modal .pick.demo-loop{animation-duration:.9s;animation-iteration-count:infinite}.demo-route{fill:none;stroke:#e03c31;stroke-width:6px;stroke-linejoin:round;stroke-dasharray:1;animation:4s linear infinite demo-route}@keyframes demo-route{0%{stroke-dashoffset:1px}75%,to{stroke-dashoffset:0}}.demo-walker{offset-anchor:50% 100%;offset-rotate:0deg;animation:4s linear infinite demo-walk;position:absolute;top:0;left:0}@keyframes demo-walk{0%{offset-distance:0%}75%,to{offset-distance:100%}}.demo-balance{flex-direction:column;align-items:center;gap:8px;display:flex}.demo-chain{align-items:center;gap:12px;font-size:1.2rem;display:flex}.demo-egg{width:240px;height:110px;position:relative}.demo-barrel{width:64px;height:64px;position:absolute;bottom:0}.demo-barrel img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.demo-barrel .demo-egg-img{width:40px;height:52px;animation:5s step-end infinite demo-egg-show;top:12px;left:12px}.demo-lift{animation:5s ease-in-out infinite demo-lift}@keyframes demo-lift{0%,14%{transform:translateY(-40px)}22%,56%{transform:translateY(0)}62%,72%{transform:translateY(-40px)}78%,to{transform:translateY(0)}}@keyframes demo-egg-show{0%{opacity:1}20%{opacity:0}60%{opacity:1}76%{opacity:0}}.demo-swap-a{animation:5s ease-in-out infinite demo-swap-a}.demo-swap-b{animation:5s ease-in-out infinite demo-swap-b}@keyframes demo-swap-a{0%,30%{transform:translate(0)}40%{transform:translate(40px,-14px)}50%,82%{transform:translate(80px)}91%{transform:translate(40px,-14px)}to{transform:translate(0)}}@keyframes demo-swap-b{0%,30%{transform:translate(0)}40%{transform:translate(-40px,14px)}50%,82%{transform:translate(-80px)}91%{transform:translate(-40px,14px)}to{transform:translate(0)}}.account-button{z-index:5;color:#222;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:4px solid #222;max-width:calc(100vw - 104px);height:56px;padding:0 16px;font-size:.8rem;position:absolute;top:16px;left:16px;overflow:hidden;box-shadow:0 4px #222}.account-button:hover{transform:translateY(-2px)}.modal .code-input{width:min(100%,420px);font-size:.85rem}.recovery-code{letter-spacing:.08em;-webkit-user-select:all;user-select:all;word-break:break-all;text-align:center;border:4px dashed #222;margin:0;padding:16px;font-size:clamp(.7rem,3.2vw,1.1rem)}.account-note{text-align:center;color:#555;margin:0;font-size:.6rem;line-height:1.8}.account-error,.account-status{text-align:center;margin:0;font-size:.65rem;line-height:1.6}.account-error{color:#e03c31}.account-actions{flex-direction:column;align-self:stretch;gap:10px;display:flex}.modal .link-button{color:#555;background:0 0;border:0;padding:4px;font-size:.65rem;text-decoration:underline}.world{transform-origin:0 0;position:absolute;top:0;left:0}.fit{flex-shrink:0;position:relative}.fit-inner{transform-origin:0 0;width:max-content;position:absolute;top:0;left:0}.stack{flex-direction:column;align-items:center;gap:16px;display:flex}.fit-inner .barrels,.fit-inner .weigh-row,.fit-inner .ladder{max-width:none}.tut-demo{align-self:stretch}@media (width<=600px){.modal,.modal.compact{gap:12px;padding:24px 14px}.modal-q,.modal.compact .modal-q{font-size:1.05rem}.scales{width:280px}.options{width:256px}}@media (height<=520px){.modal,.modal.compact{gap:8px;padding:12px 16px}.modal-q,.modal.compact .modal-q{font-size:.95rem}.timer{border-width:3px;height:10px}.tut-demo{height:130px}.tut-steps{min-height:0}.help-button{width:44px;height:44px;font-size:1.1rem;top:8px;right:8px}.account-button{max-width:calc(100vw - 72px);height:44px;top:8px;left:8px}}