@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(./ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(./ibm-plex-sans-greek-500-normal-CuWXN6rf.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(./ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--petrol:#044960;--petrol-deep:#132b38;--petrol-night:#0a1a23;--brand-50:#e1ecf0;--brand-200:#a9cbd4;--brand-300:#78aab7;--yellow:#f6c343;--yellow-dark:#d99a1b;--green:#3cb943;--green-dark:#1d7a2b;--red:#f0452e;--title:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--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}html,body{background:var(--petrol-night);height:100%;font-family:var(--body);color:var(--petrol-night);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}#game{background:radial-gradient(circle at 50% 40%, #16394a, var(--petrol-night));position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui [hidden]{display:none!important}button,a.btn{font:inherit;pointer-events:auto;cursor:pointer}.corner-btns{top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));z-index:40;pointer-events:auto;gap:8px;display:flex;position:absolute}.corner-btns .icon-btn{background:#0a1a23b8}.icon-btn .exit,.icon-btn.is-full .enter{display:none}.icon-btn.is-full .exit{display:block}.lang-btn{pointer-events:auto;background:#0a1a23b8;border:2px solid #ffffff47;border-radius:12px;place-items:center;width:clamp(38px,6.5vh,50px);height:clamp(38px,6.5vh,50px);padding:0;transition:transform .1s;display:grid}.lang-btn:active{transform:scale(.92)}.lang-btn svg{border-radius:3px;width:70%;height:auto;box-shadow:0 1px 3px #0006}.hud{padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r) + var(--corner-count,2) * (clamp(38px, 6.5vh, 50px) + 8px)) 0 calc(12px + var(--safe-l));justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;inset:0 0 auto}.hud-left,.hud-right{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#fff;height:clamp(34px,6vh,46px);font-family:var(--title);background:#0a1a23b8;border:2px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:clamp(18px,3.2vh,26px);display:flex}.pill img{height:78%}.pill-boxes img{height:86%}.hud-score{font-family:var(--title);color:#fff;-webkit-text-stroke:1.5px var(--petrol-night);text-shadow:0 3px 0 var(--petrol-night);flex-direction:column;align-items:center;line-height:1;display:flex}.hud-level{letter-spacing:.04em;white-space:nowrap;font-size:clamp(11px,2vh,16px)}#hud-score{font-size:clamp(26px,5.5vh,46px)}.icon-btn{color:#fff;background:#044960d9;border:2px solid #ffffff47;border-radius:12px;place-items:center;width:clamp(38px,6.5vh,50px);height:clamp(38px,6.5vh,50px);padding:0;transition:transform .1s;display:grid}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:58%;height:58%}.icon-btn .slash{display:none}.icon-btn.off{color:var(--brand-300);background:#0a1a23b3}.icon-btn.off .slash{color:var(--red);display:block}.overlay{pointer-events:auto;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn{font-family:var(--title);letter-spacing:.02em;border:0;border-radius:16px;justify-content:center;align-items:center;padding:.55em 1.4em;font-size:clamp(20px,4vh,32px);text-decoration:none;transition:transform .1s,filter .15s;display:inline-flex}.btn:active{transform:translateY(3px)}.btn:hover{filter:brightness(1.07)}.btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn-play{color:var(--petrol-night);background:linear-gradient(180deg, #ffe07a, var(--yellow) 55%, var(--yellow-dark));box-shadow:0 5px #8a5a0b,0 10px 20px #0000004d}.btn svg{flex:none;width:1em;height:1em}a.btn-cta{font-family:var(--title);letter-spacing:.02em}.btn-cta{color:#fff;background:linear-gradient(180deg, #0d6a88, var(--petrol) 55%, #033a4d);box-shadow:0 5px 0 var(--petrol-night), 0 0 0 0 #a9cbd499;pointer-events:auto;border:2px solid #ffffff8c;gap:.45em;animation:2.2s ease-out infinite cta-pulse}.btn-cta-big{width:100%;margin:clamp(4px,1vh,8px) 0 clamp(8px,1.6vh,14px);padding:.6em 1em;font-size:clamp(22px,4.6vh,34px)}.btn-cta-small{border-radius:12px;padding:.5em 1em;font-size:clamp(14px,2.6vh,19px)}@keyframes cta-pulse{0%{box-shadow:0 5px 0 var(--petrol-night), 0 0 0 0 #a9cbd499}70%{box-shadow:0 5px 0 var(--petrol-night), 0 0 0 14px #a9cbd400}to{box-shadow:0 5px 0 var(--petrol-night), 0 0 0 0 #a9cbd400}}.btn-sec{color:var(--petrol);background:var(--brand-50);box-shadow:0 3px 0 var(--brand-300);border-radius:12px;gap:.35em;padding:.45em .9em;font-size:clamp(14px,2.5vh,18px)}.btn-ghost{color:#fff;background:var(--petrol);box-shadow:0 5px 0 var(--petrol-night)}.menu{-webkit-backdrop-filter:blur(3px);background:radial-gradient(#ffffff17 1.6px,#0000 1.8px) 0 0/22px 22px,linear-gradient(#044960cc,#0a1a23e0);overflow-y:auto}.menu-card,.menu-hero,.menu-actions{text-align:center;flex-direction:column;align-items:center;gap:clamp(4px,1.4vh,14px);display:flex}.menu-card{color:#fff;max-width:720px;margin:auto}.menu-card>*,.menu-hero>*,.menu-actions>*{flex-shrink:0}.menu-logo{height:clamp(22px,5vh,40px)}.title{font-family:var(--title);-webkit-text-stroke:.06em var(--petrol-night);paint-order:stroke fill;text-shadow:0 .07em 0 var(--petrol-night), 0 .14em .2em #00000059;flex-direction:column;align-items:center;margin:0;font-size:clamp(48px,14vh,128px);font-weight:400;line-height:.88;display:flex;transform:rotate(-3deg)}.title span:first-child{color:var(--yellow);font-size:.8em}.title span:last-child{color:#fff}.menu-skye{--skye-h:clamp(56px, 20vh, 170px);height:var(--skye-h);filter:drop-shadow(0 10px 10px #0000004d);animation:1.6s ease-in-out infinite bob;display:grid}.menu-skye img{height:var(--skye-h);grid-area:1/1;width:auto}.menu-skye .menu-wing{transform-origin:76% 48%;animation:3.2s ease-in-out infinite menu-wave}@keyframes menu-wave{0%,58%{transform:rotate(0)}63%{transform:rotate(-135deg)}67%{transform:rotate(-105deg)}71%{transform:rotate(-140deg)}75%{transform:rotate(-105deg)}79%{transform:rotate(-140deg)}83%{transform:rotate(-120deg)}88%,to{transform:rotate(0)}}.tagline{max-width:34em;margin:0;font-size:clamp(14px,2.6vh,20px);font-weight:600}.howto{color:var(--brand-200);margin:0;font-size:clamp(12px,2.1vh,16px)}.modal,.end{-webkit-backdrop-filter:blur(2px);background:radial-gradient(circle at 30% 70%,#0a1a2359,#0a1a23b8)}.speech{align-items:flex-end;gap:clamp(0px,1vw,12px);max-width:min(980px,100%);max-height:100%;display:flex}.face{--face-h:clamp(130px, 52vh, 400px);filter:drop-shadow(0 12px 18px #00000073);transform-origin:50% 80%;flex:none;animation:3.2s ease-in-out infinite float;display:grid}.face>img{height:var(--face-h);object-fit:contain;object-position:bottom;grid-area:1/1;width:auto;max-width:34vw}.face-skye{--face-h:clamp(120px, 44vh, 330px)}.face-skye .talk{opacity:0}.face-skye.talking .talk{animation:.28s step-end infinite talk}@keyframes talk{0%{opacity:1}50%{opacity:0}}.bubble{border:4px solid var(--petrol-night);min-width:0;max-width:600px;box-shadow:0 8px 0 var(--petrol-night), 0 20px 40px #00000059;background:#fff;border-radius:26px;flex:auto;margin-bottom:clamp(30px,14vh,130px);padding:clamp(14px,3vh,26px) clamp(16px,3vw,30px);font-size:clamp(13px,2.4vh,17px);line-height:1.4;position:relative}.bubble-scroll{max-height:calc(100vh - 40px - var(--safe-t) - var(--safe-b));max-height:calc(100dvh - 40px - var(--safe-t) - var(--safe-b));padding:2px;overflow:hidden auto}.bubble:before,.bubble:after{content:"";border-style:solid;position:absolute;bottom:26px;left:-30px}.bubble:before{border-width:18px 34px 18px 0;border-color:transparent var(--petrol-night) transparent transparent;bottom:22px;left:-36px}.bubble:after{border-width:13px 26px 13px 0;border-color:#0000 #fff #0000 #0000;bottom:27px;left:-26px}.bubble-head{align-items:center;gap:12px;margin-bottom:clamp(4px,1.2vh,10px);display:flex}.bubble-head img{flex:none;width:clamp(54px,11vh,86px);animation:.9s ease-in-out .25s wobble}.bubble-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark);font-size:.78em;font-weight:700}.bubble h2,.end-bubble h2{font-family:var(--title);color:var(--petrol);margin:0;font-size:clamp(24px,5vh,38px);font-weight:400;line-height:1}.bubble p{margin:0 0 clamp(6px,1.2vh,10px)}.bubble-problem{color:#6a6d6e;font-style:italic}.bubble-solution{color:var(--petrol-night)}.bubble-highlight{background:var(--brand-50);border-left:5px solid var(--petrol);color:var(--petrol);border-radius:12px;align-items:flex-start;gap:8px;padding:.55em .8em;font-weight:700;display:flex}.bubble-highlight:before{content:"★";color:var(--yellow-dark)}.bubble-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:clamp(4px,1vh,8px);display:flex}.btn-next{color:#fff;background:linear-gradient(180deg, #5bd35a, var(--green) 55%, #28973a);box-shadow:0 5px 0 var(--green-dark);margin-left:auto;font-size:clamp(18px,3.4vh,26px);display:flex}.show .face{animation:.45s cubic-bezier(.2,1.6,.4,1) both pop-in,3.2s ease-in-out .45s infinite float}.show .bubble{animation:.4s cubic-bezier(.2,1.5,.4,1) .12s both bubble-in}.end-bubble{text-align:center}.end-bubble:after,.end-bubble:before{bottom:40px}.end-bubble:after{bottom:45px}.stars{justify-content:center;gap:6px;margin:clamp(4px,1.5vh,12px) 0;display:flex}.star{width:clamp(44px,10vh,80px);animation:.5s cubic-bezier(.2,1.8,.4,1) both star-in}.star:nth-child(2){width:clamp(54px,12vh,96px);transform:translateY(-12px)}.end-score{font-family:var(--title);color:var(--petrol);justify-content:center;align-items:baseline;gap:10px;display:flex}.end-score span{text-transform:uppercase;letter-spacing:.06em;font-size:.95em}.end-score strong{font-size:clamp(28px,6vh,46px);font-weight:400}.end-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.end-demo{border-top:2px solid var(--brand-50);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:clamp(8px,1.8vh,14px);padding-top:clamp(8px,1.6vh,12px);display:flex}.end-pitch{color:var(--petrol);margin:0;font-size:.85em;font-weight:600}.end-demo .btn-cta-small{box-shadow:0 3px 0 var(--petrol-night);padding:.4em .9em;font-size:clamp(12px,2.1vh,15px);animation:none}.btn-main{color:var(--petrol-night);background:linear-gradient(180deg, #ffe07a, var(--yellow) 55%, var(--yellow-dark));flex-basis:100%;order:-1;gap:.35em;padding:.45em 1em;font-size:clamp(20px,4vh,30px);box-shadow:0 5px #8a5a0b}.btn-cta-hud{height:clamp(34px,6vh,46px);box-shadow:0 3px 0 var(--petrol-night);border-radius:999px;padding:0 14px;font-size:clamp(12px,2.2vh,16px);animation:none}@media (width<=900px),(height<=520px){.btn-cta-hud{width:clamp(34px,6vh,46px);padding:0}.btn-cta-hud span{display:none}}.menu-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:clamp(6px,2.4vh,20px);display:flex}.credits a{color:inherit;pointer-events:auto}.credits{color:var(--brand-300);opacity:.85;margin:0;font-size:11px}.name-row{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.name-input{font:600 clamp(16px, 3vh, 22px) var(--body);border:3px solid var(--petrol-night);width:min(300px,70vw);color:var(--petrol-night);-webkit-user-select:text;user-select:text;background:#fff;border-radius:14px;padding:.55em .9em;box-shadow:inset 0 3px #00000014}.name-input:focus{outline:3px solid var(--yellow);outline-offset:2px}.name-error{color:var(--yellow);margin:0;font-size:clamp(12px,2.2vh,15px);font-weight:600}.btn-link{color:#fff;font:600 clamp(13px, 2.4vh, 17px) var(--body);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:6px 8px;text-decoration:underline;display:inline-flex}.ico{flex:none;width:1.1em;height:1.1em}.levels{-webkit-backdrop-filter:blur(3px);background:radial-gradient(#ffffff17 1.6px,#0000 1.8px) 0 0/22px 22px,linear-gradient(#044960db,#0a1a23eb)}.levels-card{color:#fff;width:min(1040px,100%);max-height:100%;overflow-y:auto}.levels-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:clamp(8px,2vh,18px);display:flex}.levels-head h2{font:400 clamp(26px, 6vh, 46px) var(--title);-webkit-text-stroke:.05em var(--petrol-night);paint-order:stroke fill;margin:0}.levels-head p{color:var(--brand-200);margin:2px 0 0;font-size:clamp(12px,2.3vh,16px);font-weight:600}.levels-actions{flex-wrap:wrap;gap:4px;display:flex}.levels-logo{filter:drop-shadow(0 4px 8px #0000004d);height:clamp(26px,7vh,56px);margin:0 auto clamp(6px,1.6vh,14px);display:block}.level-pager{align-items:center;gap:clamp(6px,1.4vw,14px);display:flex}.level-pager .level-grid{flex:auto;min-width:0}.page-btn{flex:none}.page-btn:disabled{opacity:.3;cursor:default}.page-dots{justify-content:center;gap:8px;margin-top:clamp(8px,1.8vh,14px);display:flex}.page-dots span{background:#ffffff4d;border-radius:50%;width:10px;height:10px}.page-dots span.on{background:var(--yellow)}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.6vw,16px);display:grid}.level-grid.from-right{animation:.28s ease-out page-from-right}.level-grid.from-left{animation:.28s ease-out page-from-left}@keyframes page-from-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes page-from-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.level-card{border:3px solid var(--petrol-night);background:linear-gradient(180deg, #fff, var(--brand-50));box-shadow:0 6px 0 var(--petrol-night);color:var(--petrol-night);font-family:var(--body);border-radius:18px;flex-direction:column;align-items:center;gap:clamp(3px,1vh,8px);padding:clamp(10px,2.4vh,18px) 8px;transition:transform .12s;display:flex;position:relative}.level-card:hover{transform:translateY(-3px)}.level-card:active{transform:translateY(3px)}.level-num{font:400 clamp(28px, 7vh, 54px) var(--title);color:var(--petrol);line-height:1}.level-name{text-align:center;min-height:2.3em;font-size:clamp(11px,2.2vh,15px);font-weight:700;line-height:1.15}.level-boxes{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-height:clamp(22px,5vh,36px);display:flex}.level-boxes img{height:clamp(22px,5vh,36px)}.level-boxes em{color:var(--green-dark);font-size:.85em;font-style:normal;font-weight:700}.level-stars{gap:2px;display:flex}.level-stars img{width:clamp(16px,3.6vh,26px)}.level-best{color:#6a6d6e;align-items:center;gap:4px;font-size:clamp(10px,1.9vh,13px);font-weight:600;display:inline-flex}@media (height<=500px){.level-card{flex-flow:wrap;justify-content:center;gap:2px 8px;padding:6px 8px}.level-num{font-size:26px}.level-name{text-align:left;flex:60%;min-height:0}.level-boxes{display:none}.level-stars img{width:16px}}@media (width<=700px) and (orientation:portrait){.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.boss-bar{top:calc(clamp(58px, 11vh, 86px) + var(--safe-t));color:#fff;font:400 clamp(13px, 2.4vh, 18px) var(--title);letter-spacing:.04em;background:#0a1a23cc;border:2px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.boss-track{background:#ffffff26;border-radius:999px;width:clamp(120px,22vw,260px);height:14px;overflow:hidden}.boss-fill{border-radius:999px;width:100%;height:100%;transition:width .25s ease-out,background .25s}.toast{top:calc(64px + var(--safe-t));border:3px solid var(--petrol-night);box-shadow:0 4px 0 var(--petrol-night);font:400 clamp(15px, 2.8vh, 22px) var(--title);color:var(--petrol);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast img{height:clamp(26px,5vh,38px)}.toast-hint{width:max-content;max-width:min(90vw,560px);font:600 clamp(13px, 2.4vh, 16px) var(--body);text-align:center;border-radius:18px;padding:10px 18px}.toast.pop{animation:.35s cubic-bezier(.2,1.6,.4,1) toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}.code-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:0;left:50%}#btn-keys.on{border-color:var(--yellow)}.fps-meter{top:var(--safe-t);left:var(--safe-l);z-index:50;color:#7ad96f;pointer-events:none;background:#0a1a23cc;border-bottom-right-radius:8px;padding:2px 8px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.fps-meter.slow{color:var(--yellow)}.build-number{right:calc(10px + var(--safe-r));bottom:calc(6px + var(--safe-b));color:var(--brand-300);opacity:.55;pointer-events:none;margin:0;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.update-btn{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));z-index:40;border:2px solid var(--petrol-night);background:var(--yellow);height:clamp(38px,6.5vh,50px);color:var(--petrol-night);font:700 clamp(13px, 2.3vh, 16px) var(--body);box-shadow:0 4px 0 var(--petrol-night);border-radius:999px;align-items:center;gap:8px;padding:0 16px;animation:1.8s ease-in-out infinite pulse-update;display:inline-flex;position:absolute}.update-btn svg{width:1.1em;height:1.1em}@keyframes pulse-update{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.skye-picker{top:calc(10px + clamp(34px, 6vh, 46px) + 12px + var(--safe-t));left:calc(12px + var(--safe-l));pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute}.skye-pick{border-radius:14px;width:clamp(44px,9vh,60px);height:clamp(44px,9vh,60px)}.skye-pick img{width:82%;height:auto}.skye-pick.on{border-color:var(--yellow);background:#f6c34359;box-shadow:0 0 0 3px #f6c34359}@media (height<=460px){.skye-picker{gap:5px}.skye-pick{border-radius:11px;width:40px;height:40px}}.cheat-banner{z-index:35;background:linear-gradient(180deg, #ffe07a, var(--yellow) 55%, var(--yellow-dark));border:4px solid var(--petrol-night);max-width:min(92vw,640px);box-shadow:0 6px 0 var(--petrol-night), 0 16px 30px #00000059;color:var(--petrol-night);font:400 clamp(18px, 4.4vh, 32px) var(--title);text-align:center;pointer-events:none;border-radius:20px;align-items:center;gap:12px;padding:12px 24px;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.cheat-banner strong{font-size:1.6em;line-height:1}.cheat-banner.pop{animation:3.2s forwards cheat-in}@keyframes cheat-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-8deg)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}16%{transform:translate(-50%,-50%)scale(1)rotate(-1deg)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)}}.info-card{top:calc(clamp(38px, 6.5vh, 50px) + 18px + var(--safe-t));z-index:30;width:min(560px, calc(100vw - 32px - var(--safe-l) - var(--safe-r)));border:4px solid var(--petrol-night);box-shadow:0 6px 0 var(--petrol-night), 0 16px 30px #00000059;color:var(--petrol-night);pointer-events:auto;background:#fff;border-radius:20px;flex-direction:column;font-size:clamp(12px,2.2vh,15px);line-height:1.35;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.info-card.show{animation:.35s cubic-bezier(.2,1.4,.4,1) card-in}.info-card.leaving{pointer-events:none;animation:.35s ease-in forwards card-out}@keyframes card-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes card-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}.info-card-scroll{max-height:calc(58vh - var(--safe-t));padding:clamp(10px,2vh,16px) clamp(14px,2.4vw,20px) clamp(8px,1.6vh,12px);overflow-y:auto}.info-card p{margin:0 0 .5em}.info-card .bubble-head{padding-right:34px}.info-card .bubble-head img{width:clamp(40px,8vh,60px)}.bubble-fullname{color:#4a7584;letter-spacing:.01em;margin-top:2px;font-size:.82em;font-weight:700}.info-card h2{font-family:var(--title);color:var(--petrol);margin:0;font-size:clamp(18px,3.6vh,26px);font-weight:400;line-height:1.1}.card-close{z-index:1;background:var(--brand-50);width:32px;height:32px;color:var(--petrol-night);border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.card-close svg{width:18px;height:18px}.card-close:active{transform:scale(.92)}.card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.card-tip{color:#6a6d6e;font-size:.85em}@media (height<=520px){.info-card{--card-w:min(500px, calc(100vw - 230px - var(--safe-l) - var(--safe-r)));width:var(--card-w);left:max(50%, calc(210px + var(--safe-l) + var(--card-w) / 2));box-shadow:0 4px 0 var(--petrol-night), 0 10px 20px #0000004d;border-width:3px;border-radius:14px;font-size:10.5px;line-height:1.3}.info-card-scroll{max-height:calc(44vh - var(--safe-t));padding:6px 10px 5px}.info-card p{margin-bottom:.35em}.info-card .bubble-head{gap:6px;margin-bottom:2px;padding-right:26px}.info-card .bubble-head img{width:26px;animation:none}.info-card h2{font-size:14px}.info-card .bubble-highlight{border-left-width:3px;border-radius:8px;padding:.3em .55em}.info-card .btn-cta-small{box-shadow:0 3px 0 var(--petrol-night);border-radius:9px;padding:.35em .8em;font-size:11px;animation:none}.card-timer{height:4px}.card-close{border-radius:8px;width:24px;height:24px;top:5px;right:5px}.card-close svg{width:13px;height:13px}.card-tip{display:none}}.card-timer{background:var(--brand-50);flex:none;height:6px}.card-timer-fill{background:var(--green);transform-origin:0;height:100%}.ranking{-webkit-backdrop-filter:blur(3px);z-index:20;background:#0a1a23b8}.rank-card{border:4px solid var(--petrol-night);width:min(560px,100%);max-height:100%;box-shadow:0 8px 0 var(--petrol-night);background:#fff;border-radius:24px;flex-direction:column;padding:clamp(12px,2.6vh,22px) clamp(14px,3vw,24px);display:flex}.rank-head{justify-content:space-between;align-items:center;display:flex}.rank-head h2{font:400 clamp(24px, 5vh, 36px) var(--title);color:var(--petrol);align-items:center;gap:8px;margin:0;display:flex}.rank-head .ico{color:var(--yellow-dark)}.rank-close{flex:none}.rank-note{color:#6a6d6e;margin:4px 0 8px;font-size:clamp(11px,2vh,14px)}.rank-list{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.rank-row{border-radius:12px;grid-template-columns:2.2em 1fr auto auto;align-items:center;gap:10px;padding:clamp(5px,1.2vh,9px) 10px;font-size:clamp(13px,2.5vh,17px);display:grid}.rank-row:nth-child(odd){background:var(--brand-50)}.rank-row.me{outline:2px solid var(--yellow-dark);background:#fff3c4}.rank-pos{font:400 1.2em var(--title);color:var(--petrol);text-align:center}.top1 .rank-pos{color:#d99a1b}.top2 .rank-pos{color:#8a9499}.top3 .rank-pos{color:#b0703a}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank-stars{color:var(--yellow-dark);font-size:.9em;font-weight:700}.rank-total{font:400 1.15em var(--title);color:var(--petrol-night);text-align:right}.rank-empty{text-align:center;color:#6a6d6e;padding:16px}.end-record{color:var(--green-dark);margin:2px 0 6px;font-weight:700}.end-cta{color:var(--petrol);pointer-events:auto;margin-top:clamp(6px,1.6vh,12px);font-weight:700;display:inline-block}.rotate{background:var(--petrol);color:#fff;z-index:50;text-align:center;display:none}.rotate-card p{font-family:var(--title);max-width:14em;font-size:22px}.rotate-card svg{animation:1.8s ease-in-out infinite tilt}@media (orientation:portrait) and (width<=820px){.rotate{display:flex}}@media (height<=520px) and (orientation:landscape){.menu-card{flex-direction:row;gap:clamp(20px,5vw,56px);max-width:920px}.menu-hero{gap:6px}.title{font-size:clamp(40px,15vh,76px)}.menu-skye{--skye-h:clamp(48px, 24vh, 120px)}.menu-actions{flex:1 1 0;gap:clamp(8px,2.6vh,14px);min-width:0;max-width:440px}.tagline{font-size:clamp(13px,4vh,18px)}}@media (height<=460px){.face{--face-h:58vh}.face-skye{--face-h:54vh}.bubble{border-width:3px;border-radius:18px;margin-bottom:8vh}.hud-level{display:none}}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(4deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.2)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes bubble-in{0%{opacity:0;transform:scale(.5)translate(-40px)}to{opacity:1;transform:scale(1)translate(0)}}@keyframes star-in{0%{opacity:0;transform:scale(0)rotate(-90deg)}to{opacity:1}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)scale(1.1)}60%{transform:rotate(8deg)}}@keyframes tilt{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}