:root{color-scheme:only light}html,body{margin:0;padding:0;width:100%;height:100%;background:#1f2a1f;overflow:hidden;font-family:Trebuchet MS,Tahoma,sans-serif}#app{width:100%;height:100%}#app,#app canvas{touch-action:none}@supports (height: 100dvh){html,body,#app{width:100dvw;height:100dvh}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#ffd6aa14,#000000d9);z-index:9999}.hidden,.overlay.hidden,#muchleka.hidden,#game-over.hidden{display:none}.panel{width:min(520px,90vw);padding:28px 26px;background:linear-gradient(160deg,#151c1f,#0d1114);border:1px solid #2c3a42;box-shadow:0 24px 60px #0009;color:#f6f0d6;text-align:center}.panel .eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#9dc2b2;margin-bottom:8px}.panel .title{font-size:38px;letter-spacing:.08em;margin-bottom:8px}.panel .subtitle{font-size:14px;color:#c8c0a7;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.panel .score{font-size:22px;margin-bottom:22px;color:#ffe2a8}.panel .actions{display:flex;justify-content:center;gap:12px;margin-bottom:10px}.panel button{padding:10px 22px;background:linear-gradient(145deg,#2f6b4a,#244a36);border:1px solid #4c8b67;color:#f6f0d6;font-weight:700;cursor:pointer}.panel button:hover{filter:brightness(1.08)}.panel button.danger{background:linear-gradient(145deg,#6b2f2f,#4f2424);border-color:#8b4c4c}.panel .hint{font-size:12px;color:#9da7a6}#main-menu{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden}#main-menu.hidden{display:none}#main-menu{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 0;display:flex;justify-content:center;align-items:center}#main-menu .menu-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}#main-menu .pole{position:absolute;width:3px;background:linear-gradient(180deg,#ffffff1a,#6aca874d);animation:risePole 15s linear infinite;opacity:.4}@keyframes risePole{0%{bottom:-100%;opacity:0}10%{opacity:.4}90%{opacity:.4}to{bottom:100%;opacity:0}}#main-menu .particle{position:absolute;width:4px;height:4px;background:#6aca8799;border-radius:50%;animation:float 20s infinite}@keyframes float{0%,to{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100vw,-100vh) rotate(360deg);opacity:0}}#main-menu .menu-container{position:relative;z-index:10;text-align:center;padding:60px 40px;background:#16213ee6;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a,0 0 40px #6aca8733;border:2px solid rgba(106,202,135,.3);max-width:520px;animation:slideIn 1s ease-out;max-height:calc(100vh - 80px);overflow-y:auto;margin:24px 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}#main-menu .title{font-size:56px;font-weight:900;background:linear-gradient(135deg,#6aca87,#3dd9a7,#6aca87);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:4px;margin-bottom:10px;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#main-menu .subtitle{font-size:18px;color:#6aca87;margin-bottom:30px;opacity:.85;letter-spacing:2px;text-transform:uppercase}#main-menu .menu-lang{display:inline-flex;gap:8px;margin:6px 0 22px;padding:6px;border-radius:999px;background:#00000040;border:1px solid rgba(106,202,135,.25)}#main-menu .lang-btn{background:transparent;border:1px solid transparent;color:#f6f0d6;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;letter-spacing:1px}#main-menu .lang-btn.active{background:linear-gradient(135deg,#6aca87,#3dd9a7);color:#0b0f14;border-color:#6aca87cc;box-shadow:0 6px 16px #6aca8773}#main-menu .menu-buttons{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}#main-menu .menu-btn{padding:16px 48px;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:15px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;background:linear-gradient(135deg,#2c5364,#203a43);color:#fff;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff1a;border:2px solid rgba(106,202,135,.3)}#main-menu .menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(106,202,135,.4),transparent);transition:left .5s ease}#main-menu .menu-btn:hover:before{left:100%}#main-menu .menu-btn:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 25px #6aca8766,inset 0 1px #fff3;border-color:#6aca87;background:linear-gradient(135deg,#3dd9a7,#6aca87)}#main-menu .primary-btn{background:linear-gradient(135deg,#6aca87,#3dd9a7);border-color:#6aca87;box-shadow:0 6px 20px #6aca8780,inset 0 1px #ffffff4d;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 6px 20px #6aca8780,inset 0 1px #ffffff4d}50%{box-shadow:0 6px 30px #6aca87cc,inset 0 1px #ffffff4d}}#main-menu .instructions,#main-menu .credits{background:#0000004d;padding:18px 20px;border-radius:15px;border:1px solid rgba(106,202,135,.2);margin-top:18px;color:#ffffffd9;font-size:14px;line-height:1.7;text-align:center}#main-menu .credits .strike{text-decoration-line:line-through;text-decoration-color:#ff4d4d;text-decoration-thickness:2px}#main-menu .credits a{color:#6aca87;text-decoration:none;border-bottom:1px dashed rgba(106,202,135,.6)}#main-menu .credits a:hover{color:#8ff0b6;border-bottom-color:#8ff0b6cc}#main-menu .instructions h3{color:#6aca87;font-size:16px;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}#main-menu .instructions ul{list-style:none}#main-menu .instructions li{padding:6px 0 6px 18px;position:relative}#main-menu .instructions li:before{content:">";position:absolute;left:0;color:#6aca87;font-weight:700}#main-menu .floating-khamba,#main-menu .floating-parrot{position:absolute;z-index:15;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 15px rgba(106,202,135,.3))}#main-menu .floating-khamba{width:70px;height:110px}#main-menu .khamba-1{top:18%;left:7%;animation:floatRotate1 20s ease-in-out infinite;background-image:url(/assets/pole-BN1KIkvf.png)}#main-menu .khamba-2{bottom:12%;right:7%;animation:floatRotate2 25s ease-in-out infinite;background-image:url(/assets/pole2-C30oB77X.png);width:140px;height:220px}@keyframes floatRotate1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(90deg)}50%{transform:translate(60px) rotate(180deg)}75%{transform:translate(30px,40px) rotate(270deg)}}@keyframes floatRotate2{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-40px,30px) rotate(-90deg)}50%{transform:translate(-80px) rotate(-180deg)}75%{transform:translate(-40px,-30px) rotate(-270deg)}}#main-menu .floating-parrot{width:90px;height:90px;animation:parrotFloat 18s ease-in-out infinite}#main-menu .parrot-1{top:14%;right:9%;background-image:url(/assets/zarek0-BjSgf20B.png)}#main-menu .parrot-2{bottom:16%;left:10%;background-image:url(/assets/extra%20zarek-Shxt5LqO.png);animation-duration:22s}@keyframes parrotFloat{0%,to{transform:translate(0) rotate(-5deg)}25%{transform:translate(-30px,-20px) rotate(5deg)}50%{transform:translate(-60px) rotate(-5deg)}75%{transform:translate(-30px,20px) rotate(5deg)}}@media (max-width: 600px){#main-menu .menu-container{padding:40px 30px;max-width:90%}#main-menu .title{font-size:40px}#main-menu .menu-btn{font-size:18px;padding:14px 36px}#main-menu .floating-khamba{width:40px;height:60px}#main-menu .floating-parrot{width:50px;height:50px}#main-menu .menu-container{padding:32px 24px}#main-menu .title{font-size:36px;letter-spacing:2px}#main-menu .subtitle{font-size:14px}#main-menu .menu-btn{font-size:16px;padding:12px 28px}#main-menu .floating-khamba,#main-menu .floating-parrot{opacity:.6}}@media (max-width: 900px) and (orientation: landscape){#main-menu .menu-container{padding:28px 26px;max-height:calc(100vh - 48px)}#main-menu .title{font-size:32px}#main-menu .menu-btn{font-size:15px;padding:12px 28px}}@media (max-height: 520px){#main-menu{align-items:flex-start}}.menu-panel{width:min(640px,92vw);padding:34px 30px;background:linear-gradient(160deg,#0f1518,#141a13);border:1px solid #2f3d36}.menu-panel .title{font-size:44px;letter-spacing:.12em}.menu-panel .subtitle{font-size:16px}.menu-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.menu-meta .tag{padding:6px 10px;border-radius:999px;border:1px solid #2f3d36;color:#d5caa7;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#0a0e0cb3}.muchleka-panel{width:min(600px,92vw);background:linear-gradient(160deg,#1a1f1a,#121513);border:1px solid #3c4632}#game-over{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center}#game-over #falling-poles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#game-over .falling-pole{position:absolute;width:26px;height:110px;background-repeat:no-repeat;background-size:contain;background-position:center;animation:fall linear infinite;opacity:.5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}#game-over .falling-pole.pole-a{background-image:url(/assets/pole-BN1KIkvf.png)}#game-over .falling-pole.pole-b{background-image:url(/assets/pole2-C30oB77X.png);width:120px;height:350px}@keyframes fall{0%{top:-100px;transform:rotate(0)}to{top:110vh;transform:rotate(360deg)}}#game-over .gameover-container{position:relative;z-index:10;background:#16213ef2;border-radius:30px;padding:50px 40px;max-width:600px;width:calc(100% - 40px);box-shadow:0 10px 50px #000000b3,inset 0 1px #ffffff1a;border:3px solid rgba(244,67,54,.5);text-align:center;animation:shake-in .8s ease-out;margin:20px auto}@keyframes shake-in{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}70%{transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}#game-over .game-over-title{font-size:72px;font-weight:900;background:linear-gradient(135deg,#f44336,#ff5252,#f44336);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:5px;margin-bottom:10px;animation:glitch 2s ease-in-out infinite;text-shadow:0 0 30px rgba(244,67,54,.5)}@keyframes glitch{0%,to{text-shadow:0 0 10px rgba(244,67,54,.5)}10%{text-shadow:2px 2px 10px rgba(244,67,54,.8),-2px -2px 10px rgba(61,217,167,.8)}20%{text-shadow:0 0 10px rgba(244,67,54,.5)}}#game-over .emoji-big{font-size:80px;margin:20px 0;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}#game-over .subtitle{font-size:18px;color:#ffffffb3;margin-bottom:30px;font-style:italic}#game-over .score-container{background:#0006;border:2px solid rgba(106,202,135,.3);border-radius:15px;padding:25px;margin:30px 0}#game-over .score-label{font-size:16px;color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}#game-over .score-value{font-size:48px;font-weight:900;color:#6aca87;text-shadow:0 0 20px rgba(106,202,135,.6)}#game-over .score-suffix{font-size:24px;color:#6aca87cc}#game-over .buttons-container{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap;justify-content:center}#game-over .btn{flex:1;min-width:140px;padding:18px 30px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 15px #0000004d}#game-over .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}#game-over .btn:hover:before{left:100%}#game-over .btn-menu{background:linear-gradient(135deg,#2c5364,#203a43);color:#fff;border:2px solid rgba(106,202,135,.3)}#game-over .btn-menu:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #6aca874d;border-color:#6aca87}@media (max-width: 600px){#game-over .gameover-container{padding:30px 20px;width:calc(100% - 20px)}#game-over .game-over-title{font-size:48px;letter-spacing:2px}#game-over .emoji-big{font-size:60px}#game-over .subtitle{font-size:14px}#game-over .score-value{font-size:36px}#game-over .score-suffix{font-size:18px}#game-over .buttons-container{flex-direction:column}#game-over .btn{width:100%;font-size:16px;padding:15px 20px}}@media (max-width: 375px){#game-over .gameover-container{padding:25px 15px}#game-over .game-over-title{font-size:40px}#game-over .subtitle{font-size:14px}}@media (max-height: 520px){#game-over{align-items:flex-start}}#muchleka{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center}#muchleka .warning-stripes{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 50px,rgba(255,193,7,.05) 50px,rgba(255,193,7,.05) 100px);animation:slideStripes 20s linear infinite;z-index:0}@keyframes slideStripes{0%{transform:translate(0)}to{transform:translate(100px)}}#muchleka .alert-circle{position:absolute;border:3px solid rgba(255,193,7,.3);border-radius:50%;animation:pulse-circle 3s ease-out infinite}#muchleka .circle-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}#muchleka .circle-2{width:200px;height:200px;bottom:15%;right:15%;animation-delay:1s}#muchleka .circle-3{width:150px;height:150px;top:60%;left:70%;animation-delay:2s}@keyframes pulse-circle{0%{transform:scale(.8);opacity:0}50%{opacity:.5}to{transform:scale(1.5);opacity:0}}#muchleka .mucholeka-container{position:relative;z-index:10;background:#16213ef2;border-radius:25px;padding:50px 40px;max-width:500px;width:calc(100% - 40px);box-shadow:0 10px 50px #000000b3,inset 0 1px #ffffff1a,0 0 60px #ffc1074d;border:3px solid rgba(255,193,7,.5);text-align:center;animation:slideDown .6s ease-out;margin:20px auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}#muchleka .warning-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:700;color:#1a1a2e;box-shadow:0 5px 20px #ffc10780;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}#muchleka .title{font-size:44px;font-weight:900;color:#ffc107;margin-bottom:15px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(255,193,7,.6)}#muchleka .subtitle{font-size:18px;color:#fffc;margin-bottom:30px;font-style:italic}#muchleka .message-box{background:#0006;border:1px solid rgba(255,193,7,.35);border-left:6px solid #ffc107;padding:20px 22px;margin-bottom:30px;border-radius:12px;text-align:left}#muchleka .message-box h3{color:#ffc107;font-size:18px;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}#muchleka .message-box p{color:#ffffffe6;line-height:1.8;font-size:16px;margin-bottom:10px}#muchleka .cost-highlight{display:inline-block;background:#ffc10733;color:#ffc107;padding:6px 16px;border-radius:999px;font-weight:700;font-size:18px;margin-top:12px;border:1px solid rgba(255,193,7,.5)}#muchleka .warning-text{color:#ff5252;font-weight:700;font-size:14px;margin-top:15px;text-align:center}#muchleka .buttons-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}#muchleka .btn{padding:16px 24px;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;border:none;border-radius:999px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 18px #00000059}#muchleka .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}#muchleka .btn:hover:before{left:100%}#muchleka .btn-accept{background:linear-gradient(135deg,#3dd9a7,#6aca87);color:#0b0f14;border:2px solid rgba(61,217,167,.8)}#muchleka .btn-accept:hover{transform:translateY(-2px);box-shadow:0 10px 26px #3dd9a780}#muchleka .btn-accept:active{transform:translateY(-1px)}#muchleka .btn-decline{background:linear-gradient(135deg,#ff6b6b,#d32f2f);color:#fff2f2;border:2px solid rgba(255,107,107,.9)}#muchleka .btn-decline:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ff6b6b8c}#muchleka .btn-decline:active{transform:translateY(-1px)}@media (max-width: 600px){#muchleka .mucholeka-container{padding:30px 20px;width:calc(100% - 20px);border-radius:20px}#muchleka .buttons-container{grid-template-columns:1fr}#muchleka .title{font-size:28px;letter-spacing:1px}#muchleka .subtitle{font-size:14px}#muchleka .message-box{padding:15px}#muchleka .message-box h3{font-size:16px;letter-spacing:1px}#muchleka .message-box p{font-size:13px;line-height:1.6}#muchleka .cost-highlight{font-size:16px;padding:4px 12px}#muchleka .buttons-container{gap:12px}#muchleka .btn{font-size:15px;padding:14px 20px;letter-spacing:1px}#muchleka .warning-icon{width:60px;height:60px;font-size:35px}#muchleka .warning-text{font-size:12px}}@media (max-height: 520px){#muchleka{align-items:flex-start}}@media (max-width: 768px) and (orientation: landscape){#muchleka .mucholeka-container{max-width:600px;padding:25px 30px}#muchleka .title{font-size:30px;margin-bottom:10px}#muchleka .subtitle{font-size:15px;margin-bottom:20px}#muchleka .warning-icon{width:50px;height:50px;font-size:30px;margin-bottom:15px}#muchleka .message-box{padding:15px;margin-bottom:20px}#muchleka .message-box h3{font-size:16px;margin-bottom:10px}#muchleka .message-box p{font-size:13px;margin-bottom:8px}#muchleka .buttons-container{grid-template-columns:1fr 1fr;gap:14px}#muchleka .btn{font-size:14px;padding:12px 20px}}@media (max-width: 375px){#muchleka .mucholeka-container{padding:25px 15px}#muchleka .title{font-size:24px}#muchleka .message-box{padding:12px}#muchleka .btn{font-size:14px;padding:12px 15px}}