:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue-btn:#3a86ff;--blue-btn-shadow:#2a6bcc;--green-btn:#38b000;--green-btn-shadow:#2b8a00;--yellow-btn:#ffbe0b;--yellow-btn-shadow:#cc9800;--win-bg:#fdf0d5;--win-border:#e6cc98;--win-text:#5c4033;--fail-bg:#2b3a4a;--fail-border:#1a242f;--fail-text:#a0b0c0;font-family:Fredoka,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}#app{width:100vw;height:100dvh;margin:0;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#ui-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#ui-container *{pointer-events:auto}#main-menu{z-index:300;background:linear-gradient(#0a2342 0%,#1565c0 60%,#1e88e5 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.menu-bg-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.decor-drop{opacity:.08;font-size:80px;animation:6s ease-in-out infinite floatDrop;position:absolute;pointer-events:none!important}.d1{font-size:100px;animation-delay:0s;top:5%;left:10%}.d2{font-size:70px;animation-delay:-2s;top:55%;left:70%}.d3{font-size:120px;animation-delay:-4s;top:25%;left:80%}@keyframes floatDrop{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(30px)rotate(10deg)}}.menu-logo{z-index:10;flex-direction:column;align-items:center;margin-bottom:50px;display:flex;position:relative}.logo-icon{filter:drop-shadow(0 0 30px #64c8ffcc);font-size:90px;animation:2.5s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.logo-title{color:#fff;text-align:center;text-shadow:0 4px #0a2342,0 8px 20px #0006;letter-spacing:1px;word-wrap:break-word;max-width:95vw;margin:0;font-size:clamp(32px,10vw,56px);font-weight:700;line-height:1.1}.logo-sub{color:#64d8ff;text-shadow:0 4px #057,0 0 30px #64d8ff99}.menu-buttons{z-index:10;box-sizing:border-box;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:320px;padding:0 20px;display:flex;position:relative}.menu-btn{width:100%;position:relative;height:64px!important;font-size:22px!important}.menu-footer{z-index:10;flex-direction:row;align-items:center;gap:14px;margin-top:30px;display:flex;position:relative}.menu-icon-btn{width:56px!important;height:56px!important;font-size:24px!important}.screen{position:absolute;inset:0}#game-hud{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#game-hud *{pointer-events:auto}#ink-bar-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;border-radius:20px;align-items:center;padding:5px 14px;display:flex;position:absolute;top:18px;left:16px}#ink-label{color:#fff;margin-right:10px;font-size:14px;font-weight:700}#ink-bar-bg{background:#fff3;border-radius:6px;width:120px;height:12px;overflow:hidden}#ink-bar-fill{background:linear-gradient(90deg,#4fa4ff,#05f);width:100%;height:100%;transition:width .1s linear}#ui-buttons{gap:10px;display:flex;position:absolute;top:14px;right:14px}.hud-btn{width:46px!important;height:46px!important;font-size:20px!important}#ui-hint-btn{position:absolute;bottom:20px;right:14px}.ad-label-pill{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ff4136;border:2px solid #fff;border-radius:8px;padding:3px 6px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:-12px;right:-8px;box-shadow:0 2px 5px #0000004d}.pause-card{background:linear-gradient(#1a3a6b 0%,#0e2244 100%);border:5px solid #3a86ff;min-width:300px;padding-top:50px}.pause-body{flex-direction:column;align-items:center;gap:16px;margin-top:20px;display:flex}.pause-action-btn{width:260px;height:58px!important;font-size:20px!important}.pause-sound-row{align-items:center;gap:14px;margin-top:6px;display:flex}.pause-sound-label{color:#aad4ff;font-size:20px;font-weight:600}.pause-mute-btn{width:52px!important;height:52px!important;font-size:22px!important}#ui-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:400;background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.level-selector-content{text-align:center;box-sizing:border-box;width:100%;max-width:420px;padding:0 10px;position:relative}.levels-title{color:#fff;text-shadow:0 0 20px #4fa4ffcc;margin:0 0 10px;font-size:42px}.levels-close{z-index:10;position:absolute!important;top:20px!important;right:20px!important}.level-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:12px;max-height:68vh;margin-top:10px;padding:16px;display:grid;overflow-y:auto}.level-grid::-webkit-scrollbar{width:6px}.level-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.level-grid::-webkit-scrollbar-thumb{background:#fff6;border-radius:4px}.level-btn{color:#fff;cursor:pointer;background:linear-gradient(#4da6ff 0%,#06c 100%);border:3px solid #003d99;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:74px;height:80px;padding:0;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px #003d99,0 6px 10px #0000004d}.level-btn:active{transform:translateY(4px);box-shadow:0 0 #003d99,0 2px 6px #0000004d}.level-btn .lvl-num{font-size:24px;line-height:1}.level-btn .lvl-stars{letter-spacing:1px;opacity:.9;font-size:11px;line-height:1}.level-btn.locked{cursor:not-allowed;background:linear-gradient(#a0a0a0 0%,#666 100%);border:3px solid #444;box-shadow:0 4px #444,0 6px 10px #0000004d}.level-btn.locked:active{transform:none;box-shadow:0 4px #444,0 6px 10px #0000004d}.level-btn.theme-toxic{background:linear-gradient(#a855f7 0%,#6b21a8 100%);border-color:#4a0082;box-shadow:0 4px #4a0082,0 6px 10px #0000004d}.level-btn.theme-lava{background:linear-gradient(#f97316 0%,#b91c1c 100%);border-color:#7f1d1d;box-shadow:0 4px #7f1d1d,0 6px 10px #0000004d}.level-btn.theme-ice{background:linear-gradient(#67e8f9 0%,#0284c7 100%);border-color:#0369a1;box-shadow:0 4px #0369a1,0 6px 10px #0000004d}.level-btn.theme-magic{background:linear-gradient(#f0abfc 0%,#7e22ce 100%);border-color:#581c87;box-shadow:0 4px #581c87,0 6px 10px #0000004d}.dev-toolbar{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0f19e0;border-top:1px solid #ffffff1f;flex-direction:column;gap:6px;padding:8px 8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.dev-toolbar-row{flex-flow:row;justify-content:center;align-items:center;gap:6px;display:flex}.dev-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;min-width:38px;height:38px;padding:0 10px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:600;transition:background .15s,transform 80ms}.dev-btn:active{transform:scale(.94)}.dev-btn:hover{background:#ffffff40}.dev-btn-active{box-shadow:0 0 0 2px #fff3;background:#3a86ffd9!important}.dev-btn-green{background:#38b000bf}.dev-btn-green:hover{background:#38b000f2}.dev-btn-red{background:#dc3232bf}.dev-btn-red:hover{background:#dc3232f2}.dev-btn-orange{background:#ff6400bf}.dev-btn-orange:hover{background:#ff6400f2}.dev-btn-cyan{background:#00b4c8bf}.dev-btn-cyan:hover{background:#00b4c8f2}.dev-select{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:1;min-width:0;max-width:110px;height:38px;padding:0 8px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:600}.dev-select option{color:#fff;background:#1a2233}#dev-object-actions{display:none}#dev-json{height:120px;font-size:11px;color:#111!important;background:#fffffff7!important}.popup-wrapper{z-index:200;pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popup-card{box-sizing:border-box;border-radius:24px;width:350px;max-width:90vw;padding:30px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:0 15px 35px #0006}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ribbon{color:#fff;white-space:nowrap;z-index:10;border-radius:12px;padding:12px 40px;font-size:22px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 8px 15px #0003}.ribbon-blue{text-shadow:0 3px #05c;background:linear-gradient(#4fa4ff,#07f);border:4px solid #05c}.ribbon-red{text-shadow:0 3px #b30000;background:linear-gradient(#ff5e5e,#e60000);border:4px solid #b30000}.stars-header{justify-content:center;gap:15px;width:100%;display:flex;position:absolute;top:-85px;left:0}.star{filter:drop-shadow(0 5px #cc9800);font-size:58px}.star-center{transform:translateY(-20px)scale(1.2)}.star-left{transform:rotate(-15deg)}.star-right{transform:rotate(15deg)}.win-card{background:var(--win-bg);border:6px solid var(--win-border)}.slime-header{background:#00bfff;border:4px solid #005bb5;border-radius:70px 70px 25px 25px;justify-content:center;align-items:center;width:140px;height:90px;display:flex;position:absolute;top:-65px;left:50%;transform:translate(-50%)}.slime-face{color:#005bb5;letter-spacing:2px;margin-top:10px;font-size:24px;font-weight:700}.defeat-card{background:var(--fail-bg);border:6px solid var(--fail-border)}.popup-content{margin-top:20px;margin-bottom:20px}.status-panel{border-radius:20px;align-items:center;gap:20px;padding:20px;display:flex}.light-panel{background:#f4e4c1;border:3px solid #e6cc98}.dark-panel{background:#212c38;border:3px solid #151e27}.glass-icon{font-size:60px}.status-info h3{margin:0;font-size:22px}.win-card .status-info h3{color:var(--win-text)}.defeat-card .status-info h3{color:#8bb4e5}.defeat-card .status-info p{color:var(--fail-text);margin:8px 0 0;font-size:15px;line-height:1.3}.icon-check{margin-top:5px;font-size:35px}.reward-section{text-align:center;margin-top:25px}.reward-title{color:#c49a52;letter-spacing:1px;font-size:15px;font-weight:700}.reward-pill{color:var(--win-text);background:#fff;border:3px solid #e6cc98;border-radius:25px;margin-top:8px;padding:8px 25px;font-size:24px;font-weight:700;display:inline-block}.tip-section{color:var(--fail-text);align-items:center;gap:15px;margin-top:20px;padding:0 10px;font-size:15px;line-height:1.3;display:flex}.icon-x{font-size:24px}.popup-actions{justify-content:center;gap:20px;width:100%;display:flex;position:absolute;bottom:-30px;left:0}.hint-card{background:var(--win-bg);border:6px solid var(--blue-btn);text-align:center}.bulb-header{z-index:15;background:radial-gradient(circle,#ffea00,#ffbe0b);border:4px solid #b38500;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:-50px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ffea00cc}.bulb-icon{filter:drop-shadow(0 2px #b38500);font-size:40px}.hint-content{flex-direction:column;align-items:center;gap:15px;margin-top:30px;display:flex}.hint-title{color:var(--win-text);margin:0;font-size:18px;font-weight:700;line-height:1.2}.hint-image-placeholder{background:#f4e4c1;border:3px solid #e6cc98;border-radius:12px;justify-content:center;align-items:center;width:100%;height:150px;display:flex}.btn-show-solution{height:50px;margin-top:10px;padding:0 20px;font-size:18px}.hint-footer{color:#c49a52;margin:0;font-size:14px;font-weight:700}.btn{color:#fff;cursor:pointer;box-shadow:0 8px 0 var(--shadow);border:none;font-family:Fredoka,sans-serif;font-weight:700;transition:transform .1s,box-shadow .1s}.btn:active{box-shadow:0 0 0 var(--shadow);transform:translateY(8px)}.btn-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:28px;display:flex}.btn-pill{border-radius:30px;height:60px;padding:0 35px;font-size:22px}.btn-blue{background:var(--blue-btn);--shadow:var(--blue-btn-shadow)}.btn-green{background:var(--green-btn);--shadow:var(--green-btn-shadow)}.btn-yellow{background:var(--yellow-btn);--shadow:var(--yellow-btn-shadow)}.btn-red{--shadow:#a62632;background:#e63946}.btn-close{color:#fff;cursor:pointer;z-index:20;background:linear-gradient(#ff5e5e,#e60000);border:3px solid #b30000;border-radius:50%;width:40px;height:40px;font-size:18px;font-weight:700;transition:transform .1s,box-shadow .1s;position:absolute;top:-15px;right:-15px;box-shadow:0 4px #b30000}.btn-close:active{transform:translateY(4px);box-shadow:0 0 #b30000}.tut-card{flex-direction:column;padding-bottom:20px;display:flex}.tut-card .hint-content{gap:10px;margin-top:15px}.tut-slide{box-sizing:border-box;scrollbar-width:thin;max-height:52dvh;padding-right:6px;overflow-y:auto}.tut-slide::-webkit-scrollbar{width:6px}.tut-slide::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.tut-slide::-webkit-scrollbar-thumb{background:#3a86ff;border-radius:3px}.tut-slide::-webkit-scrollbar-thumb:hover{background:#2a6bcc}.tut-demo-box{background:#e0f7ff;border:3px solid #00bfff;border-radius:12px;width:100%;height:110px;margin:6px 0;position:relative;overflow:hidden}.tut-emoji{font-size:36px;position:absolute}.tutorial-swipe-hand{font-size:28px;animation:2s ease-in-out infinite swipeHand;position:absolute;top:48px;left:48px}@keyframes swipeHand{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(100px,35px)}85%{opacity:0;transform:translate(100px,35px)}to{opacity:0;transform:translate(100px,35px)}}.tut-tip{color:#5c4033;text-align:center;margin:4px 0;font-size:14px;line-height:1.4}.tut-blocks{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.tut-block-row{background:#fff9;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:0 2px 6px #00000014}.tut-block-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 3px #0000002e}.tut-block-info{color:#3a2a1a;flex-direction:column;gap:2px;font-size:13px;line-height:1.3;display:flex}.tut-block-info b{color:#1a1a2e;font-size:15px}.tut-nav{justify-content:space-between;align-items:center;gap:8px;padding:8px 0 0;display:flex}.tut-nav-btn{min-width:90px;height:44px!important;padding:0 16px!important;font-size:14px!important}.tut-dots{align-items:center;gap:8px;display:flex}.tut-dot{background:#0003;border-radius:50%;width:10px;height:10px;transition:background .25s}.tut-dot-active{background:#3a86ff;transform:scale(1.2)}.tut-finish-btn{width:100%;margin-top:10px;height:50px!important;font-size:18px!important}@media (height<=650px){.popup-card{border-radius:18px;padding:20px 15px}.ribbon{padding:8px 30px;font-size:18px;top:-18px}.tut-card{padding-bottom:15px}.tut-card .hint-content{gap:8px;margin-top:10px}.tut-slide{max-height:46dvh}.tut-demo-box{height:90px}.tut-block-row{gap:8px;padding:6px 10px}.tut-block-icon{width:38px;height:38px}.tut-block-info b{font-size:13px}.tut-block-info{font-size:11px}.tut-nav-btn{min-width:80px;height:38px!important;font-size:12px!important}.tut-finish-btn{height:44px!important;font-size:16px!important}}#auth-modal{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#auth-modal-box{text-align:center;background:linear-gradient(#1a3a6b 0%,#0e2244 100%);border:5px solid #3a86ff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:300px;padding:32px 24px 24px;display:flex}#auth-modal-title{color:#fff;font-size:22px;font-weight:700}#auth-modal-desc{color:#ffffffbf;font-size:15px;line-height:1.4}.menu-btn-secondary{color:#fff9!important;box-shadow:none!important;background:0 0!important;border:3px solid #ffffff4d!important}.menu-btn-secondary:hover{color:#fffc!important;border-color:#ffffff80!important}