:root{--bg: #5FCBCC;--wood-base: #C28B59;--wood-shadow: #754418;--wood-highlight: #D8A572;--btn-orange: #F27B13;--btn-orange-shadow: #A34E01;--btn-green: #7DC210;--btn-green-shadow: #3A8004;--btn-blue: #1C75FF;--btn-blue-shadow: #003AA3;--btn-tan: #FDE8C0;--btn-tan-shadow: #B28345;--text-brown: #5C3A21;--text: #ffffff;--radius: 16px;--radius-sm: 10px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent!important}body,html{font-family:Fredoka,Nunito,sans-serif;background:url(/GameAsset/game_bg.jpg) no-repeat center center fixed;background-size:cover;color:var(--text);min-height:100vh;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease,transform .4s ease;opacity:0;pointer-events:none;overflow:hidden}.screen.active{opacity:1;pointer-events:all;transform:none!important}.screen.slide-out-left{transform:translate(-100%)}.screen.slide-out-right{transform:translate(100%)}.bg-flat{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#60c3ff,#bfe7ff)}.f-cloud{position:absolute;background:#ffffffe6;border-radius:50px}.f-cloud:before,.f-cloud:after{content:"";position:absolute;background:#ffffffe6;border-radius:50%}.c1{width:120px;height:35px;top:12%;left:8%;opacity:.9}.c1:before{width:60px;height:60px;top:-30px;left:15px}.c1:after{width:50px;height:50px;top:-20px;right:15px}.c2{width:160px;height:45px;top:20%;right:5%;opacity:.8}.c2:before{width:80px;height:80px;top:-45px;left:20px}.c2:after{width:60px;height:60px;top:-25px;right:20px}.c3{width:100px;height:30px;top:10%;left:55%;opacity:.85}.c3:before{width:50px;height:50px;top:-25px;left:15px}.flat-mountain{position:absolute;bottom:25%;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:200px solid #2D8C5B}.m-left{left:-5%;border-bottom-color:#216e45}.m-right{right:5%;border-bottom-color:#2d8c5b}.flat-hills{position:absolute;bottom:0;left:-10%;right:-10%;border-radius:50% 50% 0 0}.flat-hills.back{height:35vh;background:#62b831;transform:rotate(4deg);bottom:-5vh}.flat-hills.front{height:48vh;background:#84cc3a;transform:rotate(-3deg);bottom:-15vh;box-shadow:inset 0 20px #79c22e}.flat-path{display:none}.icon-img{display:inline-block;width:24px;height:24px;background:#f59e0b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003,inset 0 2px 2px #ffffff80}.icon-img.small-icon{width:20px;height:20px}.icon-img.xs-icon{width:16px;height:16px;border-width:1.5px}#home-screen{gap:0;padding:24px 20px;z-index:10}.icon-btn{width:56px;height:56px;border-radius:14px;background:var(--btn-tan);color:var(--text-brown);border:none;box-shadow:0 6px 0 var(--btn-tan-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s}.icon-btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--btn-tan-shadow)}.icon-btn.sound-off svg{opacity:.5}.wooden-board{background:var(--wood-base);border:4px solid var(--text-brown);border-radius:16px;padding:24px 32px;box-shadow:0 8px 0 var(--wood-shadow);position:relative;text-align:center}.home-board{margin:40px auto;max-width:320px}.home-title{font-size:3.5rem;font-weight:900;color:#fff;text-shadow:0 1px 0 #DDA066,0 2px 0 #C28B59,0 3px 0 #A6764B,0 4px 0 #8B623E,0 8px 15px rgba(0,0,0,.4);line-height:1;letter-spacing:2px;text-transform:uppercase}.home-tagline{font-size:1.1rem;color:#64748b;font-weight:700;letter-spacing:0px}.home-actions{display:flex;flex-direction:column;gap:24px;width:100%;max-width:300px;z-index:1;margin:0 auto;align-items:center}.play-btn{width:100%;max-width:280px;padding:20px;border-radius:20px;border:none;background:linear-gradient(180deg,#81d225,#64b11c);border:2px solid rgba(255,255,255,.4);color:#fff9e0;font-family:inherit;font-size:1.5rem;font-weight:900;cursor:pointer;box-shadow:0 8px #397a0a,0 12px 20px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .1s;display:flex;align-items:center;justify-content:center;text-align:center}.play-btn:active{transform:translateY(8px);box-shadow:0 0 #397a0a}.home-lower-btns-circle{display:flex;gap:24px;width:100%;justify-content:center;position:absolute;bottom:40px;left:0;padding:0 20px}.circle-btn{width:70px;height:70px;border-radius:50%;border:4px solid #F8B41D;background:#f8b41d;box-shadow:0 6px #d47913,0 8px 12px #0003;padding:0;cursor:pointer;transition:transform .1s;position:relative}.circle-btn:active{transform:translateY(6px);box-shadow:0 0 #d47913}.circle-btn-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -5px #0003;position:relative}.blue-theme .circle-btn-inner{background:linear-gradient(180deg,#37c2fa,#1793dd)}.purple-theme .circle-btn-inner{background:linear-gradient(180deg,#a85cf0,#7632bf)}.green-theme .circle-btn-inner{background:linear-gradient(180deg,#a5de37,#7cb416)}.btn-badge{position:absolute;bottom:-6px;right:-8px;background:#e83f3f;color:#fff;font-size:13px;font-weight:900;padding:3px 8px;border-radius:12px;border:2px solid #F8B41D;box-shadow:0 2px #af2525}.home-coin-display{position:absolute;top:20px;right:20px;display:flex;align-items:center;background:#475a7a;padding:4px 4px 4px 14px;border-radius:20px;color:#fff;font-weight:800;gap:6px;box-shadow:inset 0 -3px #0003}.coin-icon{font-size:1.1rem}#game-screen{padding:0;gap:0;justify-content:flex-start}.game-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%;max-width:480px;padding:16px 16px 12px;z-index:10;flex-shrink:0;position:relative}.topbar-left{display:flex;gap:8px;z-index:2}.game-back-btn{width:48px;height:48px}.game-back-btn .circle-btn-inner svg{width:24px;height:24px}.game-level-badge{position:absolute;left:50%;transform:translate(-50%);background:transparent;border:none;color:#fff;padding:8px 16px;font-weight:900;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 10px rgba(255,255,255,.2);z-index:1}.game-level-badge span{color:#fff;font-size:1.8rem}.game-stats-right{display:flex;align-items:center;gap:8px}.pill-coin{display:flex;align-items:center;background:#475a7a;border-radius:var(--radius-full);padding:2px 6px 2px 18px;font-weight:900;font-size:1.4rem;color:#fff;box-shadow:inset 0 -4px #0003;height:42px;gap:8px}.pill-coin-icon-img{width:44px;height:44px;margin-right:-20px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.game-board-wrap{width:100%;padding:0 16px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.main-board{position:relative;width:min(100%,calc(100vh - 240px));max-width:480px;aspect-ratio:1/1;border-radius:20px;background:var(--wood-highlight);border:6px solid var(--wood-shadow);box-shadow:0 10px 0 var(--wood-shadow),0 15px 25px #0000004d;overflow:visible;touch-action:none}.grass-tuft{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:24px solid #84CC3A;z-index:-1}.tuft-1{top:-14px;left:10%;transform:rotate(-15deg);border-bottom-color:#a5de37}.tuft-2{top:-20px;left:15%;transform:rotate(10deg);border-bottom-color:#84cc3a;border-bottom-width:30px}.tuft-3{bottom:-14px;right:10%;transform:rotate(-165deg);border-bottom-color:#62b831}.tuft-4{bottom:-20px;right:15%;transform:rotate(190deg);border-bottom-color:#84cc3a;border-bottom-width:30px}.tuft-5{top:20%;left:-14px;transform:rotate(-75deg);border-bottom-color:#a5de37}.tuft-6{top:70%;right:-14px;transform:rotate(75deg);border-bottom-color:#62b831}#grid-container{display:grid;width:100%;height:100%;gap:0;z-index:10;position:relative}#lines-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.path-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.cell{background:#fff;box-shadow:0 4px #cbd5e1;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;border-radius:8px;margin:2px}.cell.visited{background:transparent;box-shadow:none}.cell span{opacity:0;--ns: .5;transform:scale(var(--ns));transition:all .2s cubic-bezier(.175,.885,.32,1.275);background:#ff8014;color:#fff;width:clamp(28px,8vw,38px);height:clamp(28px,8vw,38px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.95rem,4vw,1.2rem);font-weight:900;position:relative;z-index:2;border:3px solid #FFF;box-shadow:0 4px 10px #0000001a}.cell.clue span,.cell.visited span{opacity:1;--ns: 1;transform:scale(var(--ns))}.cell.current span{--ns: 1.15;transform:scale(var(--ns))}.cell.win-anim span{display:none!important}.cell.win-anim{background-color:transparent!important;box-shadow:none!important}.cell.hint-reveal span{background:var(--btn-blue)!important;box-shadow:0 4px 0 var(--btn-blue-shadow)!important;animation:hintPulse 1.5s ease-in-out}@keyframes hintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15);box-shadow:0 6px 0 var(--btn-blue-shadow)!important}}.game-footer{width:100%;max-width:480px;display:flex;gap:16px;padding:16px 20px 24px;flex-shrink:0;z-index:10;align-items:center;justify-content:center;box-sizing:border-box}.footer-btn{flex:1;min-width:0;padding:16px 10px;border-radius:12px;border:none;background:#ef4444;color:#fff;font-family:inherit;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 6px #b91c1c;transition:transform .1s;display:flex;align-items:center;justify-content:center;gap:8px}.footer-btn:active{transform:translateY(6px);box-shadow:0 0 #b91c1c}.hint-btn{flex:none;width:68px;height:68px;flex-shrink:0}.hint-btn .circle-btn-inner svg{width:24px;height:24px}.hint-btn .btn-badge{bottom:-6px;right:-8px;font-size:13px;padding:3px 8px;border-width:2px}.footer-btn.next-level-inline-btn{background:linear-gradient(180deg,#96dd2b,#6ebb11);box-shadow:0 6px #468803,0 12px 20px #0003;color:#fff;font-size:1.5rem;padding:16px 12px;border-radius:20px;border:none;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 0 #468803,0 3px 6px rgba(0,0,0,.3)}.footer-btn.next-level-inline-btn:active{transform:translateY(6px);box-shadow:0 0 #468803}.hide-footer{display:none!important}.inline-win-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;pointer-events:none}.inline-stars{display:flex;gap:8px;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.star.inline{transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:70px;height:70px;object-fit:contain;opacity:.8}#star_pos_0{transform:scale(.8) rotate(-15deg);margin-top:15px}#star_pos_1{transform:scale(1.1);z-index:2}#star_pos_2{transform:scale(.8) rotate(15deg);margin-top:15px}.star.inline.active{opacity:1;filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}.star.inline.active#star_pos_0{animation:star0Pop .6s cubic-bezier(.175,.885,.32,1.275) forwards}.star.inline.active#star_pos_1{animation:star1Pop .6s cubic-bezier(.175,.885,.32,1.275) forwards}.star.inline.active#star_pos_2{animation:star2Pop .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes star0Pop{0%{transform:scale(.8) rotate(-15deg)}50%{transform:scale(1.1) rotate(-10deg)}to{transform:scale(.8) rotate(-15deg)}}@keyframes star1Pop{0%{transform:scale(1.1)}50%{transform:scale(1.4)}to{transform:scale(1.1)}}@keyframes star2Pop{0%{transform:scale(.8) rotate(15deg)}50%{transform:scale(1.1) rotate(10deg)}to{transform:scale(.8) rotate(15deg)}}.inline-reward-text{font-size:1.8rem;font-weight:900;color:#facc15;text-shadow:0 4px 0 var(--btn-orange-shadow);margin-top:-10px;opacity:0;transform:translateY(20px)}.inline-reward-text.active{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.175,.885,.32,1.275) .5s}.ghost-coin{position:fixed;width:44px;height:44px;z-index:9999;pointer-events:none;margin-top:-22px;margin-left:-22px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0a0e1acc;opacity:0;pointer-events:none;transition:opacity .35s ease}.overlay.show{opacity:1;pointer-events:all}.modal-card{background:#fff9ed;border:4px solid #DFB58C;border-radius:24px;padding:28px 24px;text-align:center;max-width:320px;width:90%;transform:scale(.9) translateY(20px);transition:transform .2s;position:relative;box-shadow:0 8px #dfb58c,0 16px 30px #00000040}.overlay.show .modal-card{transform:scale(1) translateY(0)}.how-to-list{text-align:left;margin:16px 0 24px;display:flex;flex-direction:column;gap:12px}.how-step{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#5c3a21;line-height:1.4;font-weight:600}.how-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff9e3d,#f27b13);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;flex-shrink:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 24px}.theme-item{border-radius:16px;padding:12px 6px;border:3px solid #EBE1D0;background:#fff;color:#5c3a21;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;font-weight:800;box-shadow:0 4px #ebe1d0}.theme-item.active{border-color:#64b11c;background:#f4fceb;color:#397a0a;box-shadow:0 4px #64b11c;transform:translateY(2px)}.theme-swatch{width:44px;height:44px;border-radius:50%;box-shadow:0 2px 4px #00000026}.theme-cost{display:flex;align-items:center;gap:4px;color:#e27b08;font-size:.8rem;font-weight:900}.theme-item.owned .theme-cost{color:#84cc3a}.modal-x-btn{position:absolute;top:-15px;right:-15px;width:44px;height:44px;background:transparent;border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;z-index:10;padding:0}.modal-x-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.modal-x-btn:active{transform:scale(.9)}.modal-title{font-size:1.8rem;font-weight:900;margin-bottom:4px;color:#5c3a21;text-shadow:none}.modal-sub{font-size:1rem;color:#8c6a51;margin-bottom:0;font-weight:700}.stars-container{display:flex;justify-content:center;gap:10px;margin:15px 0;font-size:3rem;color:#e2e8f0}.star.active{color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.6);animation:starPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes starPop{0%{transform:scale(0)}to{transform:scale(1)}}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:199;display:none}.coin-float{position:fixed;font-size:1.3rem;pointer-events:none;z-index:300;animation:coinFly 1.2s ease-out forwards;font-weight:900;color:var(--accent);text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes coinFly{0%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-80px) scale(.7)}}