:root{--bg:#CE4BF2;--pill:#1b5f9a;--green:#2fd21a;--green-d:#1fa30f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--pill:#22324a}}html,body,#root{height:100%}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--bg);color:#fff;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;font:800 16px system-ui,-apple-system,Segoe UI,sans-serif}.game{position:relative;height:100%}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{display:block;width:100%;height:100%}.hud{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:none}.hud.top{top:14px}.hud.top>div{flex:1}.hud.bot{bottom:22px;justify-content:center}.right{text-align:right}.pill{background:var(--pill);padding:7px 20px;border-radius:999px}.btn{pointer-events:auto;background:var(--pill);color:#fff;border:0;border-radius:999px;padding:10px 20px;font:inherit;cursor:pointer}.btn:disabled{opacity:.35;cursor:default}.toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);background:var(--pill);padding:9px 16px;border-radius:12px;font-size:14px;white-space:nowrap;pointer-events:none}.win{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#06142899}.rib{width:100%;background:var(--green);padding:26px 0;text-align:center;font-size:32px;letter-spacing:1px;transform:skewY(-4deg);box-shadow:0 6px 0 var(--green-d)}.next,.big{background:var(--green);box-shadow:0 5px 0 var(--green-d)}.next{border-radius:10px;padding:12px 44px;font-size:22px}.scr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background:var(--bg);z-index:5}.menu{justify-content:center;gap:16px;text-align:center}.menu h1{margin:0;font-size:52px;line-height:1;letter-spacing:1px}.menu p{margin:0 0 18px;opacity:.7;font-size:14px;max-width:260px;line-height:1.4}.big{width:230px;padding:15px 0;font-size:20px;border-radius:14px}.big.alt{background:var(--pill);box-shadow:0 5px #00000040}.select{box-sizing:border-box}.level-select{--level-purple:#CE4BF2;--level-blue:#0879ec;--level-cyan:#08b7eb;--level-gold:#ffc527;isolation:isolate;overflow:hidden;color:#fff;background-color:var(--level-purple)}.level-select:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.32;background-image:radial-gradient(circle,rgba(255,255,255,.42) 1.5px,transparent 2px),radial-gradient(circle,transparent 8px,rgba(255,255,255,.22) 9px,transparent 11px),radial-gradient(circle,rgba(125,248,255,.24) 15px,transparent 16px);background-size:88px 92px,112px 128px,154px 172px;background-position:12px 18px,30px 92px,54px 62px}.level-select:after{content:"";position:absolute;left:-15%;right:-15%;bottom:7%;height:38%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(106,33,203,.34),transparent 70%)}.level-topbar{width:100%;min-height:76px;flex:none;display:flex;align-items:center;gap:7px;padding:12px max(10px,env(safe-area-inset-left)) 10px;box-sizing:border-box;background:linear-gradient(180deg,#4312ad6b,#5c1dc50a);border-bottom:1px solid rgba(255,255,255,.16)}.level-avatar,.level-settings,.shape-switch{flex:none;display:grid;place-items:center;border:2px solid rgba(255,255,255,.8);color:#fff;cursor:pointer;background:linear-gradient(145deg,#b764f4,#7432cf);box-shadow:inset 2px 2px 4px #ffffff8c,inset -3px -4px 6px #370f8059,0 3px #42168e80}.level-avatar{width:42px;height:42px;border-radius:13px;font-size:12px;font-weight:1000;text-shadow:0 1px 2px #482278}.level-lives,.level-coins{height:38px;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:#4214a066;box-shadow:inset 0 2px 4px #300d7f3d;font-size:11px;white-space:nowrap;text-shadow:0 1px 2px rgba(48,13,127,.6)}.level-lives{flex:1;max-width:112px}.life-icon{font-size:19px;color:#ff718f;line-height:1;text-shadow:0 1px 2px #842251}.level-coins{padding:0 7px}.level-coins strong{font-size:12px}.coin-icon{width:22px;height:22px;border-radius:50%;border:2px solid #fff099;background:linear-gradient(145deg,#ffef61,#ffae00);box-shadow:inset 2px 2px 3px #ffffffb3,0 2px #bd7200}.level-settings{width:36px;height:36px;border-radius:50%;font-size:18px;background:linear-gradient(145deg,#657087,#30384e);box-shadow:inset 2px 2px 4px #ffffff59,inset -3px -4px 6px #00000059,0 3px #171d2fb3}.shape-switch{width:35px;height:35px;border-radius:11px;font-size:19px;background:linear-gradient(145deg,#4bc9ff,#107ddd)}.shape-switch[aria-pressed=true]{color:#5d2c09;background:linear-gradient(145deg,#ffe77b,#ffb813);box-shadow:inset 2px 2px 4px #ffffffa6,0 3px #b36d00}.level-map{position:relative;width:min(100%,520px);min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;z-index:0}.level-map::-webkit-scrollbar{display:none}.level-path{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:20px 0}.level-path:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:9px;transform:translate(-50%);border-radius:8px;background:linear-gradient(90deg,#d28100,#ffd941 28%,#fff09a,#ffc21c,#dc8500);box-shadow:0 0 14px #ffdc4c9e,0 2px 4px #4610806b}.level-stop{height:116px;flex:none;display:grid;place-items:center;position:relative}.level-marker{position:relative;z-index:1;width:74px;height:78px;padding:8px 4px;border:3px solid #d2efff;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:linear-gradient(145deg,#56c9ff,#1689f4 55%,#0862d7);box-shadow:inset 3px 3px 5px #ffffffa6,inset -4px -5px 7px #00399d73,0 5px #064ba8,0 8px 12px #39108e4d;cursor:pointer;font:inherit;text-shadow:0 2px 2px rgba(0,45,115,.65);transition:transform .15s ease,filter .15s ease}.level-marker:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.42);border-radius:15px;pointer-events:none}.level-marker strong{font-size:25px;line-height:1}.level-marker span{font-size:7px;line-height:1.2;letter-spacing:.7px;opacity:.9}.level-marker:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.level-marker:active:not(:disabled){transform:translateY(2px)}.level-marker.is-current{border-color:#fff5ac;background:linear-gradient(145deg,#67dcff,#168cf3 58%,#0758c8);box-shadow:inset 3px 3px 6px #fffc,inset -5px -6px 9px #00399d6b,0 5px #064ba8,0 0 0 4px #ffcf25e0,0 0 19px #ffdc45ad,0 9px 15px #39108e59}.level-marker.is-complete{background:linear-gradient(145deg,#54e984,#18b75a 60%,#058349);box-shadow:inset 3px 3px 5px #ffffff8c,inset -4px -5px 7px #00543759,0 5px #08783e,0 8px 12px #39108e3d}.level-marker.is-locked{filter:saturate(.6);opacity:.68;cursor:not-allowed}.level-select[data-shape=hex] .level-marker{border-radius:0;clip-path:polygon(50% 0,88% 20%,96% 26%,96% 74%,88% 80%,50% 100%,12% 80%,4% 74%,4% 26%,12% 20%)}.level-select[data-shape=hex] .level-marker:before{display:none}.level-bottom{width:100%;flex:none;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 18px env(safe-area-inset-bottom,0px);box-sizing:border-box;background:linear-gradient(180deg,#4e1bab00,#4217978a 15%,#20274c)}.level-play{width:min(100%,210px);min-height:68px;margin:0 auto 14px;border:2px solid #8c4b00;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;background:linear-gradient(180deg,#ffe27c,#ffc02c 54%,#f4a400);box-shadow:inset 0 3px #ffffffbf,inset 0 -4px #b368003d,0 5px #a76400,0 8px 13px #41198a6b;cursor:pointer;text-shadow:0 2px 2px rgba(106,58,0,.55)}.level-play span{font-size:29px;font-weight:1000;line-height:1}.level-play small{font-size:9px;font-weight:900;letter-spacing:1px}.level-play:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffffa6,0 2px #a76400}.level-nav{width:calc(100% + 36px);height:68px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;padding:0 max(18px,calc((100% - 430px)/2));box-sizing:border-box;border-top:2px solid rgba(143,153,255,.65);background:#1a1f48eb}.level-nav-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#c4c9ff;font:900 9px/1 system-ui;letter-spacing:.5px}.level-nav-item.active{margin-top:-9px;border:1px solid rgba(185,192,255,.45);border-bottom:0;border-radius:13px 13px 0 0;color:#fff;background:linear-gradient(180deg,#7071e8f5,#4643bef5);box-shadow:inset 0 2px #ffffff47}.level-nav button{border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.14);cursor:pointer}.shop-icon,.start-icon,.trophy-icon{height:32px;display:grid;place-items:center;font-size:27px;line-height:1;text-shadow:0 2px 2px rgba(0,35,108,.6)}.shop-icon{color:#fff0d6;text-shadow:2px 2px 0 #ef4d99,-2px 2px 0 #58d8ff,0 3px 2px #06346f}.start-icon{width:33px;height:33px;margin-bottom:1px;border:2px solid #93ebff;border-radius:12px;color:#8af2ff;font-size:22px;background:linear-gradient(145deg,#149fe9,#0870bc);box-shadow:inset 2px 2px 4px #fff9,0 2px #034e91}.trophy-icon{color:#ffcf30;text-shadow:0 2px 0 #a65700,0 3px 5px rgba(0,0,0,.25)}@media (max-width:360px){.level-topbar{gap:5px;padding-inline:8px}.level-avatar{width:37px;height:37px}.level-lives,.level-coins{padding-inline:6px;font-size:10px}.level-settings,.shape-switch{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.level-marker{transition:none}}