:root{--ink:#261d2b;--cream:#fff8ed;--red:#ef4b43;--yellow:#ffd55a;--green:#74b85d;--blue:#a9dded}*{box-sizing:border-box}body{margin:0;background:#131b2b;color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,label{font:inherit}.screen{min-height:100svh;position:relative;overflow:hidden}.start-screen{background:var(--cream);padding:28px 22px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.brand-row{font-size:12px;letter-spacing:1.8px;font-weight:900;display:flex;gap:8px;align-items:center;color:#42364b}.brand-mark{font-size:23px}.start-screen h1{font-family:'Baloo 2',sans-serif;font-size:55px;line-height:.86;margin:46px 0 18px;letter-spacing:-1px}.start-screen h1 em{color:var(--red);font-style:normal}.lead{font-size:15px;line-height:1.4;margin:0;color:#695e6f}.preview-stage{height:205px;width:min(360px,100%);margin:24px auto 18px;position:relative;border-radius:18px;background:var(--blue);overflow:hidden}.preview-ground{position:absolute;bottom:0;height:43px;width:100%;background:var(--green);border-top:5px solid #57994c}.cloud{position:absolute;background:#e6f6f6;border-radius:50px;height:22px;width:75px;opacity:.9}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{width:35px;height:35px;left:12px;bottom:0}.cloud:after{width:28px;height:28px;right:10px;bottom:0}.cloud-a{top:42px;left:26px}.cloud-b{top:75px;right:20px;transform:scale(.7)}.mushroom{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:105px}.cap{height:64px;background:var(--red);border-radius:58px 58px 22px 22px;position:relative;border:4px solid #c73737}.spot{position:absolute;background:#fff1d2;border-radius:50%}.s1{width:24px;height:20px;left:15px;top:10px}.s2{width:17px;height:15px;right:17px;top:8px}.s3{width:12px;height:10px;left:47px;top:5px}.face{position:absolute;width:46px;height:46px;border-radius:50%;left:26px;top:19px;background:#f2c6a0;overflow:hidden;border:3px solid #2c2330}.face img{width:100%;height:100%;object-fit:cover}.stem{height:70px;width:60px;background:#f7dec0;margin:-1px auto 0;border:4px solid #c7a98d;border-top:0;border-radius:0 0 20px 20px}.photo-button{display:flex;align-items:center;justify-content:center;gap:10px;width:min(320px,100%);height:54px;border:2px solid #e8d9ca;border-radius:13px;background:#fff;cursor:pointer;font-size:16px;font-weight:900}.photo-button input{display:none}.camera{font-size:22px;color:var(--red)}.primary{border:0;border-radius:13px;background:var(--red);color:#fff;padding:16px 24px;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #c73737;width:min(320px,100%);margin-top:12px}.primary:disabled{background:#d9cfd0;color:#988c8d;box-shadow:0 5px 0 #bcb0b1;cursor:not-allowed}.hint{font-size:11px;color:#9a8f97;margin-top:18px}.hidden{display:none!important}.game-screen{background:#a9dded;touch-action:manipulation}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:20px;right:20px;z-index:5;display:flex;justify-content:space-between;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.16)}.hud-label{display:block;font-size:11px;letter-spacing:1.5px;font-weight:900;opacity:.85}.hud strong{font-size:32px;line-height:1;font-family:'Baloo 2'}.best{text-align:right}.game-screen canvas{display:block;width:100%;height:100svh}.tap-hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;font-size:12px;letter-spacing:2px;font-weight:900;text-shadow:0 2px 3px rgba(0,0,0,.2)}.game-over{position:absolute;inset:0;background:rgba(31,24,45,.45);display:flex;align-items:center;justify-content:center;padding:20px}.over-card{background:var(--cream);border-radius:18px;padding:28px 22px;text-align:center;width:min(330px,100%);box-shadow:0 12px 0 rgba(0,0,0,.14)}.over-kicker{color:var(--red);font-size:13px;letter-spacing:2px;font-weight:900}.over-card h2{font-family:'Baloo 2';font-size:42px;line-height:1;margin:4px 0 5px}.over-card p{margin:0;color:#756a73}.ghost{border:0;background:transparent;color:#746976;font-weight:900;font-size:14px;margin-top:18px;cursor:pointer}
:root{--ink:#261d2b}
.crop-modal{position:fixed;inset:0;background:rgba(31,24,45,.58);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.crop-card{background:#fff8ed;border-radius:18px;padding:24px 20px;width:min(350px,100%);text-align:center}.crop-card h2{font-family:'Baloo 2';font-size:30px;margin:0 0 14px}.crop-window{height:270px;border-radius:14px;overflow:hidden;background:#ddd;display:flex;align-items:center;justify-content:center}.crop-window img{width:100%;height:100%;object-fit:cover}.crop-card input[type=range]{width:100%;margin:18px 0 4px;accent-color:#ef4b43}
.sky-logo{position:absolute;z-index:4;top:calc(78px + env(safe-area-inset-top));right:22px;width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 3px 0 rgba(0,0,0,.16);animation:sky-spin 7s linear infinite}.sound-button{position:absolute;z-index:6;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:42px;height:42px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(38,29,43,.28);color:#fff;font-size:21px;font-weight:900;cursor:pointer}.sound-button.muted{opacity:.55}.sound-button.muted:after{content:'';position:absolute;width:24px;height:2px;background:#fff;left:8px;top:18px;transform:rotate(-45deg)}@keyframes sky-spin{to{transform:rotate(360deg)}}