.game-ui{z-index:10;color:#3b2b23;pointer-events:none;transform-origin:0 0;width:360px;height:640px;position:absolute;top:0;left:0}.game-ui button{font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-ui button:focus-visible{outline-offset:3px;outline:2px solid #5a8ff0}.game-header{grid-template-columns:44px 1fr 44px;align-items:center;height:44px;display:grid;position:absolute;top:12px;left:18px;right:18px}.ui-control,.level-label{color:#3b2b23;background:#fff6e0f0;border:1px solid #744e2f57;border-radius:10px;height:44px;box-shadow:0 3px #673f223d,0 6px 10px #36201414,inset 0 1px #ffffffc7}.ui-control{cursor:pointer;pointer-events:auto;place-items:center;width:44px;padding:0;display:grid;position:relative}.ui-control:before{content:"";position:absolute;inset:-4px}.ui-control:active{transform:translateY(1px)}.restart-control svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.speed-control{font-size:16px;font-weight:850}.level-label{letter-spacing:.1em;justify-self:center;place-items:center;min-width:126px;padding:0 14px;font-size:18px;font-weight:850;line-height:1;display:grid}.active-slots{pointer-events:none;position:absolute;inset:0}.active-slots:before{z-index:0;content:"";background:#986039;border:1px solid #6f4328;border-radius:14px;width:306px;height:66px;position:absolute;top:397px;left:27px;box-shadow:0 5px 10px #371f1229,inset 0 2px #ffdea92e,inset 0 -3px #4928162e}.active-slot{z-index:1;color:#fff;font-variant-numeric:tabular-nums;background:#f7e6c2;border:1px solid #c99a61;border-radius:10px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #6f4327,inset 0 2px #ffffff9e,inset 0 -2px #72492b1f}.active-slot>span,.stack-card>span,.flying-batch>span{color:#fff;text-shadow:0 2px #301c1552}.active-slot--occupied{background:var(--batch-color);box-shadow:0 3px 0 var(--batch-dark), 0 6px 9px #301c131f, inset 0 2px 0 #ffffff47, inset 0 -2px 0 #26160f14;border-color:#462a1d33}.active-slot--incoming{color:#0000;background:#f7e6c2;border-color:#c99a61;box-shadow:0 3px #6f4327,inset 0 2px #ffffff9e,inset 0 -2px #72492b1f}.active-slot--incoming>span{opacity:0}.active-slot--arrived{animation:.14s ease-out slot-arrive}@keyframes slot-arrive{0%{opacity:.7;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.batch-stacks{pointer-events:none;grid-template-columns:repeat(4,52px);justify-content:space-between;width:278px;height:170px;display:grid;position:absolute;top:468px;left:41px}.batch-stack,.stack-column{pointer-events:none;width:52px;height:170px;position:relative}.stack-column{flex-direction:column;align-items:center;gap:7px;display:flex}.stack-card,.flying-batch{color:#fff;font-variant-numeric:tabular-nums;background:var(--batch-color);width:52px;height:52px;box-shadow:0 3px 0 var(--batch-dark), 0 6px 9px #301c131f, inset 0 2px 0 #ffffff47, inset 0 -2px 0 #26160f14;border:1px solid #462a1d33;border-radius:10px;place-items:center;padding:0;font-size:20px;font-weight:900;line-height:1;display:grid}.stack-card{pointer-events:none;flex:0 0 52px;position:relative}.stack-card--depth-0{z-index:3;cursor:pointer;pointer-events:auto}.stack-card--depth-0:after{content:"";position:absolute;inset:-3px}.stack-card--depth-1{z-index:2}.stack-card--depth-2{z-index:1}.stack-card:disabled{cursor:default}.stack-card--depth-0:active{transform:translateY(1px)}.stack-card--departing{opacity:0}.stack-card--shake{animation:.17s ease-in-out stack-shake}@keyframes stack-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.stack-move{transition:transform .2s cubic-bezier(.22,.75,.25,1)}.stack-enter-active{transition:opacity .14s 45ms}.stack-enter-from,.stack-leave-to{opacity:0}.stack-leave-active{transition:opacity 55ms;position:absolute}.flying-batch{z-index:80;pointer-events:none;transform-origin:50%;will-change:transform;transition:transform .23s cubic-bezier(.22,.75,.25,1);position:absolute;transform:translate(-50%,-50%)scale(1)}.flying-batch--active{transform:translate(-50%, -50%) translate(var(--flight-x), var(--flight-y)) scale(var(--flight-scale))}.game-modal-backdrop{z-index:100;pointer-events:auto;background:#1a161261;place-items:center;padding:16px 16px 20px;display:grid;position:absolute;inset:0}.game-modal{text-align:center;background:#fffaf1;border:1px solid #543c2b38;border-radius:14px;width:calc(100% - 32px);max-width:300px;padding:22px;box-shadow:0 14px 40px #26181040}.game-modal h2{margin:0 0 10px;font-size:25px}.game-modal p{color:#765142;margin:0 0 20px;font-size:15px}.game-modal button{color:#fff;cursor:pointer;background:#5a8ff0;border:0;border-radius:9px;width:100%;min-height:46px;padding:0 18px;font-weight:850;box-shadow:0 4px #3866ba}.game-modal button:active{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.ui-control:hover{background:#fffaf0}.stack-card--depth-0:hover{filter:brightness(1.05)saturate(1.04);transform:translateY(-2px)}.game-modal button:hover{filter:brightness(1.05)}.game-modal{max-width:320px;padding:26px}}@media (hover:none),(pointer:coarse){.ui-control:active,.stack-card--depth-0:active,.game-modal button:active{transform:translateY(1px)}}:root{--vk-safe-top:0px;--vk-safe-right:0px;--vk-safe-bottom:0px;--vk-safe-left:0px;--safe-top:max(env(safe-area-inset-top,0px), var(--vk-safe-top,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--vk-safe-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--vk-safe-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--vk-safe-left,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#cfd5dc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html,body{overflow-x:hidden}body{background:linear-gradient(#d9dee4 0%,#c7cdd5 100%);min-height:100dvh;overflow-y:auto}#app{min-height:100dvh}.app-viewport{width:100%;min-height:100dvh;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);justify-content:center;align-items:center;display:flex;overflow-x:hidden}.game-shell{width:min(100%,56.25dvh - 9px);width:min(100%, calc((100dvh - var(--safe-top) - var(--safe-bottom) - 16px) * .5625));background:#f8efe3;border-radius:8px;flex:none;max-width:540px;position:relative;overflow:hidden}.game-shell:before{content:"";padding-top:177.778%;display:block}@supports (aspect-ratio:9 / 16){.game-shell{aspect-ratio:9/16}.game-shell:before{display:none}}#game-canvas{position:absolute;inset:0}#game-canvas canvas{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;width:100%!important;height:100%!important}.orientation-lock{z-index:1000;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px);color:#3c2e28;letter-spacing:.08em;text-align:center;background:#f5ead5;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:17px;font-weight:850;display:none;position:fixed;inset:0}.orientation-lock svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}@media (hover:hover) and (pointer:fine){.game-shell{border-radius:14px;box-shadow:0 18px 60px #181f2833}}@media (hover:none),(pointer:coarse){.game-shell{box-shadow:none;border-radius:0}}@media (pointer:fine) and (width>=768px) and (height<=680px){.app-viewport{align-items:flex-start;min-height:100dvh;overflow-y:visible}.game-shell{width:min(540px,100vw - 24px);min-width:360px}}@media (orientation:landscape) and (pointer:coarse) and (height<=500px){.orientation-lock{display:flex}}