:root{--kid-bg-glass:rgba(255,255,255,.2);--kid-panel:rgba(15,23,42,.72);--kid-panel-2:rgba(15,23,42,.55);--kid-border:rgba(255,255,255,.32);--kid-text:rgba(255,255,255,.98);--kid-text-dim:rgba(255,255,255,.85);--kid-green:rgba(16,185,129,.95);--kid-blue:rgba(59,130,246,.95);--kid-yellow:rgba(251,191,36,.98);--kid-pink:rgba(244,114,182,.95);--kid-radius-xl:28px;--kid-radius-lg:20px;--kid-radius-md:16px;--kid-touch:56px;--kid-shadow:0 25px 80px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.12);--kid-shadow-soft:0 16px 48px rgba(0,0,0,.2),0 8px 20px rgba(0,0,0,.12),0 2px 8px var(--lg-scene-line);--kid-title:clamp(20px,2.6vw,26px);--kid-body:clamp(15px,2.2vw,18px);--dawn-sky:radial-gradient(ellipse at 50% 85%,#ff6b6b 0%,#ff8e53 20%,#1e3a5f 55%,#0d1b2a 100%);--day-sky:radial-gradient(ellipse at 50% 35%,#87ceeb 0%,#4a90e2 45%,#2874a6 80%,#1b5078 100%);--dusk-sky:radial-gradient(ellipse at 50% 78%,#ff8c42 0%,#ff6b9d 25%,#d4779c 45%,#1a2332 85%,#0a0e1a 100%);--night-sky:radial-gradient(ellipse at 50% 25%,#2d1b3d 0%,#1a1f3a 40%,#0f1526 70%,#0a0e27 100%);--island-blue:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--island-gold:linear-gradient(135deg,#f6d365 0%,#fda085 100%);--island-green:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);--island-purple:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);--island-orange:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--island-red:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);--island-brown:linear-gradient(135deg,#d4a574 0%,#8b6f47 100%);--island-emerald:linear-gradient(135deg,#56ab2f 0%,#a8e063 100%);--island-cyan:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);--island-yellow:linear-gradient(135deg,#f8ff00 0%,#feca57 100%);--island-indigo:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--island-gray:linear-gradient(135deg,#bdc3c7 0%,#2c3e50 100%);--spring-easing:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1)}.hkCity,.littleg-lab-section,.littleg-island-main{position:relative;isolation:isolate;overflow:hidden;background:var(--day-sky);color:var(--kid-text)}.hkCity[data-period=dawn],.hkCity.time-dawn{background:var(--dawn-sky)}.hkCity[data-period=day],.hkCity.time-day{background:var(--day-sky)}.hkCity[data-period=dusk],.hkCity.time-dusk{background:var(--dusk-sky)}.hkCity[data-period=night],.hkCity.time-night{background:var(--night-sky)}.hkCity__scene,.hkCity__sky,.hkCity__ocean,.hkCity__content{position:absolute;top:0;right:0;bottom:0;left:0}.hkCity__scene,.hkCity__sky{z-index:1;transition:background 1.2s var(--ease-smooth),opacity 1.2s var(--ease-smooth)}.hkCity__ocean{z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(52,152,219,.08) 35%,rgba(41,128,185,.18) 60%,rgba(30,100,150,.28) 80%,rgba(21,67,96,.36) 100%)}.hkCity__content{position:relative;z-index:10;pointer-events:auto}.hkCity__sun,.hkCity__moon{position:absolute;border-radius:50%;pointer-events:none;transition:opacity 1.2s var(--ease-smooth),transform 1.2s var(--ease-smooth),filter 1.2s var(--ease-smooth)}.hkCity__sun{top:15%;right:15%;width:clamp(56px,7vw,86px);height:clamp(56px,7vw,86px);background:radial-gradient(circle,#ffe066,#ffb347);box-shadow:0 0 60px #ffe0669e;opacity:1;z-index:3}.hkCity[data-period=night] .hkCity__sun,.hkCity[data-period=dusk] .hkCity__sun,.hkCity.time-night .hkCity__sun,.hkCity.time-dusk .hkCity__sun{opacity:0;transform:translateY(80px) scale(.86)}.hkCity__moon{top:18%;right:18%;width:clamp(58px,8vw,100px);height:clamp(58px,8vw,100px);background:radial-gradient(circle at 35% 28%,#fff,#f0f0f0 38%,#d0d0d0);box-shadow:0 0 70px #ffffffbf,inset -12px -12px 26px #00000038;opacity:0;transform:translateY(-80px) scale(.84);z-index:3}.hkCity[data-period=night] .hkCity__moon,.hkCity.time-night .hkCity__moon{opacity:1;transform:translateY(0) scale(1)}.hkCity[data-period=dusk] .hkCity__moon,.hkCity.time-dusk .hkCity__moon{opacity:.42;transform:translateY(-36px) scale(.9);filter:sepia(.35) hue-rotate(-16deg) brightness(.9)}.hkCloud,.hkCity__clouds .hkCloud{position:absolute;left:-24%;width:150px;height:50px;border-radius:100px;background:#ffffff9e;box-shadow:0 8px 24px #ffffff38,inset 0 -10px 20px #cbd5e13d;filter:blur(1.5px);animation:hkcity-cloud-float 46s linear infinite;pointer-events:none}.hkCloud:before,.hkCloud:after{content:"";position:absolute;border-radius:100px;background:inherit}.hkCloud:before{width:54%;height:100%;top:-48%;left:14%}.hkCloud:after{width:68%;height:120%;top:-58%;right:10%}.hkCloud--2{top:25%;animation-duration:55s;animation-delay:5s}.hkCloud--3{top:8%;width:200px;height:70px;animation-duration:50s;animation-delay:10s}.hkCloud--4{top:35%;width:160px;height:55px;animation-duration:48s;animation-delay:15s}.hkCloud--5{top:18%;width:140px;height:48px;animation-duration:52s;animation-delay:20s}.hkCity[data-period=night] .hkCloud,.hkCity.time-night .hkCloud{background:#50556459;opacity:.25}.hkCity[data-period=dusk] .hkCloud,.hkCity.time-dusk .hkCloud{background:#ffc8b480}@keyframes hkcity-cloud-float{0%{transform:translate(0)}to{transform:translate(150vw)}}.ocean-wave{position:absolute;bottom:0;left:0;width:300%;height:120px;background:linear-gradient(90deg,transparent 0%,rgba(52,152,219,.12) 20%,rgba(52,152,219,.18) 50%,rgba(52,152,219,.12) 80%,transparent 100%);animation:hkcity-wave-move 14s linear infinite;opacity:.62;pointer-events:none}.ocean-wave:nth-child(2){height:100px;animation-duration:18s;animation-delay:-6s;opacity:.48}.ocean-wave:nth-child(3){height:80px;animation-duration:22s;animation-delay:-12s;opacity:.34}@keyframes hkcity-wave-move{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.hkCity__world{position:absolute;top:50%;left:50%;z-index:10;width:min(92%,1600px);height:82%;transform:translate(-50%,-50%) rotateX(48deg);transform-style:preserve-3d;transition:transform 1s var(--ease-smooth)}.island-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(24px,4.5vw,70px);width:100%;height:100%;padding:clamp(20px,4vw,50px);transform-style:preserve-3d}.island{position:relative;transform-style:preserve-3d;cursor:pointer;filter:drop-shadow(0 15px 35px rgba(0,0,0,.24));transition:transform .42s var(--spring-easing),filter .42s var(--ease-smooth),z-index .2s ease;animation:hkcity-island-float 5s ease-in-out infinite}.island:hover{z-index:100;transform:translateY(-22px) translateZ(56px) scale(1.06);filter:drop-shadow(0 24px 52px rgba(0,0,0,.34)) brightness(1.1) saturate(1.08);animation-play-state:paused}.island__surface{position:relative;width:100%;height:100%;min-height:112px;border:2px solid var(--kid-border);border-radius:var(--kid-radius-xl);background:var(--island-blue);box-shadow:var(--kid-shadow),inset 0 3px 22px #ffffff42,inset 0 -3px 22px #00000029;overflow:hidden;transform:translateZ(40px);transition:border-color .32s var(--ease-smooth),box-shadow .32s var(--ease-smooth)}.island__depth{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--kid-radius-xl);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.42) 100%);filter:blur(14px);transform:translateZ(-40px)}.island__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:22px;text-align:center;transform:translateZ(12px);transition:transform .32s var(--ease-smooth)}.island:hover .island__content{transform:translateZ(20px)}.island__icon{margin-bottom:14px;font-size:clamp(38px,4.5vw,58px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));animation:hkcity-icon-bounce 2.6s ease-in-out infinite}.island__title{margin:0;color:var(--kid-text);font-size:var(--kid-title);font-weight:var(--font-weight-extrabold);line-height:1.08;text-shadow:0 2px 10px rgba(0,0,0,.24)}@keyframes hkcity-island-float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-14px) translateZ(22px)}}@keyframes hkcity-icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.06)}}.lg-gate{display:flex;align-items:center;justify-content:center;min-height:100svh;min-height:100dvh;width:100%;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden}.lg-gate__card,.littleg-boot__card{position:relative;z-index:1;width:min(100%,480px);padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem);border:1px solid rgba(255,255,255,.58);border-radius:clamp(20px,4vw,32px);background:#fffffff5;color:#171717;text-align:center;box-shadow:0 20px 60px #667eea3d,0 0 0 1px #ffffff73,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);animation:hkcity-slide-up .58s var(--spring-easing) both}.lg-gate__badge{display:grid;place-items:center;width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);margin:0 auto 1.5rem;border-radius:999px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea57;font-size:clamp(2rem,4vw,2.5rem)}.lg-gate__card h2{margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-weight-bold);line-height:1.25;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lg-gate__card p{margin:0 0 2rem;color:#6b6b66;font-size:clamp(.9375rem,2vw,1.125rem);font-weight:500;line-height:1.58}.lg-gate__actions{display:flex;flex-direction:column;gap:1rem}.lg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.875rem 2rem;border:1px solid rgba(102,126,234,.2);border-radius:999px;background:#667eea14;color:#667eea;font-weight:var(--font-weight-bold);text-decoration:none;transition:transform .2s var(--ease-smooth),background .2s var(--ease-smooth),border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.lg-btn:hover{background:#667eea26;border-color:#667eea66;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.lg-btn:focus-visible{outline:3px solid rgba(102,126,234,.72);outline-offset:3px}.littleg-boot,.littleg-boots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0a0a0c73;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);transition:opacity .45s var(--ease-smooth),visibility .45s var(--ease-smooth)}.littleg-boot.is-hidden,.littleg-boots.is-hidden,.littleg-boot.fade-out{opacity:0;visibility:hidden;pointer-events:none}.littleg-boot__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:var(--font-weight-bold)}.littleg-boot__subtitle,.littleg-boot__sub{font-size:1rem;opacity:.72}.littleg-boot__progress{height:4px;margin-top:20px;overflow:hidden;border-radius:999px;background:#fff3}.littleg-boot__progress-bar{height:100%;width:0;background:#fff;transition:width .3s var(--ease-smooth)}@keyframes hkcity-slide-up{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lab-progress-header,.gfun-balance-container,.lg-gameProgress,.lg-gameProgress__container{border:1px solid rgba(255,255,255,.14);border-radius:var(--kid-radius-lg);background:#0f172ad1;color:#fff;box-shadow:var(--kid-shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.lab-progress-header{max-width:1024px;margin:32px auto;padding:32px;background:#ffffffc7;color:#171717}.lg-gameProgress{width:100%;max-width:100%;padding:clamp(20px,3vw,32px) clamp(16px,3vw,24px);overflow:hidden;position:relative}.lg-gameProgress__container{position:relative;padding:clamp(16px,3vw,24px)}.lg-gameProgress__bar{position:relative;width:100%;height:clamp(24px,3vw,32px);overflow:hidden;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#0f172ac7;box-shadow:inset 0 2px 8px #0000006b}.lg-gameProgress__fill{position:absolute;inset:0 auto 0 0;width:var(--progress,0%);height:100%;border-radius:14px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);box-shadow:0 0 20px #6366f180,inset 0 1px #fff3;transition:width .65s var(--spring-easing),background .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth)}.lg-gameProgress__fill.is-halfway{background:linear-gradient(90deg,#10b981,#6366f1 34%,#8b5cf6 72%,#a78bfa)}.lg-gameProgress__fill.is-complete{background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7)}.lg-gameProgress__header,.lg-gameProgress__stats,.lg-progress__stats{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.lg-gameProgress__title{color:#e2e8f0;font-size:18px;font-weight:740}.lg-gameProgress__current,.lg-progress__current{font-size:clamp(24px,4vw,32px);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lg-gameProgress__percentage,.lg-progress__percentage{color:#a78bfa;font-size:clamp(18px,3vw,28px);font-weight:var(--font-weight-extrabold)}.lg-gameProgress__guestHint,.lg-gameProgress__nextIsland,.lg-gameProgress__complete{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;border-radius:var(--kid-radius-md);font-size:14px;font-weight:var(--font-weight-bold)}.lg-gameProgress__guestHint{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.lg-gameProgress__nextIsland{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.lg-gameProgress__complete{background:#10b98129;border:1px solid rgba(16,185,129,.34);color:#6ee7b7}.lg-gameProgress__cta{display:flex;gap:10px;margin-top:16px}.lg-gameProgress__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:44px;padding:12px 20px;overflow:hidden;border:2px solid transparent;border-radius:var(--kid-radius-md);color:#fff;font-size:14px;font-weight:740;text-align:center;text-decoration:none;cursor:pointer;transition:transform .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),background .22s var(--ease-smooth),border-color .22s var(--ease-smooth)}.lg-gameProgress__btn--primary{border-color:#8b5cf680;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f152}.lg-gameProgress__btn--secondary{border-color:#fff3;background:#ffffff14;color:#ffffffeb}.lg-gameProgress__btn:hover{transform:translateY(-2px)}.gfun-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.gfun-stat{padding:28px 22px;border:1px solid rgba(139,92,246,.3);border-radius:20px;background:#00000042;text-align:center;transition:transform .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),border-color .22s var(--ease-smooth)}.gfun-stat:hover{border-color:#8b5cf694;box-shadow:0 8px 24px #8b5cf638;transform:translateY(-3px)}.gfun-stat-value{margin-bottom:12px;font-size:clamp(32px,5vw,48px);font-weight:var(--font-weight-extrabold);line-height:1;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gfun-stat-label{color:#cbd5e1;font-size:16px;font-weight:var(--font-weight-bold)}.gfun-balance-container{padding:clamp(32px,5vw,48px)}.gfun-balance-title{margin:0 0 32px;color:#fff;font-size:clamp(28px,4.6vw,36px);font-weight:var(--font-weight-extrabold);text-align:center}.lg-content{position:relative;min-height:500px;padding:32px;background:#fff;color:#171717}.lg-hero__title{margin:0 0 12px;color:#1e293b;font-size:clamp(28px,4vw,36px);font-weight:var(--font-weight-extrabold);line-height:1.05;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lg-hero__subtitle{margin:0 0 8px;color:#475569;font-size:clamp(17px,2.4vw,20px);font-weight:var(--font-weight-bold)}.lg-hero__hint{margin:0 0 32px;color:#64748b;font-size:15px;font-style:italic}.lg-hero__actions,.lg-nav-pills,.lg-views{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.lg-viewTab,.lab-toggle{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#ffffffc7;color:#1a2f23;cursor:pointer;font-weight:var(--font-weight-extrabold);padding:10px 16px;transition:transform .16s var(--ease-smooth),background .16s var(--ease-smooth),box-shadow .16s var(--ease-smooth)}.lg-viewTab:hover,.lab-toggle:hover{transform:translateY(-2px)}.lg-viewTab.is-active,.lab-toggle.active{background:linear-gradient(135deg,gold,orange);color:#1a2f23;box-shadow:0 6px 16px #ffa5003d}.lg-back{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(0,0,0,.1);border-radius:999px;background:#ffffffc7;color:#1d1d1f;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s var(--ease-smooth),background .2s var(--ease-smooth),border-color .2s var(--ease-smooth)}.lg-back:hover{background:#00d4ff1a;border-color:#00d4ff;transform:translate(-3px)}@media(max-width:768px){.island-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:22px;padding:22px}.hkCity__world{width:96%;height:76%;transform:translate(-50%,-50%) rotateX(38deg)}.lg-gameProgress__cta,.lg-gameProgress__guestHint,.lg-gameProgress__nextIsland,.lg-gameProgress__complete{flex-direction:column;text-align:center}.lg-content{padding:24px}.lab-progress-header{margin:16px;padding:24px}}@media(max-width:480px){.island-grid{grid-template-columns:1fr;gap:18px;padding:16px}.lg-gate{padding:1rem}.lg-content{padding:20px}.lg-gameProgress,.lg-gameProgress__container{padding:16px}.lg-gameProgress__cta{flex-direction:column}.lg-gameProgress__btn{width:100%}.lg-back span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/littleg-hkcity.css.map */