:root{--sky:#7ec8f0;--sun:#ffd54a;--dirt:#c98a4b;--machine-yellow:#ffc21a;--ui-dark:#2b3a4a;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;background:var(--sky);width:100%;height:100%;color:var(--ui-dark);font-family:"Baloo 2",Comic Sans MS,Chalkboard SE,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}canvas{touch-action:none;width:100%;height:100%;display:block}.screen{padding:calc(var(--safe-t) + 3vmin) calc(var(--safe-r) + 3vmin) calc(var(--safe-b) + 3vmin) calc(var(--safe-l) + 3vmin);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:4vmin;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen--sky{background:linear-gradient(#8fd6ff 0%,#cfefff 55%,#b9e08a 55%,#a5d477 100%)}#loading{gap:6vmin}.loader-machine{width:40vmin;max-width:260px;animation:1.1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-2.5vmin)rotate(2deg)}}.loader-bar{background:#ffffffa6;border-radius:999px;width:55vmin;max-width:340px;height:3.5vmin;min-height:18px;overflow:hidden;box-shadow:inset 0 3px 6px #0000001f}.loader-fill{background:linear-gradient(90deg,#ffd54a,#ff9f1a);border-radius:999px;width:15%;height:100%;animation:2.2s ease-in-out infinite fill}@keyframes fill{0%{width:8%}70%{width:92%}to{width:100%}}#garage{justify-content:center}.garage-title{width:46vmin;max-width:300px;margin-bottom:1vmin}.machine-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:3.5vmin;width:100%;display:flex}.machine-card{aspect-ratio:1/.92;cursor:pointer;background:#fffdf5;border:none;border-radius:5vmin;flex:0 30vmin;justify-content:center;align-items:center;min-width:150px;max-width:300px;padding:2.5vmin;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 1.2vmin #00000029,0 2vmin 4vmin #00000024}.machine-card svg{width:100%;height:100%}.machine-card:active{transform:translateY(1vmin)scale(.97);box-shadow:0 .3vmin #00000029,0 .8vmin 2vmin #00000024}#hud{z-index:5;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud-corner{pointer-events:auto;gap:2vmin;display:flex;position:absolute}.hud-corner--tl{top:calc(var(--safe-t) + 2vmin);left:calc(var(--safe-l) + 2vmin)}.hud-corner--tr{top:calc(var(--safe-t) + 2vmin);right:calc(var(--safe-r) + 2vmin)}.icon-btn{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:13vmin;min-width:58px;max-width:88px;height:13vmin;min-height:58px;max-height:88px;padding:2.6vmin;display:flex;box-shadow:0 .8vmin #00000029}.icon-btn svg{width:100%;height:100%}.icon-btn:active{transform:translateY(.5vmin);box-shadow:0 .3vmin #00000029}#progress{top:calc(var(--safe-t) + 2vmin);background:#ffffffd1;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:1.4vmin;max-width:62vw;padding:1.6vmin 2.6vmin;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .8vmin #0000001f}.pip{background:#e8b06a;border-radius:30%;width:4.2vmin;min-width:20px;max-width:34px;height:4.2vmin;min-height:20px;max-height:34px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s;box-shadow:inset 0 -.5vmin #00000024}.pip.smashed{background:#7fd35e;transform:scale(1.22)rotate(-12deg)}#joystick{bottom:calc(var(--safe-b) + 4vmin);left:calc(var(--safe-l) + 4vmin);pointer-events:auto;touch-action:none;background:#ffffff47;border:.9vmin solid #ffffff8c;border-radius:50%;width:38vmin;min-width:150px;max-width:260px;height:38vmin;min-height:150px;max-height:260px;position:absolute}#joystick-knob{will-change:transform;background:#fffffff2;border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%;box-shadow:0 .8vmin 1.6vmin #00000040}#action-btn{bottom:calc(var(--safe-b) + 5vmin);right:calc(var(--safe-r) + 5vmin);pointer-events:auto;touch-action:none;cursor:pointer;background:radial-gradient(circle at 38% 32%,#ff8a4a,#ef5a1e 62%,#cf4310);border:none;border-radius:50%;justify-content:center;align-items:center;width:30vmin;min-width:120px;max-width:210px;height:30vmin;min-height:120px;max-height:210px;padding:6vmin;display:flex;position:absolute;box-shadow:0 1.4vmin #a8340a,0 2vmin 3vmin #00000047}#action-btn svg{width:100%;height:100%}#action-btn.pressed{transform:translateY(1.2vmin);box-shadow:0 .2vmin #a8340a,0 .8vmin 1.5vmin #00000047}#win{-webkit-backdrop-filter:blur(3px);background:#14283c73}.win-card{background:#fffdf5;border-radius:7vmin;flex-direction:column;align-items:center;gap:4vmin;padding:5vmin 6vmin;animation:.45s cubic-bezier(.2,1.7,.5,1) pop;display:flex;box-shadow:0 2vmin #0000002e}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.win-star{width:34vmin;max-width:210px;animation:3.5s linear infinite spin}@keyframes spin{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}.win-buttons{gap:4vmin;display:flex}.big-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24vmin;min-width:104px;max-width:160px;height:24vmin;min-height:104px;max-height:160px;padding:5vmin;display:flex;box-shadow:0 1.2vmin #00000038}.big-btn svg{width:100%;height:100%}.big-btn:active{transform:translateY(.8vmin);box-shadow:0 .4vmin #00000038}.big-btn--replay{background:#ffc21a}.big-btn--next{background:#7fd35e}#rotate{z-index:40;background:#7ec8f0;display:none}@media (orientation:portrait) and (max-width:900px){#rotate{display:flex}}.rotate-icon{width:44vmin;max-width:240px;animation:2s ease-in-out infinite tip}@keyframes tip{0%,to{transform:rotate(0)}50%{transform:rotate(-88deg)}}.hidden{display:none!important}.name-title{letter-spacing:.03em;text-align:center;color:#fff;text-shadow:0 .35vmin #d98700,0 .7vmin #b06a00,0 1.4vmin 2.4vmin #00000047;font-size:clamp(30px,8.5vmin,84px);font-weight:900;line-height:1.05}.name-title .big{color:#ffd54a;text-shadow:0 .4vmin #c25a12,0 .9vmin #8f3f08,0 1.6vmin 2.6vmin #0000004d;font-size:1.5em;display:block}.win-text{text-align:center;color:#f5852a;text-shadow:0 .3vmin #0000001f;font-size:clamp(26px,6.5vmin,62px);font-weight:900}.machine-name{bottom:calc(var(--safe-b) + 2vmin);color:#fff;opacity:.75;text-shadow:0 .3vmin .8vmin #0006;pointer-events:none;font-size:clamp(18px,3.6vmin,34px);font-weight:900;position:absolute;left:50%;transform:translate(-50%)}