:root{--bg: #0c0628;--logo-a: #7dd3fc;--logo-b: #f472b6}#game{position:absolute;inset:0;width:100%;height:100%}.gy-hud{padding-left:max(66px,calc(env(safe-area-inset-left) + 66px))}.hud-stats,.hud-btns{display:flex;gap:6px;align-items:center}.hud-btns{gap:8px}.hud-box{flex-direction:column;gap:1px;min-height:46px;padding:4px 12px 6px;justify-content:center;line-height:1;background:#1b1438b8}.hud-box small{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gy-ink-3);font-weight:900}.hud-box b{font-family:var(--gy-display);font-weight:400;font-size:21px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.score-box{min-width:84px}.score-box b{color:#ffe066;text-shadow:0 0 12px rgba(255,224,102,.45)}.lives-box{flex-direction:row;gap:5px;padding:0 12px}.life{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#7dd3fc 45%,#1d4ed8);box-shadow:0 0 8px #7dd3fcd9,inset 0 -2px #00000040}.life.off{opacity:.25;box-shadow:none}.hud-btns .gy-icon-btn{width:50px;height:50px;border-radius:16px;background:linear-gradient(180deg,#3c2c78b8,#261c4db8);backdrop-filter:blur(4px)}.hud-btns .gy-icon-btn svg{width:24px;height:24px}body.hud-side .gy-hud{inset:0;padding:0;display:block;pointer-events:none}body.hud-side .gy-spacer{display:none}body.hud-side .hud-btns{position:absolute;top:var(--ft, 12px);left:calc(100% - var(--fr, 0px) + 18px);flex-direction:row;gap:10px}body.hud-side .hud-stats{position:absolute;top:calc(var(--ft, 12px) + 62px);left:calc(100% - var(--fr, 0px) + 18px);flex-direction:column;align-items:flex-start;gap:10px}body.hud-side .hud-box{min-width:116px;align-items:flex-start;padding:7px 16px 9px;border-radius:18px}body.hud-side .hud-box b{font-size:27px}body.hud-side .lives-box{min-height:42px}@media(max-height:520px){body.hud-side .hud-box{min-width:100px;padding:5px 12px 7px}body.hud-side .hud-box b{font-size:22px}body.hud-side .hud-stats{gap:8px}}@media(max-width:370px){.hud-box{padding:4px 9px 6px}.score-box{min-width:70px}.hud-btns .gy-icon-btn{width:46px;height:46px}}.menu-panel{position:relative;padding-top:14px}.coin-pill,.skins-coins{display:inline-flex;align-items:center;gap:7px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--gy-sun)!important}.coin-pill{position:absolute;top:12px;right:12px;z-index:1;padding:4px 12px 4px 6px;border-radius:99px;background:#08041873;border:1px solid rgba(255,194,58,.35);font-size:16px}.skins-coins{justify-content:center;font-size:20px;margin:2px 0 6px!important}.sk-star{color:var(--gy-sun);margin-left:10px;text-shadow:0 0 10px rgba(255,194,58,.6)}.menu-hero{display:flex;justify-content:center}.mascot-cv{display:block;width:clamp(110px,34vw,150px);height:clamp(100px,17vh,150px);margin:0 auto -4px}.menu-panel .gy-logo{margin-bottom:2px!important}.menu-panel .tagline{margin:2px 0 4px;font-size:15px}.play-btn{flex-direction:column;gap:0;line-height:1}.play-btn small{font-family:var(--gy-body);font-weight:900;font-size:13px;letter-spacing:.03em;opacity:.72;margin-top:3px;text-shadow:none}.menu-points{color:var(--gy-lime)!important;font-weight:900}.daily-btn{justify-content:flex-start;gap:12px;padding:8px 14px 11px;text-align:left;color:#04202b;text-shadow:0 1px 0 rgba(255,255,255,.35);background:linear-gradient(180deg,#a6f0ff 0%,var(--gy-cyan) 52%,#12b5dc 100%);box-shadow:inset 0 -5px #00465f73,inset 0 2px #fff9,0 8px 18px -8px #33dcffe6}.daily-btn .daily-txt{display:grid;gap:1px;line-height:1.1;min-width:0}.daily-btn b{font-family:var(--gy-display);font-weight:400;font-size:19px;letter-spacing:.03em}.daily-btn small{font-size:12.5px;font-weight:900;opacity:.8}.daily-ico{flex:none;width:30px;height:30px;border-radius:9px;background:#04202b;position:relative;box-shadow:inset 0 -3px #0006}.daily-ico:before{content:"";position:absolute;inset:9px 5px 5px;border-radius:3px;background:var(--gy-cyan)}.daily-ico:after{content:"\2605";position:absolute;inset:7px 0 0;display:grid;place-items:center;font-size:12px;color:#04202b}.daily-btn.done{filter:grayscale(.4)}.daily-btn[disabled]{opacity:.7}.teaser{display:flex;align-items:center;gap:10px;margin:12px 0 2px;padding:8px 12px;border-radius:14px;text-align:left;background:#04021452;border:1px solid var(--gy-line)}.tz-prev{flex:none;width:46px;height:30px;position:relative;display:grid;place-items:center}.tz-pad{width:44px;height:12px;border-radius:99px;box-shadow:0 0 12px var(--glow),inset 0 -3px #00000040}.tz-ball{width:22px;height:22px;border-radius:50%;box-shadow:0 0 14px var(--glow)}.tz-body{flex:1;min-width:0;display:grid;gap:3px}.tz-label{font-size:13px;font-weight:900;color:var(--gy-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-bar{display:block;height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.tz-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gy-sun),var(--gy-lime))}.tz-need{font-size:11.5px;font-weight:900;color:var(--gy-ink-3)}.tz-need.ready{color:var(--gy-lime)}.menu-note{margin-top:8px!important}.levels-panel{width:min(94vw,440px)}.map-sub{color:var(--gy-sun)!important;font-weight:900;margin:0 0 4px!important}.map{--cols: 4;--rows: 4;position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);width:100%;aspect-ratio:var(--cols) / var(--rows);margin:6px 0 2px}.map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.map .path-done{fill:none;stroke:var(--gy-lime);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(195,255,58,.6))}.map .path-todo{fill:none;stroke:#ad96ff66;stroke-width:5;stroke-dasharray:2 12;stroke-linecap:round;stroke-linejoin:round}.map-node{--c: #7c4dff;position:relative;z-index:1;place-self:center;width:min(74%,64px);aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.85);cursor:pointer;color:#fff;padding:0;display:grid;place-items:center;align-content:center;gap:0;font-family:var(--gy-display);font-weight:400;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.55),transparent 42%),var(--c);box-shadow:inset 0 -5px #0000004d,0 6px 14px -6px #000c;transition:transform .12s ease,filter .15s ease}.map-node.ch1{--c: #22b573}.map-node.ch2{--c: #1f9fd6}.map-node.ch3{--c: #8a5cff}.map-node.ch4{--c: #e8366e}.map-node.ch5{--c: linear-gradient(180deg, #ffc46b, #f07a2a 60%, #b8452a);border-color:#ffe6b0}.map-node.ch5.locked{--c: linear-gradient(180deg, #4a2a52, #2c1838);border-color:#ffc46b80}.map-node.ch5.locked .lock{fill:#ffd29699}.map-node b{font-size:clamp(17px,4.6vw,23px);line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.35)}.map-node small{font-family:var(--gy-body);font-size:10px;letter-spacing:0;line-height:1;color:var(--gy-sun);text-shadow:0 1px 0 rgba(0,0,0,.6);margin-top:1px}.map-node small .off{color:#00000059;text-shadow:none}.map-node:hover:not([disabled]){transform:scale(1.08);filter:brightness(1.12)}.map-node:focus-visible{outline:3px solid var(--gy-lime);outline-offset:3px}.map-node.locked{--c: #2a2252;border-color:#ad96ff59;cursor:default}.map-node .lock{width:24px;height:24px;fill:#c8beff8c}.map-node.current{border-color:var(--gy-lime);animation:bb-node 1.4s ease-in-out infinite}@keyframes bb-node{0%,to{box-shadow:inset 0 -5px #0000004d,0 0 #c3ff3ab3}50%{box-shadow:inset 0 -5px #0000004d,0 0 0 9px #c3ff3a00}}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 6px}.skin-card{appearance:none;border:1px solid var(--gy-line);border-radius:16px;padding:10px 6px 9px;min-height:112px;display:grid;gap:5px;justify-items:center;align-content:center;cursor:pointer;color:#fff;font-weight:900;background:linear-gradient(180deg,#3a2d78,var(--gy-deck-2));box-shadow:inset 0 -4px #00000059,inset 0 1px #ffffff29;transition:transform .12s ease,filter .15s ease}.skin-card:hover{transform:translateY(-2px);filter:brightness(1.12)}.skin-card:focus-visible{outline:3px solid var(--gy-lime);outline-offset:3px}.skin-card.on{border-color:var(--gy-lime);box-shadow:inset 0 -4px #00000059,0 0 0 3px var(--gy-lime),0 0 18px -2px #c3ff3ab3}.skin-card.locked .sk-prev{filter:saturate(.55) brightness(.75)}.skin-card.nope{animation:bb-nope .35s ease}@keyframes bb-nope{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sk-prev{position:relative;display:block;width:100%;height:44px}.sk-ball{position:absolute;left:50%;top:3px;width:17px;height:17px;margin-left:-8px;border-radius:50%;box-shadow:0 0 12px var(--glow)}.sk-pad{position:absolute;left:13%;right:13%;bottom:5px;height:13px;border-radius:99px;box-shadow:0 0 14px var(--glow),inset 0 -3px #00000040}.sk-pad em{position:absolute;top:-2px;width:14px;height:17px;border-radius:99px;box-shadow:inset 0 -3px #0000004d,inset 0 2px #fff6}.sk-pad em:first-child{left:-3px}.sk-pad em:last-child{right:-3px}.sk-name{font-family:var(--gy-display);font-weight:400;font-size:17px;letter-spacing:.02em}.sk-state{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--gy-ink-2)}.sk-state .gy-coin{width:15px;height:15px;vertical-align:-3px}.skin-card.on .sk-state{color:var(--gy-lime)}.skins-panel .gy-seg{margin:2px auto 0}.skins-panel .gy-seg button{min-height:40px;padding:8px 18px;font-size:15px}.sk-ball.big{width:24px;height:24px;margin-left:-12px;top:10px;left:62%}.sk-trail{position:absolute;left:14%;right:38%;top:17px;height:10px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--trail));opacity:.85;filter:blur(1px)}.sk-state .sk-star{margin:0}.result-mascot{width:clamp(96px,30vw,128px);height:clamp(90px,14vh,122px);margin:-8px auto -2px}.unlock-msg{display:block;width:fit-content;margin:6px auto 2px!important;padding:4px 14px;border-radius:99px;font-family:var(--gy-display);font-weight:400;font-size:16px;color:#2a1b00!important;background:linear-gradient(180deg,#ffe39a,var(--gy-sun));box-shadow:inset 0 -3px #82410066}.gy-std .teaser{margin:10px 0 0}@media(max-width:480px){.gy-std .gy-btn-primary{min-height:54px;font-size:22px}.gy-std .gy-btn{min-height:46px;font-size:16px;padding:9px 16px 12px}.gy-std .gy-stars{font-size:44px}.gy-std .gy-result b{font-size:26px}}.how{text-align:left;margin:10px 0 4px;padding:10px 14px 12px;border-radius:16px;background:#04021447;border:1px solid var(--gy-line)}.how h3{margin:0 0 6px;font-family:var(--gy-display);font-weight:400;font-size:18px;letter-spacing:.02em;color:#ffe7a3}.how ul{margin:0;padding-left:18px;color:var(--gy-ink-2);font-size:14px;line-height:1.38}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.chip{padding:3px 10px 4px;border-radius:99px;font-family:var(--gy-display);font-weight:400;font-size:13px;letter-spacing:.03em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4);background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 55%),var(--c);box-shadow:inset 0 -2px #00000040,0 0 10px -2px var(--c)}@media(max-height:520px){.menu-panel .tagline,.menu-panel .menu-note{display:none}.menu-panel{width:min(94vw,600px);display:grid;grid-template-columns:34% 1fr;align-items:center;gap:4px 14px;padding-top:16px}.menu-hero{align-self:stretch;align-items:center}.menu-panel .mascot-cv{width:100%;height:min(58vh,200px);margin:0}.menu-panel .gy-logo{font-size:32px!important}.menu-panel .gy-stack{margin-top:8px;gap:7px}.menu-panel .teaser{margin-top:8px;padding:5px 10px}.daily-btn{padding:6px 12px 9px;min-height:44px}.daily-btn b{font-size:16px}.how{display:none}.skin-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0 4px}.skin-grid.balls{grid-template-columns:repeat(6,1fr)}.skin-card{min-height:88px;padding:6px 3px}.skins-panel{width:min(94vw,640px)}.skins-panel h2{display:none}.levels-panel{width:min(94vw,640px)}.levels-panel h2{font-size:24px;margin-bottom:0}.map-node{width:min(78%,56px)}.levels-panel .teaser{display:none}.gy-std.has-mascot .gy-panel{width:min(74vw,640px);position:relative;overflow:visible}.gy-std .result-mascot{position:absolute;left:-112px;bottom:0;width:108px;height:min(150px,46vh);margin:0}.gy-std .teaser{display:none}#gy-fail .gy-panel>p:not(.gy-note){display:none}.gy-std .gy-result{margin:8px 0 2px;gap:6px}.gy-std .gy-result>div{padding:5px 4px 7px}.gy-std .gy-result b{font-size:24px}.gy-std .gy-stars{font-size:34px;margin:0}.gy-std .gy-newbest,.unlock-msg{margin:4px auto 2px!important;font-size:15px}}#gy-win .gy-coin{animation:none}#meta-row .gym-row{margin:2px 0 0}#menu-ex .gym-ex{margin-top:8px}#pause-ex .gym-ex{margin-top:10px}#free-coins{display:flex;justify-content:center;margin:2px 0 4px}@media(max-height:520px){#meta-row .gym-row{gap:6px}#meta-row .gym-mini{min-height:40px;font-size:14px}}