@font-face{font-family:Fredoka;src:url(./Fredoka-Bold-BvORzsf3.ttf)format("truetype");font-weight:700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1c173c;font-family:Fredoka,system-ui,sans-serif;font-weight:700}body{margin:0;overflow:hidden}main{--viewport-height:100vh;--logo-width:clamp(100px, 29vw, 140px);--logo-top:max(12px, env(safe-area-inset-top));--logo-space:calc(var(--logo-top) + var(--logo-width) * 383 / 600);--download-width:clamp(178px, 56vw, 232px);--download-height:calc(var(--download-width) * 135 / 398);--download-bottom:max(12px, env(safe-area-inset-bottom));--download-space:calc(var(--download-height) + var(--download-bottom) + 8px);--board-width:min(100vw, calc((var(--viewport-height) - var(--logo-space) - var(--download-space)) * var(--board-aspect)));--road-inset:calc(var(--board-width) * 28 / 360);box-sizing:border-box;height:var(--viewport-height);padding-top:var(--logo-space);padding-bottom:var(--download-space);place-items:center;display:grid}@supports (height:100dvh){main{--viewport-height:100dvh}}.playable-logo{z-index:2;top:var(--logo-top);width:var(--logo-width);pointer-events:none;height:auto;position:fixed;left:50%;translate:-50%}.download-cta{z-index:2;bottom:var(--download-bottom);width:var(--download-width);height:var(--download-height);color:#fff;opacity:1;font-family:inherit;font-weight:inherit;-webkit-text-stroke:3px #123303;paint-order:stroke fill;text-shadow:0 2px 1px #123303;background:url(./download-button-9TOB2mNO.png) 50%/100% 100% no-repeat;border:0;place-items:center;padding:0;font-size:clamp(25px,4.3vw,34px);line-height:1;display:grid;position:fixed;left:50%;translate:-50%}@media (width>=720px) and (aspect-ratio>=4/3) and (hover:hover){main{--corner-inset:clamp(16px, 2vw, 32px);--logo-top:var(--corner-inset);--logo-space:0px;--logo-width:min(204px, calc((100vw - var(--board-width)) / 2 - var(--corner-inset) - 12px));--download-bottom:var(--corner-inset);--download-space:0px;--download-side-space:calc((100vw - var(--board-width)) / 2 + var(--road-inset));--download-width:min(250px, calc(var(--download-side-space) - var(--download-bottom) - 16px))}.playable-logo{left:var(--corner-inset);translate:none}.download-cta{right:var(--download-bottom);left:auto;translate:none}}.board{width:var(--board-width);aspect-ratio:var(--board-aspect);position:relative;container-type:inline-size}.board:after{--lane-spacing:calc(100cqw * 48 / 360);--lane-width:calc(100cqw * 2 / 360);--lane-dashes:repeating-linear-gradient(to bottom, #554570 0 calc(100cqw * 12 / 360), transparent calc(100cqw * 12 / 360) calc(100cqw * 22 / 360));content:"";top:100%;inset-inline:var(--road-inset);background:var(--lane-dashes) calc(50% - 2 * var(--lane-spacing)) 0 / var(--lane-width) 100% no-repeat, var(--lane-dashes) calc(50% - var(--lane-spacing)) 0 / var(--lane-width) 100% no-repeat, var(--lane-dashes) center / var(--lane-width) 100% no-repeat, var(--lane-dashes) calc(50% + var(--lane-spacing)) 0 / var(--lane-width) 100% no-repeat, var(--lane-dashes) calc(50% + 2 * var(--lane-spacing)) 0 / var(--lane-width) 100% no-repeat, #32274d;pointer-events:none;border-inline:.833333cqw solid #221a3c;height:50vh;position:absolute;box-shadow:inset .833333cqw 0 #51416f,inset -.833333cqw 0 #51416f}canvas{z-index:1;width:100%;height:auto;display:block;position:absolute;inset:0 auto auto 0}.board.is-opening:after{visibility:hidden}.conveyor-capacity{z-index:2;aspect-ratio:274/98;color:#f6f2ff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #17122e;white-space:nowrap;background:url(./capacity-bg-Dyqbpvbv.png) 50%/contain no-repeat;justify-content:center;align-items:center;gap:1.25cqw;width:25%;font-size:5cqw;line-height:1;display:flex;position:absolute;top:33.08%;left:50%;transform:translate(-50%,-50%)}.conveyor-capacity:before{content:"";aspect-ratio:60/65;background:url(./cube-shape-BqwNx-h4.png) 50%/contain no-repeat;flex:0 0 4.8cqw}.playable-hand{z-index:3;width:calc(var(--board-width) * .16);transform-origin:8% 8%;pointer-events:none;filter:drop-shadow(1px 3px 3px #17122eaa);translate:-8% -8%}.tutorial-hand{animation:1.2s ease-in-out infinite tutorial-tap;position:absolute}@keyframes tutorial-tap{0%,to{transform:translate(0)}50%{transform:translate(5%,5%)}}@media (prefers-reduced-motion:reduce){.tutorial-hand{animation:none}}.mouse-hand{--turn:0deg;transform:translate(50%, 49%) rotate(var(--turn)) translate(-50%, -49%);transition:transform .12s ease-out;position:fixed}.mouse-hand.is-pressed{--turn:-12deg}@media (prefers-reduced-motion:reduce){.mouse-hand{transition:none}}.show-mouse-hand,.show-mouse-hand *{cursor:none!important}