html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:#000}:root{--ui-bg-top:#070c22;--ui-bg-mid:#0b1433;--ui-bg-bot:#070c22}body.theme-forest{--ui-bg-top:#020a06;--ui-bg-mid:#05130d;--ui-bg-bot:#020a06}body.theme-lava{--ui-bg-top:#0b0201;--ui-bg-mid:#140503;--ui-bg-bot:#0b0201}#app{height:100%;overflow:hidden}*{box-sizing:border-box}#app{width:100%;height:100%}.app{color:#fff;background:linear-gradient(...);flex-direction:column;height:100%;display:flex}.top{text-align:center;background:linear-gradient(#00000073,#00000026);padding:14px 12px 10px}.bottomBar{background:#0000004d}.level{margin:0 0 10px;font-size:36px;font-weight:800}.iconBtn{all:unset;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.iconBtn svg{pointer-events:none;width:22px;height:22px}.icons{justify-content:center;gap:12px;margin-bottom:10px;display:flex}.icon{color:#fff;background:#ffffff0d;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:background .2s,box-shadow .2s,transform .1s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,0 2px 6px #00000073}body.theme-forest .icon{color:#d8ffe9;background:#286e4638;box-shadow:inset 0 1px #78ffb42e,0 0 6px #3ca06438,0 2px 6px #00000073}body.theme-lava .icon{color:#ffd6b0;background:#8c28143d;box-shadow:inset 0 1px #ffa05038,0 0 7px #c8501e47,0 2px 6px #0000008c}body.theme-ice .icon{color:#e8f6ff;background:#508cc838;box-shadow:inset 0 1px #b4dcff38,0 0 7px #78b4ff47,0 2px 6px #00000073}body.theme-forest .iconBtn{color:#d8ffe9}body.theme-lava .iconBtn{color:#ffd6b0}body.theme-ice .iconBtn{color:#e8f6ff}.icon:active{transform:scale(.93);box-shadow:inset 0 2px 6px #0000008c,inset 0 -1px #ffffff0f}.icon:before{content:"";pointer-events:none;border-radius:13px;position:absolute;inset:1px;box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000002e}.coins{border:2px solid #8a6d1d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}.icon-svg{pointer-events:none;width:22px;height:22px}.board{flex:1;justify-content:center;align-items:center;display:flex}canvas#game{aspect-ratio:1;background:0 0;width:90vw;max-width:360px}.bottom{justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.btn{color:#fff;background:#ffffff1f;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.bottom span{opacity:.75;font-size:14px}.ad{text-align:center;background:#2b4a7a;border-radius:18px;margin:10px 12px 16px;padding:16px;font-weight:700}.welcomeOverlay{pointer-events:auto;z-index:50;background:radial-gradient(circle at top,#0f1e33f2,#070d18fa);justify-content:center;align-items:flex-end;padding-bottom:120px;display:flex;position:fixed;inset:0}#welcomeOverlay.show{display:flex}.welcomeCard{text-align:left;width:min(92%,420px)}.welcomeCard h1{color:#fff;margin-bottom:20px;font-size:36px;line-height:1.2}.startBtn{color:#000;background:#fff;border:none;border-radius:16px;width:100%;padding:16px;font-size:18px;font-weight:600}body.game-running #welcomeOverlay{display:none!important}body.game-running{position:fixed;inset:0;overflow:hidden}body.welcome-visible .app{pointer-events:none}body.welcome-visible #welcomeOverlay{pointer-events:auto}body.game-running .welcomeoverlay{display:none}body.game-running .app{filter:none;pointer-events:auto}.game-running .welcomeOverlay{display:none}.startBtn.secondary{color:#fff;background:#ffffff26;margin-top:12px}.username{opacity:.95;margin-right:6px;font-weight:700}.login-required-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-required-overlay.hidden{display:none}.hidden{pointer-events:none;display:none}.login-required-card{color:#fff;text-align:center;background:#111;border-radius:12px;width:90%;max-width:320px;padding:24px}.login-required-card h2{margin-bottom:8px}.login-required-actions{gap:12px;margin-top:16px;display:flex}.login-required-actions button{border:none;border-radius:8px;flex:1;padding:10px;font-size:16px}.login-required-actions .login-btn{color:#000;background:#4caf50}.login-required-actions .cancel-btn{color:#fff;background:#444}.popup{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{color:#fff;background:#0f172a;border-radius:14px;min-width:260px;max-width:90%;padding:20px}.btn-wrapper{display:inline-block;position:relative}.badge{color:#fff;background:#c53b2f;border:2px solid #7a241e;border-radius:12px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.badge.hidden{display:none}#themeBtn{font-size:18px}body.theme-forest .app,body.theme-lava .app,body.theme-ice .app{background-image:var(--ui-bg);background-position:50%;background-repeat:no-repeat;background-size:cover}body.theme-lava .top,body.theme-lava .bottom,body.theme-lava .ad{background:0 0}body.theme-lava .icon{background:#ff783c26}body.theme-lava .coins{border-color:#ff9f43}#welcomeOverlay,#welcomeOverlay *{pointer-events:auto;touch-action:manipulation}body.theme-ice{background:radial-gradient(circle at top,#1b255c,#070b18)}body.theme-ice .icon{background:#ffffff14}body.theme-ice .coins{border-color:#8a6d1d}body.theme-forest .top,body.theme-forest .bottom,body.theme-forest .ad{background:0 0}body.theme-forest .icon{background:#50c87826}body.theme-forest .coins{border-color:#4ade80}html{transition:background .3s}.app:before{content:"";background:linear-gradient(to bottom,var(--ui-bg-top),var(--ui-bg-mid),var(--ui-bg-bot));opacity:.6;z-index:0;pointer-events:none;position:absolute;inset:0}.app>*{z-index:1;position:relative}body.theme-ice{--ui-bg:url(/textures/ui/background/ice.png)}body.theme-forest{--ui-bg:url(/textures/ui/background/forest.png)}body.theme-lava{--ui-bg:url(/textures/ui/background/lava.png)}.levelsOverlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}body.overlay-open{overflow:hidden}.levelsCard{color:#fff;background:linear-gradient(#142837f2,#0a141ef2);border-radius:26px;flex-direction:column;width:min(92vw,420px);max-height:80vh;padding:22px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ffffff0d}.levelsHeader{text-align:center;flex-shrink:0;margin-bottom:12px}.levelsHeader .badge{color:#fff;background:linear-gradient(135deg,#ff5a3c,#ff2d1a);border-radius:14px;margin-bottom:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.levelsHeader h2{margin:6px 0 0;font-size:26px;font-weight:800}.levelsGrid{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 16px;padding-right:4px;display:grid;overflow-y:auto}.levelsGrid::-webkit-scrollbar{width:5px}.levelsGrid::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.levelBtn{color:#dbe7ef;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:68px;font-weight:700;transition:transform .15s,background .15s;display:flex;position:relative}.levelBtn:active{transform:scale(.96)}.levelBtn .label{opacity:.9;font-size:13px}.levelBtn .icon{font-size:18px}.levelBtn.locked{opacity:.35;cursor:default}.levelBtn.locked .icon{filter:grayscale()}.levelBtn.unlocked{background:linear-gradient(#3cb4c840,#28788c40);box-shadow:inset 0 0 0 1px #64dcff59}.levelBtn.completed{background:linear-gradient(#50c88c59,#288c5a59);box-shadow:inset 0 0 0 1px #78ffb480}.levelBtn.completed .icon{color:#9dffcc}.closeBtn{color:#fff;cursor:pointer;background:linear-gradient(#ffffff1f,#ffffff0d);border:none;border-radius:18px;flex-shrink:0;width:100%;height:52px;font-size:16px;font-weight:700}.closeBtn:active{transform:scale(.98)}.accountOverlay{z-index:99997;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.accountOverlay.show{display:flex}.accountCard{color:#f0f7fff2;background:#0a0c18eb;border:1px solid #ffffff1f;border-radius:22px;width:min(520px,100%);padding:16px;box-shadow:0 22px 80px #000000a6}.accountHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.accountTitle{letter-spacing:.3px;font-size:18px;font-weight:950}.accountClose{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;width:40px;height:40px;font-weight:900}.accountClose:active{transform:translateY(1px)}.accountSection{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-top:10px;padding:12px 10px}.accountLabel{opacity:.78;margin-bottom:6px;font-size:12px}.accountValue{font-size:14px;font-weight:900}.accountValue.mono{opacity:.92;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;font-weight:800}.accountNote{opacity:.7;text-align:center;margin-top:12px;font-size:12px}.settings-overlay{z-index:50;position:fixed;inset:0}.settings-overlay.hidden{display:none}.settings-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;position:absolute;inset:0}.settings-card{color:#fff;background:#0f172a;border-radius:20px;max-width:340px;margin:20vh auto;padding:20px;position:relative;box-shadow:0 20px 60px #0009}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header h2{margin:0}.popup.hidden{pointer-events:none;display:none}.popup{pointer-events:auto}.close-btn{color:#fff;background:0 0;border:none;font-size:20px}.settings-item{opacity:1;justify-content:space-between;align-items:center;margin:16px 0;display:flex}.settings-item.disabled{opacity:.4}.desc{color:#94a3b8;font-size:12px}.settings-hint{color:#94a3b8;text-align:center;margin-top:16px;font-size:12px}.switch{width:44px;height:24px;position:relative}.switch input{display:none}.slider{background:#334155;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}input:checked+.slider{background:#22d3ee}input:checked+.slider:before{transform:translate(20px)}.theme-overlay{z-index:60;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theme-overlay.hidden{display:none}.theme-card{color:#fff;text-align:center;background:#111;border-radius:16px;width:90%;max-width:320px;padding:24px}.theme-card h2{margin-bottom:16px}.theme-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.theme-item{color:#fff;background:#ffffff1f;border:none;border-radius:12px;padding:12px;font-size:16px}.theme-close{color:#fff;background:#fff3;border:none;border-radius:10px;padding:10px}.winOverlay{z-index:1000;pointer-events:auto;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.winOverlay.hidden{display:none}.winOverlay:before{content:"";background-image:var(--ui-bg);filter:saturate(1.1)contrast(1.05);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.winOverlay:after{content:"";z-index:1;background:#0000008c;position:absolute;inset:0}.winModal{z-index:2;color:#fff;text-align:center;background:linear-gradient(#161c26f5,#0c1018fa);border-radius:22px;width:min(92%,420px);padding:26px 24px 22px;animation:.35s cubic-bezier(.22,1.2,.36,1) winIn;position:relative;box-shadow:0 28px 70px #000000bf,inset 0 1px #ffffff0f}.winModal .badge{letter-spacing:.5px;color:#062a16;background:linear-gradient(#4ade80,#16a34a);border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-block;box-shadow:0 10px 22px #4ade8059}.winModal .title{color:#fff;margin:6px 0;font-size:28px;font-weight:900}.winModal .subtitle{opacity:.9;color:#e5e7eb;font-size:15px}.victoryBox{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin:18px 0 22px;padding:14px;display:flex}.winModal .btn{cursor:pointer;color:#061320;background:linear-gradient(#38bdf8,#0ea5e9);border:none;border-radius:16px;width:100%;height:48px;margin-top:12px;font-size:15px;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 12px 26px #00000073,inset 0 1px #fff6}.winModal .btn.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.winModal .btn:active{transform:scale(.97)}.winModal .tip{color:#d1d5db;opacity:.85;margin-top:14px;font-size:12px}.winOverlay.theme-forest .winModal{background:linear-gradient(#143020f5,#0a1810fa)}.winOverlay.theme-forest .badge{background:linear-gradient(#4ade80,#22c55e)}.winOverlay.theme-lava .winModal{background:linear-gradient(#48180ef5,#200a06fa)}.winOverlay.theme-lava .badge{background:linear-gradient(#ff8c42,#ff5a1f)}.winOverlay.theme-ice .winModal{background:linear-gradient(#1c4078f5,#0e1c40fa)}.winOverlay.theme-ice .badge{background:linear-gradient(#7dd3fc,#38bdf8)}@keyframes winIn{0%{opacity:0;transform:translateY(26px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}#freeSkipBtn{color:#00121f;background:linear-gradient(#2fd4ff,#16a3ff)}#buySkipBtn,#watchAdSkipBtn{color:#fff;background:#ffffff14}#closeSkipBtn{color:#9fb3c8;background:0 0;font-size:14px}#freeHintBtn{color:#00121f;background:linear-gradient(#2fd4ff,#16a3ff)}#buyHintBtn,#watchAdHintBtn{color:#fff;background:#ffffff14}#closeHintBtn{color:#9fb3c8;background:0 0;font-size:14px}.popup{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#050a19bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup.hidden{display:none}.popup-card{color:#fff;text-align:center;background:linear-gradient(#0e2440,#08192e);border-radius:22px;width:min(92%,360px);padding:22px;box-shadow:0 20px 60px #0009}.popup-card h3{margin:0 0 16px;font-size:22px;font-weight:700}.popup-card button{cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:12px;padding:14px 16px;font-size:16px;font-weight:600;transition:transform 80ms,opacity 80ms}.popup-card button:active{transform:scale(.97)}#freeRestartBtn{color:#00121f;background:linear-gradient(#2fd4ff,#16a3ff)}#buyRestartBtn,#watchAdRestartBtn{color:#fff;background:#ffffff14}#closeRestartBtn{color:#9fb3c8;background:0 0;font-size:14px}