.ad-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:20px}.ad-loading-screen__spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spinAd 1s linear infinite}@keyframes spinAd{to{transform:rotate(360deg)}}.ad-loading-screen__text{color:#fff;font-size:18px;font-weight:500;margin:0;opacity:.9}.hint-button-container{display:flex;flex-direction:column;align-items:center;position:relative}.hint-button{display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--color-border-soft)!important;border-radius:50%!important;background:var(--color-surface-plain)!important;color:var(--color-text-body)!important;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease!important;box-shadow:0 2px 0 var(--shadow-primary-weak)!important;position:relative!important;overflow:hidden!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}.hint-button:hover{transform:translateY(-2px)!important;box-shadow:0 3px 0 var(--shadow-primary-medium)!important}.hint-button:active{transform:translateY(0)!important}.hint-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hint-button--small{width:clamp(32px,5vw,42px)!important;height:clamp(32px,5vw,42px)!important;font-size:clamp(14px,1.8vw,18px)!important;font-weight:600!important}.hint-button--medium{width:clamp(42px,6vw,54px)!important;height:clamp(42px,6vw,54px)!important;font-size:clamp(18px,2vw,22px)!important;font-weight:600!important}.hint-button--large{width:clamp(52px,7vw,64px)!important;height:clamp(52px,7vw,64px)!important;font-size:clamp(22px,2.2vw,26px)!important;font-weight:600!important}.hint-button__icon{display:flex;align-items:center;justify-content:center;z-index:1;position:relative}.hint-button__counter{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:clamp(12px,1.6vw,16px);font-weight:700;color:var(--color-text-body);text-align:center;line-height:1;min-width:24px;min-height:24px;padding:4px 6px;border-radius:50%;background:var(--color-surface-plain);border:2px solid var(--color-border-soft);box-shadow:0 2px 0 var(--shadow-primary-weak);display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:10}.hint-button__counter--shop{background:var(--color-surface-plain);color:var(--color-danger);border:2px solid var(--color-danger-border);box-shadow:0 2px 0 var(--shadow-danger)}.hint-button--active{animation:hint-pulse 2s infinite}@keyframes hint-pulse{0%{box-shadow:0 2px 0 var(--shadow-primary-weak)}50%{box-shadow:0 3px 0 var(--shadow-primary-medium),0 0 0 8px var(--shadow-primary-weak)}to{box-shadow:0 2px 0 var(--shadow-primary-weak)}}.hint-button--unfilled-area{background:var(--color-surface-plain);border-color:var(--color-danger-border);color:var(--color-danger)}[data-orientation=portrait] .hint-button--small,.hint-button[data-orientation=portrait].hint-button--small,.hint-panel[data-orientation=portrait] .hint-button--small,.hint-panel .hint-button--small[data-orientation=portrait]{width:clamp(38px,6vw,48px)!important;height:clamp(38px,6vw,48px)!important;font-size:clamp(16px,2vw,20px)!important}[data-orientation=portrait] .hint-button--medium,.hint-button[data-orientation=portrait].hint-button--medium,.hint-panel[data-orientation=portrait] .hint-button--medium,.hint-panel .hint-button--medium[data-orientation=portrait]{width:clamp(48px,7vw,60px)!important;height:clamp(48px,7vw,60px)!important;font-size:clamp(20px,2.2vw,24px)!important}[data-orientation=portrait] .hint-button--large,.hint-button[data-orientation=portrait].hint-button--large,.hint-panel[data-orientation=portrait] .hint-button--large,.hint-panel .hint-button--large[data-orientation=portrait]{width:clamp(58px,8vw,70px)!important;height:clamp(58px,8vw,70px)!important;font-size:clamp(24px,2.4vw,28px)!important}[data-orientation=portrait] .hint-button__counter,.hint-button[data-orientation=portrait] .hint-button__counter,.hint-panel[data-orientation=portrait] .hint-button__counter,.hint-panel .hint-button__counter[data-orientation=portrait]{font-size:clamp(14px,1.8vw,18px);min-width:28px;min-height:28px;padding:5px 8px;bottom:-10px}.hint-panel{pointer-events:none}.hint-panel__container{display:flex;flex-direction:row;gap:12px;align-items:flex-start;pointer-events:auto}.hint-panel--desktop{display:block}.hint-panel--mobile{display:none}@media (max-width: 768px){.hint-panel__container{gap:10px}.hint-panel--desktop{display:none}.hint-panel--mobile{display:block}}@media (max-width: 480px){.hint-panel__container{gap:8px}}@media (max-width: 768px){.hint-panel--mobile{position:absolute;right:15px;bottom:clamp(140px,20vw,160px);pointer-events:auto}.hint-panel--mobile .hint-panel__container{flex-direction:row;gap:8px;align-items:center}}@media (max-width: 480px){.hint-panel--mobile{right:10px;bottom:clamp(120px,18vw,140px)}.hint-panel--mobile .hint-panel__container{gap:6px}}.victory-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:all;touch-action:none;user-select:none;-webkit-user-select:none}.victory-screen__content{position:relative;z-index:1;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(32px,8vh,64px) clamp(20px,4vw,32px) clamp(24px,6vh,48px);background:linear-gradient(0deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.2) 50%,transparent 100%);border-radius:32px 32px 0 0;animation:victory-content-appear .5s ease-out both}@keyframes victory-content-appear{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.victory-screen__title{font-size:clamp(24px,6vw,40px);font-weight:700;color:#fff;margin:0 0 clamp(12px,2vh,20px) 0;paint-order:stroke fill;-webkit-text-stroke:2px rgba(0,0,0,.9);text-stroke:2px rgba(0,0,0,.9);text-shadow:-1px -1px 0 rgba(0,0,0,.9),0px -1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),1px 0px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.9),0px 1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),-1px 0px 0 rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.3)}.victory-screen__actions{display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,24px);position:relative;width:100%;max-width:400px}.victory-screen__button{position:relative;width:clamp(54px,8vw,70px);height:clamp(54px,8vw,70px);border-radius:50%;border:2px solid rgba(59,130,246,.3);background:linear-gradient(135deg,#fffffff2,#eff6fff2);color:#1d4ed8;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #3b82f633;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.victory-screen__button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px #3b82f640}.victory-screen__button:active{transform:translateY(0);box-shadow:0 2px #3b82f633}.victory-screen__button--primary{width:clamp(80px,12vw,100px);height:clamp(80px,12vw,100px);background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#05966966!important;box-shadow:0 4px #0596694d!important}.victory-screen__button-icon{font-size:clamp(22px,4vw,32px);display:flex;align-items:center;justify-content:center}.victory-screen__button--primary .victory-screen__button-icon{font-size:clamp(32px,6vw,44px)}.victory-screen__button{animation:victory-button-appear .4s ease-out both}.victory-screen__button:first-child{animation-delay:.2s}.victory-screen__button--primary{animation-delay:.3s}@keyframes victory-button-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.victory-screen__actions{gap:clamp(12px,4vw,20px)}}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;min-width:0;min-height:0}.icon--small{width:21px;height:21px;font-size:18px}.icon--medium{width:31px;height:31px;font-size:23px}.icon--large{width:42px;height:42px;font-size:31px}.icon--xlarge{width:62px;height:62px;font-size:47px}.icon img{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%;filter:brightness(0) saturate(100%) invert(var(--icon-invert, 0))}.icon img[src$=".webp"]{filter:none}.icon img[src*="swatch3.webp"]{transform:scale(.325);transform-origin:center;object-fit:contain;object-position:center;max-width:100%;max-height:100%}.icon svg{width:100%;height:100%;max-width:100%;max-height:100%;fill:currentColor;preserveAspectRatio:"xMidYMid meet"}.icon[role=img]{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;line-height:1}[data-theme=dark] .icon img{--icon-invert: 1}.icon--animated{transition:transform .2s ease}.icon--animated:hover{transform:scale(1.1)}.icon--spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hint-reward-offer{position:fixed;top:120px;right:20px;width:90px;height:90px;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:900;animation:hintRewardSlideIn .3s ease-out,hintRewardPulse 2s ease-in-out infinite .3s}.hint-reward-offer--hiding{animation:hintRewardSlideOut .3s ease-in forwards}.hint-reward-offer--hiding .hint-reward-offer__progress-bar{animation-play-state:paused}.hint-reward-offer__progress{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.hint-reward-offer__progress-bg{fill:none;stroke:var(--color-border-soft, rgba(148, 163, 184, .25));stroke-width:4}.hint-reward-offer__progress-bar{fill:none;stroke:var(--color-accent, #60A5FA);stroke-width:4;stroke-linecap:round;animation:hintRewardProgress var(--auto-hide-duration, 8s) linear forwards}@keyframes hintRewardProgress{0%{stroke-dashoffset:0}to{stroke-dashoffset:282.743}}.hint-reward-offer__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;background:var(--gradient-surface-card, linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.95) 100%));border-radius:50%;box-shadow:0 4px 12px var(--shadow-primary-weak, rgba(59, 130, 246, .1)),0 2px 6px var(--shadow-neutral-medium, rgba(0, 0, 0, .15));border:2px solid var(--color-accent, #60A5FA)}.hint-reward-offer__icon{width:42px;height:42px;margin-bottom:-2px;display:flex;align-items:center;justify-content:center}.hint-reward-offer__amount{font-size:14px;font-weight:700;color:var(--color-accent-strong, #3b82f6);line-height:1}.hint-reward-offer__ad-label{position:absolute;top:-5px;right:-5px;background:var(--color-surface-plain, #ffffff);color:var(--color-text-body, #1f2933);font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px var(--shadow-neutral-medium, rgba(0, 0, 0, .15));border:1px solid var(--color-border-soft, rgba(148, 163, 184, .25))}@keyframes hintRewardSlideIn{0%{transform:translate(120px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hintRewardSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120px);opacity:0}}@keyframes hintRewardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hint-reward-offer:hover{transform:scale(1.1);transition:transform .2s ease-out}.hint-reward-offer:active{transform:scale(.95)}[data-orientation=landscape] .hint-reward-offer,.hint-reward-offer[data-orientation=landscape]{top:clamp(80px,12vh,120px);right:clamp(140px,18vw,200px);width:clamp(70px,8vh,90px);height:clamp(70px,8vh,90px)}[data-orientation=portrait] .hint-reward-offer,.hint-reward-offer[data-orientation=portrait]{top:clamp(200px,25vh,280px);bottom:auto;right:clamp(16px,2vw,24px);width:clamp(70px,8vh,90px);height:clamp(70px,8vh,90px)}[data-orientation=landscape] .hint-reward-offer__content,.hint-reward-offer[data-orientation=landscape] .hint-reward-offer__content{width:clamp(50px,6vh,70px);height:clamp(50px,6vh,70px)}[data-orientation=landscape] .hint-reward-offer__icon,.hint-reward-offer[data-orientation=landscape] .hint-reward-offer__icon{width:clamp(30px,4vh,42px);height:clamp(30px,4vh,42px)}[data-orientation=landscape] .hint-reward-offer__amount,.hint-reward-offer[data-orientation=landscape] .hint-reward-offer__amount{font-size:clamp(10px,1.5vh,14px)}[data-orientation=landscape] .hint-reward-offer__ad-label,.hint-reward-offer[data-orientation=landscape] .hint-reward-offer__ad-label{font-size:8px;padding:1px 4px}@media (max-width: 768px){[data-orientation=portrait] .hint-reward-offer,.hint-reward-offer[data-orientation=portrait]{width:80px;height:80px;top:clamp(180px,22vh,240px);right:15px}[data-orientation=portrait] .hint-reward-offer__content,.hint-reward-offer[data-orientation=portrait] .hint-reward-offer__content{width:60px;height:60px}[data-orientation=portrait] .hint-reward-offer__icon,.hint-reward-offer[data-orientation=portrait] .hint-reward-offer__icon{width:36px;height:36px;margin-bottom:-2px;display:flex;align-items:center;justify-content:center}[data-orientation=portrait] .hint-reward-offer__amount,.hint-reward-offer[data-orientation=portrait] .hint-reward-offer__amount{font-size:12px}}.debug-panel{position:fixed;z-index:10000;transition:opacity .2s ease}.debug-panel--dragging{opacity:.8}.debug-panel__toggle{padding:8px 16px;background:#000c;color:#fff;border:2px solid #4CAF50;border-radius:8px;font-size:.875rem;font-weight:600;cursor:move;cursor:grab;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none}.debug-panel__toggle:active{cursor:grabbing}.debug-panel__toggle:hover{background:#000000e6;transform:scale(1.05);box-shadow:0 4px 12px #4caf504d}.debug-panel__content{position:absolute;bottom:50px;right:0;width:320px;max-height:600px;overflow-y:auto;background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #0003;animation:debug-panel-appear .2s ease}@keyframes debug-panel-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.debug-panel__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff}.debug-panel__title{margin:0;font-size:1rem;font-weight:700}.debug-panel__close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.debug-panel__close:hover{background:#ffffff4d;transform:scale(1.1)}.debug-panel__section{padding:16px;border-bottom:1px solid #e0e0e0}.debug-panel__section:last-of-type{border-bottom:none}.debug-panel__section-title{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#333}.debug-panel__stats{display:flex;flex-direction:column;gap:8px}.debug-panel__stat{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5f5f5;border-radius:6px;font-size:.875rem}.debug-panel__stat strong{color:#667eea;font-size:1rem}.debug-panel__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.debug-panel__buttons--notifications{grid-template-columns:repeat(2,1fr)}.debug-panel__btn{padding:8px 12px;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.debug-panel__btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.debug-panel__btn:active{transform:translateY(0)}.debug-panel__btn--primary{background:#4caf50;color:#fff}.debug-panel__btn--primary:hover{background:#45a049}.debug-panel__btn--warning{background:#ff9800;color:#fff}.debug-panel__btn--warning:hover{background:#fb8c00}.debug-panel__btn--secondary{background:#9e9e9e;color:#fff}.debug-panel__btn--secondary:hover{background:#757575}.debug-panel__btn--danger{background:#f44336;color:#fff;grid-column:1 / -1}.debug-panel__btn--danger:hover{background:#d32f2f}.debug-panel__btn--active{background:#2196f3;color:#fff;grid-column:1 / -1}.debug-panel__btn--active:hover{background:#1976d2}.debug-panel__btn--info{background:#3b82f6;color:#fff}.debug-panel__btn--info:hover{background:#2563eb}.debug-panel__btn--warning-notif{background:#f59e0b;color:#fff}.debug-panel__btn--warning-notif:hover{background:#d97706}.debug-panel__btn--error{background:#ef4444;color:#fff}.debug-panel__btn--error:hover{background:#dc2626}.debug-panel__btn--success{background:#10b981;color:#fff}.debug-panel__btn--success:hover{background:#059669}.debug-panel__btn--interactive{background:#8b5cf6;color:#fff}.debug-panel__btn--interactive:hover{background:#7c3aed}.debug-panel__btn--multiple{background:#06b6d4;color:#fff}.debug-panel__btn--multiple:hover{background:#0891b2}.debug-panel__btn--color-picker{background:#ec4899;color:#fff}.debug-panel__btn--color-picker:hover{background:#db2777}.debug-panel__footer{padding:12px 16px;background:#f5f5f5;border-radius:0 0 12px 12px;text-align:center}.debug-panel__footer small{color:#666;font-size:.75rem;line-height:1.4}@media (max-width: 640px){.debug-panel__content{width:calc(100vw - 40px);max-width:320px;right:0;bottom:50px}.debug-panel__toggle{padding:6px 12px;font-size:.75rem}}.midgame-ad-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:midgame-ad-dialog-fade-in .2s ease-out}.midgame-ad-dialog__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-backdrop)}.midgame-ad-dialog__content{position:relative;background:var(--gradient-surface-card);border:3px solid var(--color-border-soft);border-radius:20px;padding:40px 32px 24px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 4px 0 var(--shadow-primary-strong);animation:midgame-ad-dialog-slide-up .2s ease-out}.midgame-ad-dialog__emoji{font-size:64px;line-height:1;margin-bottom:8px}.midgame-ad-dialog__text{font-size:16px;line-height:1.5;text-align:center;color:var(--color-text-primary);margin:0;max-width:300px;font-weight:500}.midgame-ad-dialog__button{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.midgame-ad-dialog__button--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);color:var(--color-text-inverse);border:2px solid var(--color-border-strong);box-shadow:0 3px 0 var(--shadow-primary-strong)}.midgame-ad-dialog__button--primary:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--shadow-primary-strong)}.midgame-ad-dialog__button--primary:active{transform:translateY(0);box-shadow:0 2px 0 var(--shadow-primary-strong)}.midgame-ad-dialog__button--secondary{background:transparent;color:var(--color-text-secondary);padding:8px 24px;font-size:14px;font-weight:500}.midgame-ad-dialog__button--secondary:hover{color:var(--color-accent-strong);text-decoration:underline}.midgame-ad-dialog__button--secondary:active{opacity:.7}@keyframes midgame-ad-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes midgame-ad-dialog-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.midgame-ad-dialog__content{padding:32px 24px 20px;max-width:340px}.midgame-ad-dialog__emoji{font-size:56px}.midgame-ad-dialog__text{font-size:15px}.midgame-ad-dialog__button{padding:14px 20px;font-size:15px}}.cheat-mode-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:cheat-mode-dialog-fade-in .2s ease-out}.cheat-mode-dialog__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-backdrop)}.cheat-mode-dialog__content{position:relative;background:var(--gradient-surface-card);border:3px solid var(--color-border-soft);border-radius:20px;padding:40px 32px 24px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 4px 0 var(--shadow-primary-strong);animation:cheat-mode-dialog-slide-up .2s ease-out}.cheat-mode-dialog__emoji{font-size:64px;line-height:1;margin-bottom:8px}.cheat-mode-dialog__title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0;text-align:center}.cheat-mode-dialog__text{font-size:16px;line-height:1.5;text-align:center;color:var(--color-text-secondary);margin:0 0 8px;max-width:300px;font-weight:500}.cheat-mode-dialog__button{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative}.cheat-mode-dialog__button--primary{background:linear-gradient(135deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);color:var(--color-text-inverse);border:2px solid var(--color-accent-strong);box-shadow:0 3px 0 var(--shadow-primary-strong);margin-top:8px}.cheat-mode-dialog__button--primary:hover{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);transform:translateY(-2px);box-shadow:0 5px 0 var(--shadow-primary-ultra)}.cheat-mode-dialog__button--primary:active{transform:translateY(0);box-shadow:0 2px 0 var(--shadow-primary-strong)}.cheat-mode-dialog__button--trial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid #d97706;box-shadow:0 3px #b45309;display:flex;align-items:center;justify-content:center;gap:8px}.cheat-mode-dialog__button--trial:hover{transform:translateY(-2px);box-shadow:0 5px #b45309}.cheat-mode-dialog__button--trial:active{transform:translateY(0);box-shadow:0 2px #b45309}.cheat-mode-dialog__ad-badge{background:#ffffff4d;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px}@keyframes cheat-mode-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cheat-mode-dialog-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.cheat-mode-dialog__content{padding:32px 24px 20px;max-width:340px}.cheat-mode-dialog__emoji{font-size:56px}.cheat-mode-dialog__title{font-size:22px}.cheat-mode-dialog__text{font-size:15px}.cheat-mode-dialog__button{padding:14px 20px;font-size:15px}}.rating-tab{padding:20px;display:flex;flex-direction:column;background:transparent}.rating-tab__header{margin-bottom:24px;text-align:center}.rating-tab__title{margin:0 0 16px;font-size:24px;font-weight:700;color:var(--color-text-primary)}.rating-tab__player-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.rating-tab__stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;background:var(--gradient-surface-card);border-radius:16px;border:2px solid var(--color-border-soft);width:120px;height:120px;aspect-ratio:1;box-shadow:0 2px 0 var(--shadow-primary-weak)}.rating-tab__stat-icon{font-size:20px;line-height:1}.rating-tab__stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.rating-tab__stat-label{font-size:11px;color:var(--color-text-secondary);text-align:center;font-weight:500;line-height:1.2}.rating-tab__content{flex:1;display:flex;flex-direction:column}.rating-tab__leaderboard-title{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-text-body);text-align:center}.rating-tab__leaderboard{flex:1;display:flex;flex-direction:column;gap:8px;padding:0 4px}.rating-tab__loading,.rating-tab__empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px;opacity:.7}.rating-tab__auth-required{text-align:center;padding:60px 20px;background:var(--gradient-surface-card);border:2px solid var(--color-border-soft);border-radius:16px;box-shadow:0 2px 0 var(--shadow-primary-weak);display:flex;flex-direction:column;align-items:center;gap:24px}.rating-tab__auth-message{font-size:16px;font-weight:600;color:var(--color-text-primary);max-width:300px;line-height:1.5}.rating-tab__auth-button{padding:14px 28px;background:linear-gradient(135deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);color:var(--color-text-inverse);border:2px solid var(--color-border-strong);border-radius:12px;font-size:15px;font-weight:700;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 3px 0 var(--shadow-primary-strong);width:auto;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;min-width:140px}.rating-tab__auth-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);transform:translateY(-1px);box-shadow:0 4px 0 var(--shadow-primary-ultra)}.rating-tab__auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 0 var(--shadow-primary-strong)}.rating-tab__auth-button:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-muted);border-color:var(--color-border-neutral);box-shadow:none;color:var(--color-text-secondary)}.rating-tab__error{text-align:center;padding:40px 20px;background:var(--gradient-surface-card);border:2px solid var(--color-border-soft);border-radius:16px;box-shadow:0 2px 0 var(--shadow-primary-weak)}.rating-tab__error-message{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.rating-tab__error-note{font-size:12px;color:var(--color-text-secondary);font-style:italic;opacity:.8}.rating-tab__leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--gradient-surface-card);border:2px solid var(--color-border-soft);border-radius:12px;transition:all .2s ease;position:relative;box-shadow:0 2px 0 var(--shadow-primary-weak)}.rating-tab__leaderboard-item:hover{border-color:var(--color-border-medium);background:var(--gradient-surface-card-hover);box-shadow:0 3px 0 var(--shadow-primary-medium)}.rating-tab__leaderboard-item--current{background:var(--gradient-pill);border-color:var(--color-border-strong);box-shadow:0 3px 0 var(--shadow-primary-strong)}.rating-tab__position{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-muted);border-radius:50%;font-size:14px;font-weight:700;color:var(--color-text-secondary);flex-shrink:0}.rating-tab__leaderboard-item--current .rating-tab__position{background:linear-gradient(135deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);color:var(--color-text-inverse);box-shadow:0 2px 0 var(--shadow-primary-strong)}.rating-tab__leaderboard-item:nth-child(1) .rating-tab__position{background:linear-gradient(135deg,gold,#ffed4e);color:#92400e}.rating-tab__leaderboard-item:nth-child(2) .rating-tab__position{background:linear-gradient(135deg,silver,#e5e7eb);color:#374151}.rating-tab__leaderboard-item:nth-child(3) .rating-tab__position{background:linear-gradient(135deg,#cd7f32,#d97706);color:#fff}.rating-tab__avatar{font-size:24px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.rating-tab__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.rating-tab__avatar span{font-size:24px;line-height:1}.rating-tab__player-info{flex:1;display:flex;flex-direction:column;gap:2px}.rating-tab__player-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.rating-tab__current-badge{font-size:11px;color:var(--color-accent);font-weight:500;background:var(--color-surface-muted-strong);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.rating-tab__score{font-size:16px;font-weight:700;color:var(--color-text-primary);text-align:right;min-width:60px;display:flex;align-items:center;justify-content:flex-start;gap:4px}.rating-tab__score-icon{font-size:14px;line-height:1}.rating-tab__footer{margin-top:16px;text-align:center}.rating-tab__note{margin:0;font-size:12px;color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){.rating-tab{padding:16px}.rating-tab__title{font-size:20px}.rating-tab__player-stats{gap:12px}.rating-tab__stat{width:100px;height:100px;padding:12px}.rating-tab__stat-icon{font-size:18px}.rating-tab__stat-value{font-size:16px}.rating-tab__leaderboard-item{padding:10px 12px;gap:8px}.rating-tab__position{width:28px;height:28px;font-size:12px}.rating-tab__avatar{font-size:20px;width:28px;height:28px}.rating-tab__player-name{font-size:13px}.rating-tab__score{font-size:14px;min-width:50px}}@media (max-width: 480px){.rating-tab{padding:12px}.rating-tab__player-stats{flex-direction:row;gap:8px}.rating-tab__stat{width:90px;height:90px;padding:8px}}.purchase-notification{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:purchase-notification-fade-in .3s ease-out}.purchase-notification__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.purchase-notification__card{position:relative;background:var(--color-surface-plain);border-radius:16px;border:3px solid rgba(0,0,0,.15);box-shadow:0 3px #0003;max-width:400px;width:100%;padding:32px 24px 24px;text-align:center;animation:purchase-notification-slide-up .4s ease-out}.purchase-notification__icon{font-size:48px;line-height:1;margin-bottom:16px;animation:purchase-notification-bounce .6s ease-out .2s both}.purchase-notification__content{margin-bottom:24px}.purchase-notification__title{margin:0 0 12px;font-size:24px;font-weight:700;color:#1f2937}.purchase-notification__message{margin:0 0 20px;font-size:16px;color:#6b7280;line-height:1.5}.purchase-notification__button{margin-top:24px;padding:16px 32px;background:#3b82f6;border:2px solid rgba(0,0,0,.15);border-radius:12px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px #00000026;min-width:120px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.purchase-notification__button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 3px #00000026}.purchase-notification__button:active{transform:translateY(0);box-shadow:0 1px #00000026}@keyframes purchase-notification-fade-in{0%{opacity:0}to{opacity:1}}@keyframes purchase-notification-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes purchase-notification-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.purchase-notification{padding:16px}.purchase-notification__card{padding:24px 20px 20px;max-width:320px}.purchase-notification__icon{font-size:40px}.purchase-notification__title{font-size:20px}.purchase-notification__message{font-size:14px}.purchase-notification__button{padding:14px 28px;font-size:16px;min-width:100px}}@media (max-width: 480px){.purchase-notification{padding:12px}.purchase-notification__card{padding:20px 16px 16px;max-width:280px}.purchase-notification__icon{font-size:36px}.purchase-notification__title{font-size:18px}.purchase-notification__button{padding:12px 24px;font-size:14px;min-width:80px}}.shop-tab{padding:20px;display:flex;flex-direction:column;background:transparent}.shop-tab__header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--color-border-soft)}.shop-tab__title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary)}.shop-tab__content{flex:1;display:flex;flex-direction:column}.shop-tab__info-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.shop-tab__info-block{display:flex;align-items:center;padding:20px 24px;background:var(--gradient-surface-card);border:2px solid var(--color-border-soft);border-radius:20px;box-shadow:0 2px 0 var(--shadow-primary-weak);gap:20px}.shop-tab__info-block--hints,.shop-tab__info-block--diamonds{border-color:var(--color-border-soft);background:var(--gradient-surface-card)}.shop-tab__info-icon{font-size:40px;line-height:1;padding:0;background:none;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.shop-tab__info-block--hints .shop-tab__info-icon,.shop-tab__info-block--diamonds .shop-tab__info-icon{color:var(--color-accent-strong)}.shop-tab__info-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.shop-tab__info-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.shop-tab__info-count{font-size:32px;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1}.shop-tab__info-description{font-size:13px;color:var(--color-text-secondary);line-height:1.3;margin:0}.shop-tab__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;align-items:stretch}.shop-tab__section{margin-bottom:32px}.shop-tab__section-header{margin-bottom:12px;text-align:left}.shop-tab__section-title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.shop-tab__item{display:flex;flex-direction:column;padding:24px;background:var(--gradient-surface-card);border:3px solid var(--color-border-soft);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden;box-shadow:0 3px 0 var(--shadow-primary-weak);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;height:100%}.shop-tab__item-savings{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f87171,#fca5a5);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;line-height:1;border:2px solid var(--color-surface-plain);z-index:1}.shop-tab__item-hit{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:12px;line-height:1;border:2px solid var(--color-surface-plain);z-index:1;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #fbbf2466}.shop-tab__item:hover{transform:translateY(-2px);background:var(--gradient-surface-card-hover);box-shadow:0 4px 0 var(--shadow-primary-medium)}.shop-tab__item:focus{outline:none}.shop-tab__item:active{transform:translateY(0);box-shadow:0 2px 0 var(--shadow-primary-weak)}.shop-tab__item--unavailable{background:var(--color-surface-muted);border-color:var(--color-border-neutral);cursor:not-allowed}.shop-tab__item--unavailable:hover{transform:none;box-shadow:0 3px 0 var(--shadow-neutral-medium)}.shop-tab__item--unavailable .shop-tab__buy-btn{cursor:not-allowed;background:linear-gradient(135deg,#1a1a1a,#000);border-color:#000;box-shadow:none;color:#fff;font-weight:700}.shop-tab__item--unavailable:hover .shop-tab__buy-btn{transform:none;box-shadow:none;background:linear-gradient(135deg,#1a1a1a,#000)}.shop-tab__item-icon{font-size:48px;line-height:1;text-align:center;margin-bottom:20px;padding:20px;background:var(--gradient-pill);border-radius:16px;width:fit-content;margin-left:auto;margin-right:auto;border:2px solid var(--color-border-soft);display:flex;align-items:center;justify-content:center;min-width:88px;min-height:88px;position:relative}.shop-tab__item-icon-count{position:absolute;top:-8px;right:-8px;background:var(--color-accent-strong);color:var(--color-text-inverse);font-size:14px;font-weight:700;padding:2px 6px;border-radius:12px;line-height:1;box-shadow:0 2px 4px var(--shadow-primary-medium);border:2px solid var(--color-surface-plain)}.shop-tab__item-icon-emoji{position:relative;z-index:2}.shop-tab__item-icon-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1a1a1a;font-size:28px;font-weight:900;line-height:1;letter-spacing:1px;z-index:1}.shop-tab__item-info{flex:1;margin-bottom:20px;text-align:center;display:flex;flex-direction:column;gap:8px}.shop-tab__item-name{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary);line-height:1.3}.shop-tab__item-description{margin:0;font-size:15px;color:var(--color-text-secondary);line-height:1.5}.shop-tab__item-price{margin-top:10px;font-size:13px;font-weight:600;color:var(--color-text-tertiary);background:var(--color-surface-muted);padding:6px 12px;border-radius:999px;display:inline-block}.shop-tab__item-footer{display:flex;justify-content:center;align-items:center}.shop-tab__buy-btn{padding:14px 28px;background:linear-gradient(135deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);color:var(--color-text-inverse);border:2px solid var(--color-border-strong);border-radius:12px;font-size:15px;font-weight:700;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 3px 0 var(--shadow-primary-strong);width:100%;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.shop-tab__item:hover .shop-tab__buy-btn:not(.shop-tab__buy-btn--disabled){background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);transform:translateY(-1px);box-shadow:0 4px 0 var(--shadow-primary-ultra)}.shop-tab__buy-btn:active:not(.shop-tab__buy-btn--disabled){transform:translateY(0);box-shadow:0 1px 0 var(--shadow-primary-strong)}.shop-tab__buy-btn--disabled{cursor:not-allowed;background:var(--color-surface-muted)!important;border-color:var(--color-border-neutral)!important;box-shadow:none!important;pointer-events:none;color:var(--color-text-secondary)!important;transform:none!important;font-weight:600!important}.shop-tab__buy-btn--purchased{cursor:default;background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#047857!important;box-shadow:0 3px #05966966!important;pointer-events:none;color:#fff!important;font-weight:700!important}.shop-tab__coming-soon{padding:14px 28px;background:var(--color-surface-muted);color:var(--color-text-secondary);border-radius:12px;font-size:15px;font-weight:600;text-align:center;width:100%;border:2px solid var(--color-border-neutral)}.shop-tab__loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shop-tab__footer{margin-top:auto;text-align:center}.shop-tab__note{margin:0;font-size:14px;color:var(--color-text-secondary);font-style:italic;padding:16px;background:var(--color-surface-muted);border-radius:12px;border:1px solid var(--color-border-soft)}@media (max-width: 768px){.shop-tab{padding:16px}.shop-tab__title{font-size:20px}.shop-tab__info-blocks{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.shop-tab__info-block{padding:16px 20px}.shop-tab__grid{grid-template-columns:1fr;gap:16px}.shop-tab__item{padding:20px}.shop-tab__item-icon{font-size:40px;padding:16px;min-width:72px;min-height:72px}.shop-tab__item-name{font-size:18px}.shop-tab__item-description{font-size:14px}.shop-tab__item-price{font-size:13px}.shop-tab__section-title{font-size:18px}}@media (max-width: 480px){.shop-tab{padding:12px}.shop-tab__info-blocks{gap:12px;margin-bottom:16px}.shop-tab__info-block{padding:14px 16px}.shop-tab__info-icon{width:40px;height:40px;font-size:32px}.shop-tab__info-title{font-size:14px}.shop-tab__info-count{font-size:28px}.shop-tab__info-description{font-size:12px}.shop-tab__grid{grid-template-columns:1fr;gap:12px}.shop-tab__item{padding:16px}.shop-tab__item-icon{font-size:36px;padding:14px;min-width:64px;min-height:64px}.shop-tab__item-name{font-size:17px}.shop-tab__item-description{font-size:13px}.shop-tab__buy-btn,.shop-tab__coming-soon{padding:12px 24px;font-size:14px}}.energy-settings{display:flex;flex-direction:column;gap:12px}.energy-settings__header{display:flex;align-items:center;gap:8px}.energy-settings__toggle{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--gradient-control-surface);border:2px solid var(--color-border-soft);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-neutral-light)}.energy-settings__toggle:hover{background:var(--gradient-control-hover);border-color:var(--color-border-medium);box-shadow:0 3px 8px var(--shadow-primary-weak);transform:translateY(-1px)}.energy-settings__toggle--active{background:var(--gradient-pill);border-color:var(--color-border-strong);box-shadow:0 2px 8px var(--shadow-primary-medium)}.energy-settings__toggle-icon{font-size:20px;line-height:1}.energy-settings__toggle-label{flex:1;font-size:15px;font-weight:600;color:var(--color-text-primary);text-align:left}.energy-settings__toggle-status{font-size:12px;font-weight:700;color:var(--color-text-secondary);padding:4px 8px;background:#0000000d;border-radius:6px;letter-spacing:.5px}.energy-settings__toggle-status--active{color:var(--color-accent-strong);background:#3b82f61a}.energy-settings__expand{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--gradient-control-surface);border:2px solid var(--color-border-soft);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-neutral-light)}.energy-settings__expand:hover{background:var(--gradient-control-hover);border-color:var(--color-border-medium);box-shadow:0 3px 8px var(--shadow-primary-weak);transform:translateY(-1px)}.energy-settings__expand--active{background:var(--gradient-pill);border-color:var(--color-border-medium)}.energy-settings__expand-icon{font-size:14px;line-height:1;color:var(--color-text-secondary);transition:transform .2s ease}.energy-settings__expand--active .energy-settings__expand-icon{transform:rotate(180deg)}.energy-settings__details{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--gradient-surface-card);border:1px solid var(--color-border-soft);border-radius:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.energy-settings__description{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.energy-settings__group{display:flex;flex-direction:column;gap:8px}.energy-settings__group-title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.energy-settings__impact-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px}.energy-settings__impact-badge--high{color:#dc2626;background:#dc26261a}.energy-settings__impact-badge--medium{color:#ea580c;background:#ea580c1a}.energy-settings__impact-badge--low{color:#65a30d;background:#65a30d1a}.energy-settings__items{display:flex;flex-direction:column;gap:4px}.energy-settings__item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--color-surface-plain);border:1px solid var(--color-border-soft);border-radius:8px;cursor:pointer;transition:all .2s ease}.energy-settings__item:hover{background:var(--gradient-control-hover);border-color:var(--color-border-medium);box-shadow:0 2px 4px var(--shadow-primary-weak)}.energy-settings__checkbox{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.energy-settings__item-icon{font-size:18px;line-height:1;margin-top:1px}.energy-settings__item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.energy-settings__item-label{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.energy-settings__item-description{font-size:12px;line-height:1.4;color:var(--color-text-secondary);word-wrap:break-word}@media (max-width: 480px){.energy-settings__toggle{padding:10px 12px}.energy-settings__toggle-label{font-size:14px}.energy-settings__toggle-icon{font-size:18px}.energy-settings__expand{width:40px;height:40px}.energy-settings__details{padding:12px}.energy-settings__item{padding:8px}.energy-settings__item-label{font-size:13px}.energy-settings__item-description{font-size:11px}}.language-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:flex-start}.language-selector__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border-soft);background:var(--gradient-control-surface);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 2px 4px var(--shadow-neutral-light)}.language-selector__button:hover{transform:translateY(-2px);background:var(--gradient-control-hover);border-color:var(--color-border-medium);box-shadow:0 4px 8px var(--shadow-neutral-medium)}.language-selector__button--active{border-color:var(--color-accent);background:var(--gradient-pill);box-shadow:0 4px 12px var(--shadow-primary-medium)}.language-selector__flag{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.language-selector__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 480px){.language-selector{gap:6px}}@media (max-width: 360px){.language-selector{gap:4px}}@media (max-width: 320px){.language-selector{gap:3px}}.first-level-picker{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:all;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.first-level-picker:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.3),transparent 70%);filter:blur(60px);top:-200px;left:-200px;animation:colorShift1 8s ease-in-out infinite alternate;z-index:0;pointer-events:none}.first-level-picker:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.3),transparent 70%);filter:blur(70px);bottom:-250px;right:-250px;animation:colorShift2 10s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes colorShift1{0%{background:radial-gradient(circle,rgba(167,139,250,.3),transparent 70%);transform:translate(0) scale(1)}50%{background:radial-gradient(circle,rgba(236,72,153,.3),transparent 70%);transform:translate(20px,20px) scale(1.1)}to{background:radial-gradient(circle,rgba(251,146,60,.3),transparent 70%);transform:translate(0) scale(1)}}@keyframes colorShift2{0%{background:radial-gradient(circle,rgba(96,165,250,.3),transparent 70%);transform:translate(0) scale(1)}50%{background:radial-gradient(circle,rgba(52,211,153,.3),transparent 70%);transform:translate(-20px,-20px) scale(1.15)}to{background:radial-gradient(circle,rgba(250,204,21,.3),transparent 70%);transform:translate(0) scale(1)}}@media (prefers-color-scheme: dark){.first-level-picker{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)}.first-level-picker:before{background:radial-gradient(circle,rgba(109,40,217,.25),transparent 70%);animation:colorShiftDark1 8s ease-in-out infinite alternate}.first-level-picker:after{background:radial-gradient(circle,rgba(37,99,235,.25),transparent 70%);animation:colorShiftDark2 10s ease-in-out infinite alternate}}@keyframes colorShiftDark1{0%{background:radial-gradient(circle,rgba(109,40,217,.25),transparent 70%);transform:translate(0) scale(1)}50%{background:radial-gradient(circle,rgba(190,24,93,.25),transparent 70%);transform:translate(20px,20px) scale(1.1)}to{background:radial-gradient(circle,rgba(194,65,12,.25),transparent 70%);transform:translate(0) scale(1)}}@keyframes colorShiftDark2{0%{background:radial-gradient(circle,rgba(37,99,235,.25),transparent 70%);transform:translate(0) scale(1)}50%{background:radial-gradient(circle,rgba(5,150,105,.25),transparent 70%);transform:translate(-20px,-20px) scale(1.15)}to{background:radial-gradient(circle,rgba(202,138,4,.25),transparent 70%);transform:translate(0) scale(1)}}[data-theme=dark] .first-level-picker{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)}[data-theme=dark] .first-level-picker:before{background:radial-gradient(circle,rgba(109,40,217,.25),transparent 70%);animation:colorShiftDark1 8s ease-in-out infinite alternate}[data-theme=dark] .first-level-picker:after{background:radial-gradient(circle,rgba(37,99,235,.25),transparent 70%);animation:colorShiftDark2 10s ease-in-out infinite alternate}[data-theme=light] .first-level-picker{background:linear-gradient(135deg,#fafafa,#f0f0f0)}[data-theme=light] .first-level-picker:before{background:radial-gradient(circle,rgba(167,139,250,.3),transparent 70%);animation:colorShift1 8s ease-in-out infinite alternate}[data-theme=light] .first-level-picker:after{background:radial-gradient(circle,rgba(96,165,250,.3),transparent 70%);animation:colorShift2 10s ease-in-out infinite alternate}.first-level-picker__loading{font-size:18px;color:var(--color-text-primary)}.first-level-picker__container{max-width:800px;width:100%;position:relative;z-index:1}.first-level-picker__title{font-size:28px;font-weight:700;text-align:center;margin-bottom:40px;color:var(--color-text-primary)}.first-level-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:900px;margin:0 auto}.first-level-picker__card{background:var(--color-surface);border:3px solid transparent;border-radius:16px;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.first-level-picker__card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 24px #00000026}.first-level-picker__card:active{transform:translateY(-2px)}.first-level-picker__card-preview{aspect-ratio:1;background:var(--color-surface-plain);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.first-level-picker__svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px}.first-level-picker__svg svg{width:100%;height:100%;display:block}.first-level-picker__svg svg *{fill:none!important;stroke:var(--color-text-primary)!important;stroke-width:.8;stroke-linejoin:round;stroke-linecap:round}@media (max-width: 768px){.first-level-picker__title{font-size:20px;margin-bottom:24px}.first-level-picker__grid{gap:12px}.first-level-picker__card{border-radius:12px}}@media (max-width: 480px){.first-level-picker{padding:12px}.first-level-picker__title{font-size:18px;margin-bottom:20px}.first-level-picker__grid{gap:8px}}.notification-system{position:fixed;top:120px;left:0;right:0;z-index:10000;display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:12px;pointer-events:none}.notification{position:relative;display:flex;align-items:center;gap:12px;min-width:280px;max-width:480px;padding:14px 16px;background:var(--color-surface-plain);border-radius:16px;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px #00000026;pointer-events:auto;cursor:pointer;animation:notification-slide-in .4s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@keyframes notification-slide-in{0%{opacity:0;transform:translateY(-100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification:active{transform:translateY(0);box-shadow:0 1px #00000026}.notification__icon{flex-shrink:0;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.notification__content{flex:1;min-width:0}.notification__message{font-size:15px;font-weight:600;color:#1f2937;line-height:1.4;word-wrap:break-word}.notification__action-text{margin-top:4px;font-size:13px;font-weight:500;color:#3b82f6;line-height:1.3}.notification--info{background:var(--color-surface-plain)}.notification--warning{background:#fef3c7;border-color:#f59e0b}.notification--warning .notification__message{color:#78350f}.notification--error{background:#fee2e2;border-color:#ef4444}.notification--error .notification__message{color:#7f1d1d}.notification--success{background:#d1fae5;border-color:#10b981}.notification--success .notification__message{color:#064e3b}@media (max-width: 768px){.notification-system{top:100px;padding:0 12px;gap:10px}.notification{min-width:240px;max-width:calc(100vw - 24px);padding:12px 14px;gap:10px}.notification__icon{font-size:20px;width:28px;height:28px}.notification__message{font-size:14px}.notification__action-text{font-size:12px}}@media (max-width: 480px){.notification-system{top:80px;padding:0 8px;gap:8px}.notification{min-width:200px;max-width:calc(100vw - 16px);padding:10px 12px;gap:8px}.notification__icon{font-size:18px;width:24px;height:24px}.notification__message{font-size:13px}.notification__action-text{font-size:11px}}.notification--closing{animation:notification-slide-out .3s cubic-bezier(.4,0,.6,1) forwards;margin-bottom:0!important;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}@keyframes notification-slide-out{0%{opacity:1;transform:translateY(0) scale(1);max-height:200px}50%{opacity:0;transform:translateY(-20px) scale(.95);max-height:200px}to{opacity:0;transform:translateY(-20px) scale(.95);max-height:0}}.hint-highlight{stroke:#ff6b6b!important;stroke-width:2.5!important;fill:none!important;z-index:9999!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important;cursor:default!important}:root{--app-bg-color: #F5F5F5;--app-bg-pattern: radial-gradient(circle, rgba(0, 0, 0, .08) 1px, transparent 1px);--app-bg-size: 20px 20px;--color-text-body: #1f2933;--color-text-primary: #0f172a;--color-text-secondary: rgba(71, 85, 105, .85);--color-text-subtle: var(--color-text-subtle);--color-text-inverse: #e2e8f0;--color-accent: #3b82f6;--color-accent-strong: #1d4ed8;--color-accent-soft: #60A5FA;--color-border-soft: rgba(59, 130, 246, .2);--color-border-medium: rgba(59, 130, 246, .35);--color-border-strong: rgba(59, 130, 246, .6);--color-border-stronger: rgba(59, 130, 246, .7);--color-border-ultra: rgba(59, 130, 246, .8);--color-border-focus: rgba(59, 130, 246, .55);--shadow-primary-weak: rgba(59, 130, 246, .1);--shadow-primary-medium: rgba(59, 130, 246, .15);--shadow-primary-strong: rgba(59, 130, 246, .2);--shadow-primary-ultra: rgba(59, 130, 246, .3);--shadow-neutral-medium: rgba(0, 0, 0, .15);--shadow-neutral-light: rgba(0, 0, 0, .08);--shadow-danger: rgba(248, 113, 113, .3);--color-border-neutral: rgba(0, 0, 0, .15);--shadow-neutral-soft: rgba(148, 163, 184, .35);--overlay-backdrop: rgba(15, 23, 42, .3);--gradient-header-glass: linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.7) 100%);--gradient-surface-card: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.95) 100%);--gradient-surface-card-hover: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,246,255,1) 100%);--gradient-surface-card-strong: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,246,255,.95) 100%);--gradient-settings-dialog: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(241,245,249,.98) 100%);--gradient-control-surface: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.95) 100%);--gradient-control-hover: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,246,255,1) 100%);--gradient-pill: linear-gradient(135deg, rgba(239,246,255,1) 0%, rgba(219,234,254,1) 100%);--gradient-danger-surface: linear-gradient(135deg, rgba(248,113,113,.15) 0%, rgba(248,113,113,.3) 100%);--gradient-danger-hover: linear-gradient(135deg, rgba(248,113,113,.35) 0%, rgba(248,113,113,.55) 100%);--gradient-success: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);--gradient-surface-active: linear-gradient(135deg, #E5E7EB 0%, #D1D5DB 100%);--gradient-level-hover: linear-gradient(135deg, #FFEDD5 0%, #FED7AA 100%);--gradient-bottom-nav: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.9) 100%);--is-landscape: 0;--is-portrait: 1;--device-width: 375px;--color-success-border: rgba(34, 197, 94, .6);--shadow-success: rgba(34, 197, 94, .2);--color-surface-muted: rgba(248, 250, 252, .9);--color-surface-muted-strong: rgba(239, 246, 255, .95);--color-surface-highlight: rgba(254, 226, 226, .9);--color-surface-plain: #ffffff;--color-surface-muted-alt: rgba(148, 163, 184, .12);--color-danger: #b91c1c;--color-danger-border: rgba(248, 113, 113, .7);--color-danger-hover: #ff6b6b;--color-danger-foreground: #ffffff;--color-level-hover-border: rgba(251, 146, 60, .6);--shadow-level-hover: rgba(251, 146, 60, .25);--color-border-active: rgba(0, 0, 0, .25);--color-scrollbar: rgba(148, 163, 184, .4);--color-scrollbar-track: transparent;--color-progress-track: rgba(255, 255, 255, .1);--color-progress-text: #ffffff;--color-border-preview: rgba(255, 255, 255, .7);--color-base-fill: #ffffff}*{box-sizing:border-box}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}html,body{overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:fixed;width:100%;height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--app-bg-color);background-image:var(--app-bg-pattern);background-size:var(--app-bg-size);color:var(--color-text-body)}body.energy-saving-mode *,body.energy-saving-mode *:before,body.energy-saving-mode *:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}img,svg{user-drag:none;-webkit-user-drag:none;-moz-user-drag:none}#root{height:100%}.app-shell{position:relative;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;background-color:#f5f5f5;background-image:radial-gradient(circle,rgba(0,0,0,.08) 1px,transparent 1px);background-size:20px 20px;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:manipulation}.app{position:relative;height:100%;overflow:hidden;background-color:var(--app-bg-color);background-image:var(--app-bg-pattern);background-size:var(--app-bg-size);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;zoom:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.app__canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas__viewport,.canvas__viewport svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;will-change:transform;transform:translateZ(0);backface-visibility:hidden;user-drag:none;-webkit-user-drag:none}.canvas__viewport svg{pointer-events:auto}.canvas__viewport svg *{pointer-events:inherit}.canvas__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;font-size:clamp(16px,2vw,20px);color:var(--color-text-subtle);text-align:center;background:var(--app-bg-color);z-index:10}.circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center;animation:circular-progress-pulse 2s ease-in-out infinite}.circular-progress__svg{animation:circular-progress-rotate 2s linear infinite}.circular-progress__arc{stroke:var(--color-accent);stroke-linecap:round;animation:circular-progress-arc 2s ease-in-out infinite}@keyframes circular-progress-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circular-progress-arc{0%{stroke-dasharray:1,200;stroke-dashoffset:0;opacity:1}25%{stroke-dasharray:89,200;stroke-dashoffset:-35px;opacity:.8}50%{stroke-dasharray:89,200;stroke-dashoffset:-124px;opacity:1}75%{stroke-dasharray:1,200;stroke-dashoffset:-200px;opacity:.8}to{stroke-dasharray:1,200;stroke-dashoffset:-400px;opacity:1}}@keyframes circular-progress-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.simple-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.simple-loader__square{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);border-radius:0;animation:simple-loader-rotate 1.2s cubic-bezier(.4,0,.2,1) infinite}.simple-loader__message{margin:0;font-size:14px;color:var(--color-text-secondary);font-weight:500}@keyframes simple-loader-rotate{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(.8);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:1}}.loading-text{margin-top:20px;font-size:16px;color:var(--color-accent);font-weight:500;animation:loading-text-fade 1.5s ease-in-out infinite}@keyframes loading-text-fade{0%,to{opacity:1}50%{opacity:.5}}.app__top{position:fixed;top:20px;left:20px;z-index:1000;pointer-events:none}.app__top-right{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:row;gap:12px;align-items:flex-start;pointer-events:none}.app__progress-center{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;display:flex;align-items:center;height:clamp(42px,6vw,54px)}.app__bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);padding:0;align-items:stretch;pointer-events:none}.app__pause-button,.app__reset-zoom-button,.app__title,.palette,.palette__item,.palette__empty,button,[role=button],.clickable{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app__pause-button{width:clamp(42px,6vw,54px);height:clamp(42px,6vw,54px);border-radius:50%;border:2px solid var(--color-border-neutral);background:var(--color-surface-plain);color:var(--color-text-secondary);font-size:clamp(18px,2vw,22px);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 0 var(--shadow-neutral-medium);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex;align-items:center;justify-content:center;pointer-events:auto}.app__pause-button:hover{transform:translateY(-2px);box-shadow:0 3px 0 var(--shadow-neutral-medium)}.app__pause-button:active{transform:translateY(0)}.app__reset-zoom-button{width:clamp(42px,6vw,54px);height:clamp(42px,6vw,54px);border-radius:50%;border:2px solid var(--color-border-neutral);background:var(--color-surface-plain);color:var(--color-text-secondary);font-size:clamp(18px,2vw,22px);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 0 var(--shadow-neutral-medium);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex;align-items:center;justify-content:center;pointer-events:auto}.app__reset-zoom-button:hover{transform:translateY(-2px);box-shadow:0 3px 0 var(--shadow-neutral-medium)}.app__reset-zoom-button:active{transform:translateY(0)}.app__cheat-mode-button--active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b98166;animation:pulse-glow-green 2s ease-in-out infinite}@keyframes pulse-glow-green{0%,to{box-shadow:0 4px 12px #10b98166}50%{box-shadow:0 4px 20px #10b98199}}.app__cheat-mode-button--locked{opacity:.5;cursor:pointer;position:relative}.app__cheat-mode-button--locked:after{content:"🔒";position:absolute;top:-8px;right:-8px;font-size:14px;background:var(--color-surface-plain);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-neutral)}.app__cheat-mode-button-wrapper{position:relative;width:48px;height:48px}.app__cheat-mode-progress{position:absolute;top:-4px;left:-4px;width:56px;height:56px;transform:rotate(-90deg);pointer-events:none}.app__cheat-mode-progress-bg{fill:none;stroke:#94a3b840;stroke-width:6}.app__cheat-mode-progress-bar{fill:none;stroke:#f59e0b;stroke-width:6;stroke-linecap:round}@keyframes cheatModeProgress{0%{stroke-dashoffset:0}to{stroke-dashoffset:282.743}}.app__progress{font-size:clamp(20px,2.8vw,28px);font-weight:600;letter-spacing:.08em;color:var(--color-progress-text);pointer-events:none;user-select:none;-webkit-user-select:none;paint-order:stroke fill;-webkit-text-stroke:1.5px rgba(0,0,0,.9);text-stroke:1.5px rgba(0,0,0,.9);text-shadow:-1px -1px 0 rgba(0,0,0,.9),0px -1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),1px 0px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.9),0px 1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),-1px 0px 0 rgba(0,0,0,.9)}.app__title{margin:0;font-size:clamp(20px,2.6vw,26px);font-weight:600;text-align:center;color:var(--color-text-body);text-shadow:0 4px 12px var(--shadow-neutral-soft)}.palette{display:flex;align-items:center;gap:clamp(12px,2vw,18px);overflow-x:scroll;overflow-y:hidden;width:100%;padding:clamp(20px,4vw,30px) clamp(20px,4vw,40px) clamp(35px,6vw,45px);margin:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.palette:active{cursor:grabbing}.palette--dragging{cursor:grabbing!important;user-select:none;-webkit-user-select:none}.palette--dragging .palette__item{pointer-events:none}.palette::-webkit-scrollbar{height:6px}.palette::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.palette::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:3px}.palette__item{position:relative;width:clamp(56px,10vw,76px);aspect-ratio:1;border-radius:50%;border:2px solid var(--color-border-neutral);cursor:pointer;opacity:.95;background:var(--color-surface-plain);box-shadow:0 2px 0 var(--shadow-neutral-medium);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;flex:0 0 auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.palette__color-circle{position:absolute;width:90%;height:90%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.palette__counter{position:absolute;font-size:clamp(12px,1.8vw,16px);font-weight:700;color:var(--color-progress-text);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--shadow-neutral-medium);text-stroke:1.5px var(--shadow-neutral-medium);text-shadow:-1px -1px 0 var(--shadow-neutral-medium),0px -1px 0 var(--shadow-neutral-medium),1px -1px 0 var(--shadow-neutral-medium),1px 0px 0 var(--shadow-neutral-medium),1px 1px 0 var(--shadow-neutral-medium),0px 1px 0 var(--shadow-neutral-medium),-1px 1px 0 var(--shadow-neutral-medium),-1px 0px 0 var(--shadow-neutral-medium);text-align:center;line-height:1;pointer-events:none;z-index:2}.palette__item:hover:not(:disabled){transform:translateY(-4px);opacity:1;box-shadow:0 3px 0 var(--shadow-neutral-medium)}.palette__item--selected:hover:not(:disabled){transform:translateY(-8px) scale(1.3);opacity:1;box-shadow:0 5px 0 var(--shadow-neutral-medium)}.palette__item:disabled{opacity:.45;cursor:default}.palette__item--selected{transform:translateY(-8px) scale(1.3);opacity:1;border:2px solid var(--color-border-neutral);box-shadow:0 2px 0 var(--shadow-neutral-medium);z-index:100}.palette__item--completed{opacity:.6}.palette__item--completed .palette__counter{display:none}.palette__item--completed:after{content:"✓";position:absolute;font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--color-progress-text);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--shadow-neutral-medium);text-stroke:1.5px var(--shadow-neutral-medium);text-shadow:-1px -1px 0 var(--shadow-neutral-medium),0px -1px 0 var(--shadow-neutral-medium),1px -1px 0 var(--shadow-neutral-medium),1px 0px 0 var(--shadow-neutral-medium),1px 1px 0 var(--shadow-neutral-medium),0px 1px 0 var(--shadow-neutral-medium),-1px 1px 0 var(--shadow-neutral-medium),-1px 0px 0 var(--shadow-neutral-medium);text-align:center;line-height:1;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:1}.palette__empty{font-size:clamp(14px,2vw,16px);color:#64748bbf}.main-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:var(--app-bg-color);background-image:var(--app-bg-pattern);background-size:var(--app-bg-size);z-index:40;-webkit-overflow-scrolling:touch}.main-menu__panel{width:100%;height:100%;min-width:320px;background:transparent;display:flex;flex-direction:column;overflow:hidden;position:relative}@media (min-width: 768px){.main-menu__panel{min-width:400px}}.main-menu__header{display:flex;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,24px);padding-top:12px;padding-bottom:16px;padding-left:clamp(16px,3vw,20px);padding-right:clamp(16px,3vw,20px);background:var(--gradient-header-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:0;margin-bottom:0;border-bottom:none;box-shadow:0 2px 0 var(--shadow-primary-weak)}.main-menu__title-group{display:flex;align-items:center;gap:12px}.main-menu__title{margin:0;font-size:clamp(20px,2.5vw,26px);font-weight:700;color:var(--color-text-primary)}.main-menu__settings-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:2px solid var(--color-border-soft);background:var(--gradient-control-surface);box-shadow:0 2px 0 var(--shadow-primary-weak);color:var(--color-text-primary);font-size:22px;line-height:1;padding:0;cursor:pointer;transition:all .2s ease}.main-menu__settings-button:hover{transform:translateY(-2px);box-shadow:0 3px 0 var(--shadow-primary-medium);border-color:var(--color-border-medium);background:var(--gradient-control-hover)}.main-menu__settings-button:active{transform:translateY(0);box-shadow:0 1px 0 var(--shadow-primary-strong)}.main-menu__settings-button--active{border-color:var(--color-border-strong);box-shadow:0 3px 0 var(--shadow-primary-strong);background:var(--gradient-surface-card-strong)}.main-menu__settings-button:focus-visible{outline:none;border-color:var(--color-border-stronger);box-shadow:0 0 0 4px var(--shadow-primary-medium)}.main-menu__settings-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;line-height:1}.main-menu__subtitle{margin:0;font-size:clamp(14px,2vw,16px);color:var(--color-text-secondary)}.main-menu__stats{display:flex;gap:16px;align-items:center}.main-menu__settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding:clamp(16px,4vw,32px);background:var(--overlay-backdrop);z-index:60}.main-menu__settings-dialog{width:min(480px,100%);margin-top:clamp(48px,10vh,96px);background:var(--gradient-settings-dialog);border-radius:20px;border:2px solid var(--color-border-medium);box-shadow:0 6px 0 var(--shadow-primary-strong);padding:clamp(18px,3vw,24px);display:flex;flex-direction:column;gap:clamp(16px,2.5vw,20px);max-height:calc(100% - clamp(64px,12vh,120px));overflow-y:auto}.main-menu__settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid var(--shadow-primary-medium);padding-bottom:12px}.main-menu__settings-title{margin:0;font-size:clamp(18px,2.1vw,22px);font-weight:700;color:var(--color-text-primary)}.main-menu__settings-close{width:40px;height:40px;border:2px solid var(--color-danger-border);background:var(--gradient-danger-surface);color:var(--color-danger);font-weight:700;border-radius:50%;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;margin:0}.main-menu__settings-close:hover{background:var(--gradient-danger-hover);transform:translateY(-2px);box-shadow:0 3px 0 var(--shadow-danger)}.main-menu__settings-close:active{transform:translateY(0);box-shadow:0 1px 0 var(--shadow-danger)}.main-menu__settings-body{font-size:15px;line-height:1.6;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:24px}.main-menu__settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.main-menu__settings-row-label{font-size:clamp(16px,2vw,18px);font-weight:700;color:var(--color-text-primary)}.main-menu__settings-swatches{display:flex;align-items:center;gap:12px}.main-menu__settings-row:has(.language-selector){align-items:flex-start;flex-direction:column;gap:12px}.main-menu__settings-row:has(.language-selector) .main-menu__settings-row-label{margin-bottom:0}.main-menu__settings-row .language-selector{flex:1;min-width:0}@media (max-width: 600px){.main-menu__settings-row{flex-direction:column;align-items:flex-start}.main-menu__settings-row-label{margin-bottom:8px}}@media (max-width: 600px){.main-menu__settings-row:has(.language-selector){gap:10px}}@media (max-width: 480px){.main-menu__settings-row:has(.language-selector){gap:8px}}.main-menu__settings-swatch{width:48px;height:48px;padding:4px;border-radius:16px;border:2px solid var(--color-border-soft);background:var(--color-surface-plain);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.main-menu__settings-swatch:hover{transform:translateY(-2px);border-color:var(--color-border-medium);box-shadow:0 3px 0 var(--shadow-primary-strong)}.main-menu__settings-swatch:active{transform:translateY(0);box-shadow:0 1px 0 var(--shadow-primary-strong)}.main-menu__settings-swatch:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--shadow-primary-medium)}.main-menu__settings-swatch--active{border-color:var(--color-border-strong);box-shadow:0 3px 0 var(--shadow-primary-strong)}.main-menu__settings-preview{width:100%;height:100%;border-radius:12px;border:1px solid var(--color-border-preview);background-size:16px 16px;background-repeat:repeat;box-shadow:inset 0 0 0 1px #0f172a14}.main-menu__settings-preview--classic{background-image:linear-gradient(45deg,rgba(15,23,42,.18) 25%,transparent 25%,transparent 75%,rgba(15,23,42,.18) 75%,rgba(15,23,42,.18)),linear-gradient(45deg,rgba(15,23,42,.18) 25%,transparent 25%,transparent 75%,rgba(15,23,42,.18) 75%,rgba(15,23,42,.18));background-position:0 0,8px 8px}.main-menu__settings-preview--dark{background-color:#0f172a4d;background-image:linear-gradient(45deg,rgba(11,17,32,.9) 25%,transparent 25%,transparent 75%,rgba(11,17,32,.9) 75%,rgba(11,17,32,.9)),linear-gradient(45deg,rgba(30,41,59,.85) 25%,transparent 25%,transparent 75%,rgba(30,41,59,.85) 75%,rgba(30,41,59,.85));background-position:0 0,8px 8px}[data-theme=dark] .main-menu__settings-preview--dark{background-color:#f8fafc4d;background-image:linear-gradient(45deg,rgba(255,255,255,.9) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.9) 75%,rgba(255,255,255,.9)),linear-gradient(45deg,rgba(226,232,240,.85) 25%,transparent 25%,transparent 75%,rgba(226,232,240,.85) 75%,rgba(226,232,240,.85));background-position:0 0,8px 8px}[data-theme=dark] .main-menu__settings-preview--classic{background-image:linear-gradient(45deg,rgba(248,250,252,.18) 25%,transparent 25%,transparent 75%,rgba(248,250,252,.18) 75%,rgba(248,250,252,.18)),linear-gradient(45deg,rgba(248,250,252,.18) 25%,transparent 25%,transparent 75%,rgba(248,250,252,.18) 75%,rgba(248,250,252,.18));background-position:0 0,8px 8px}.main-menu__settings-preview--vivid{background-color:#38bdf8;background-image:linear-gradient(45deg,#000000 25%,transparent 25%,transparent 75%,#000000 75%,#000000),linear-gradient(45deg,#38bdf8 25%,transparent 25%,transparent 75%,#38bdf8 75%,#38bdf8);background-position:0 0,8px 8px}.main-menu__settings-preview--theme-light{background:linear-gradient(135deg,#fffffff2,#f0f4fff2);border-color:#3b82f633;box-shadow:inset 0 0 0 1px #3b82f626}.main-menu__settings-preview--theme-dark{background:linear-gradient(135deg,#252e42f2,#0f172af2);border-color:#60a5fa80;box-shadow:inset 0 0 0 1px #60a5fa59}.main-menu__settings-preview--theme-darkBrown{background:linear-gradient(135deg,#1e1914d9,#0f0b08d9);border-color:#6b5d4f59;box-shadow:inset 0 0 0 1px #6b5d4f40}.main-menu__settings-placeholder{margin:0}.main-menu__stat{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:var(--gradient-surface-card);border:2px solid var(--color-border-soft);position:relative;min-height:44px;box-shadow:0 2px 0 var(--shadow-primary-weak)}.main-menu__stat--clickable{cursor:pointer;transition:all .2s ease}.main-menu__stat--clickable:hover{background:var(--gradient-surface-card-hover);border-color:var(--color-border-medium);transform:translateY(-2px);box-shadow:0 3px 0 var(--shadow-primary-medium)}.main-menu__stat--clickable:active{transform:scale(.95) translateY(0);box-shadow:0 1px 0 var(--shadow-primary-weak);transition:transform .1s ease}.main-menu__stat-icon{font-size:18px;line-height:1;flex-shrink:0;display:flex;align-items:center}.main-menu__stat-value{font-size:16px;font-weight:700;color:var(--color-text-primary);line-height:1;display:flex;align-items:center}.main-menu__stat-plus{font-size:18px;font-weight:700;color:var(--color-accent);line-height:1;margin-left:2px;display:flex;align-items:center}.main-menu__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(4px,1.4vw,8px);padding:0 0 clamp(20px,4vw,28px);position:relative;-webkit-overflow-scrolling:touch}.main-menu__tags{display:flex;gap:10px;padding:clamp(8px,3vw,20px) clamp(18px,3.5vw,26px);overflow-x:auto;overflow-y:hidden;border-bottom:none;position:sticky;top:0;z-index:2;margin-bottom:clamp(0px,1.5vw,0%);flex:0 0 auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x;overscroll-behavior-x:contain}.main-menu__tags::-webkit-scrollbar{display:none}.main-menu__tags:active{cursor:grabbing}.main-menu__tags--dragging{cursor:grabbing!important}.main-menu__tags--dragging .main-menu__tag{pointer-events:none}.main-menu__tags>*{flex-shrink:0}.main-menu__tag{border:2px solid var(--color-border-soft);background:var(--gradient-surface-card);border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 2px 0 var(--shadow-primary-weak)}.main-menu__tag:hover{transform:translateY(-1px);background:var(--gradient-surface-card-hover);box-shadow:0 3px 0 var(--shadow-primary-medium)}.main-menu__tag--active{border-color:var(--color-border-stronger);background:var(--gradient-surface-card-strong);color:var(--color-text-secondary);box-shadow:0 2px 0 var(--shadow-primary-ultra)}.main-menu__tag--active:hover{transform:translateY(-1px);background:var(--gradient-surface-card-hover);border-color:var(--color-border-ultra);box-shadow:0 3px 0 var(--shadow-primary-strong)}.main-menu__tag:active,.main-menu__tag--active:active{transform:scale(.95) translateY(-1px);transition:transform .1s ease}.main-menu__message{padding:18px 20px;border-radius:16px;background:var(--color-surface-muted);color:var(--color-text-secondary);text-align:center;margin:0 clamp(20px,4vw,28px)}.main-menu__message--error{background:var(--color-surface-highlight);color:var(--color-danger)}.main-menu__tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:300px}.main-menu__action-buttons{display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,24px);padding:0 clamp(18px,3.5vw,26px);margin-bottom:clamp(8px,1.5vw,12px);flex-wrap:wrap}.main-menu__action-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;background:transparent;border:none;padding:0}.main-menu__action-btn:hover{transform:translateY(-3px)}.main-menu__action-btn:active{transform:translateY(0)}.main-menu__action-icon{width:clamp(80px,15vw,110px);height:clamp(80px,15vw,110px);border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:clamp(36px,7vw,48px);font-weight:700;line-height:1;box-shadow:0 4px #00000026;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative}.main-menu__action-btn--green .main-menu__action-icon{border-color:#22c55e;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.main-menu__action-btn--green:hover .main-menu__action-icon{background:linear-gradient(135deg,#bbf7d0,#86efac);box-shadow:0 6px #22c55e4d}.main-menu__action-btn--purple .main-menu__action-icon{border-color:#a855f7;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.main-menu__action-btn--purple:hover .main-menu__action-icon{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);box-shadow:0 6px #a855f74d}.main-menu__action-btn--orange .main-menu__action-icon{border-color:#f97316;background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.main-menu__action-btn--orange:hover .main-menu__action-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 6px #f973164d}.main-menu__action-btn:active .main-menu__action-icon{box-shadow:0 2px #00000026}.main-menu__action-icon--plus{padding-bottom:3px}.main-menu__action-icon--play{padding-left:4px}.main-menu__action-label{font-size:clamp(11px,2vw,13px);font-weight:600;text-align:center;line-height:1.3;color:var(--color-text-primary);max-width:clamp(80px,15vw,110px);white-space:normal;word-wrap:break-word}@media (max-width: 768px){.main-menu__action-buttons{gap:12px}.main-menu__action-icon{width:clamp(70px,20vw,90px);height:clamp(70px,20vw,90px)}.main-menu__action-label{max-width:clamp(70px,20vw,90px)}}@media (max-width: 480px){.main-menu__action-buttons{gap:10px}.main-menu__action-icon{width:clamp(65px,22vw,80px);height:clamp(65px,22vw,80px)}.main-menu__action-label{max-width:clamp(65px,22vw,80px)}}.main-menu__levels{margin:0;padding:0 clamp(18px,3.5vw,26px) clamp(16px,3vw,24px);display:flex;gap:12px;align-items:flex-start;will-change:auto;width:100%;box-sizing:border-box}.main-menu__column{flex:1 1 0%;display:flex;flex-direction:column;gap:12px;min-width:0}.main-menu__infinite-sentinel{flex-basis:100%;height:1px;pointer-events:none;opacity:0}.main-menu__level{transition:transform .2s ease,box-shadow .2s ease;contain:layout style paint;width:100%}.main-menu__level{opacity:1}.main-menu__skeleton-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transform:translateY(8px);animation:skeleton-fade-in .3s ease-out forwards}.main-menu__skeleton{width:100%;height:100%;position:relative;background:var(--color-level-card-surface);background-size:200% 100%;border-radius:12px;overflow:hidden;animation:skeleton-shimmer 1.5s ease-in-out infinite}.main-menu__skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-text-inverse) 50%,transparent 100%);opacity:.3;animation:skeleton-shimmer-move 1.5s ease-in-out infinite}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-shimmer-move{0%{left:-100%}to{left:100%}}.main-menu__content-layer{position:relative;width:100%;height:100%;z-index:2;opacity:1;transition:opacity .3s ease-out}.main-menu__content-layer--empty{opacity:0}.main-menu__level--active .main-menu__level-button{border-color:var(--color-border-active);background:var(--gradient-surface-active);box-shadow:0 3px 0 var(--shadow-neutral-medium)}.main-menu__level--completed .main-menu__level-button{border-color:var(--color-success-border);background:var(--gradient-success);box-shadow:0 3px 0 var(--shadow-success)}.main-menu__level-button{width:100%;height:auto;display:flex;align-items:center;justify-content:center;padding:0;background:var(--gradient-level-card);border-radius:16px;border:3px solid var(--color-level-card-border);outline:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;overflow:hidden;position:relative;box-shadow:0 3px 0 var(--shadow-level-card);aspect-ratio:var(--level-aspect-ratio, 1)}.main-menu__level-button:hover{transform:translateY(-2px);background:var(--gradient-level-card-hover);border-color:var(--color-level-card-border-hover);box-shadow:0 4px 0 var(--shadow-level-card-hover)}.level-card__riddle-badge{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-border-neutral);border-radius:50%;font-size:18px;line-height:1;z-index:100;pointer-events:none}.level-card__new-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,gold,orange);border-radius:12px;padding:4px 10px;box-shadow:0 2px 4px #0003;z-index:100;pointer-events:none;animation:new-badge-pulse 2s ease-in-out infinite}.level-card__new-badge-text{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1}@keyframes new-badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #0003}50%{transform:scale(1.05);box-shadow:0 3px 8px #ffd70066}}.main-menu__thumbnail-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-level-card-surface)}.main-menu__thumbnail-image>svg,.main-menu__thumbnail-image>img{width:100%;height:100%;user-drag:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.main-menu__thumbnail-image>svg{display:block;object-fit:fill}.main-menu__thumbnail-image>img{display:block;object-fit:fill}.main-menu__level-button--portrait .main-menu__thumbnail{background:var(--color-surface-plain)}.main-menu__thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);overflow:hidden;background:var(--color-level-card-surface)}.main-menu__thumbnail svg{width:100%;height:100%;display:block}.main-menu__thumbnail--outline{background:var(--color-surface-plain)}.main-menu__thumbnail--outline svg *{fill:none!important;stroke:currentColor!important;stroke-width:.6;stroke-linejoin:round;stroke-linecap:round}.main-menu__thumbnail-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--color-surface-plain);padding:16px;text-align:center}.main-menu__thumbnail-error-icon{font-size:32px;opacity:.3;filter:grayscale(100%)}.main-menu__thumbnail-error-text{font-size:12px;color:var(--color-text-secondary);opacity:.6;line-height:1.3;max-width:90%}.main-menu__loading-more{text-align:center;padding:20px;color:var(--color-text-secondary);font-size:14px;display:flex;flex-direction:column;gap:10px;align-items:center;margin:0 clamp(20px,4vw,28px)}.main-menu__show-all-btn{background:var(--gradient-control-surface);color:var(--color-text-secondary);border:2px solid var(--color-border-soft);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 2px 0 var(--shadow-primary-medium);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.main-menu__show-all-btn:hover{transform:translateY(-1px);background:var(--gradient-control-hover);box-shadow:0 3px 0 var(--shadow-primary-strong)}.main-menu__show-all-btn:active{transform:scale(.95) translateY(-1px);transition:transform .1s ease}@media (max-width: 768px){.app__top{top:15px;left:15px}.app__top-right{top:15px;right:15px;gap:10px}.app__progress-center{top:15px}.app__bottom{padding:0}.palette{gap:16px}.palette__item{width:clamp(56px,10vw,72px)}}@media (max-width: 480px){.app__top{top:10px;left:10px}.app__top-right{top:10px;right:10px;gap:8px}.app__progress-center{top:10px}.app__bottom{padding:0}.palette{gap:12px}.palette__item{width:clamp(52px,9vw,68px)}}.main-menu__thumbnail--progress svg *{stroke:#0f172ad9;stroke-width:.6;stroke-linejoin:round;stroke-linecap:round}.main-menu__thumbnail--progress svg [fill=none]{fill-opacity:0}.main-menu__thumbnail--riddle svg *{stroke:none!important;stroke-width:0!important}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#000;color:var(--color-text-primary)}.loading-screen__content{text-align:center;max-width:400px;padding:2rem}.loading-screen__logo-container{position:relative;width:280px;height:280px;margin:0 auto}.loading-screen__progress-circle{position:absolute;top:0;left:0}.loading-screen__progress-stroke{transition:stroke-dashoffset .3s ease}.loading-screen__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;animation:pulse 2s ease-in-out infinite}.loading-screen__logo-svg{width:100%;height:100%}.loading-screen__status{margin-top:320px;display:flex;align-items:baseline;justify-content:center;gap:.75rem;font-size:1rem;color:#ffffffe6}.loading-screen__status-label{font-weight:600}.loading-screen__status-progress{font-variant-numeric:tabular-nums;opacity:.8}.loading-screen__steps{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;text-align:left}.loading-screen__step{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#ffffffbf}.loading-screen__step-icon{width:1.5rem;text-align:center}.loading-screen__step--in-progress .loading-screen__step-label{color:#fffffff2;font-weight:600}.loading-screen__step--done .loading-screen__step-label{color:#fff9}.loading-screen__step--error .loading-screen__step-label{color:#ffb4a2;font-weight:600}.loading-screen__error{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:12px;background:#ff52521f;color:#ffd5d5;font-size:.95rem;line-height:1.4}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.main-menu__bottom-nav{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px;background:var(--gradient-bottom-nav);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:none;position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 0 var(--shadow-primary-weak)}.main-menu__nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;height:70px;position:relative;font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text-subtle);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1;flex:1;min-width:0}.main-menu__nav-btn:hover{transform:translateY(-1px)}.main-menu__nav-btn:active{transform:scale(.95) translateY(-1px);transition:transform .1s ease}.main-menu__nav-btn--active{color:#fff}.main-menu__nav-btn--active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);border-radius:inherit;transition:all .2s ease;z-index:-1;box-shadow:0 3px 0 var(--shadow-primary-strong)}.main-menu__nav-btn--active:hover:before{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);box-shadow:0 4px 0 var(--shadow-primary-ultra)}.main-menu__nav-btn--active:active{transform:scale(.95) translateY(-1px);transition:transform .1s ease}.main-menu__nav-icon{font-size:20px;line-height:1;display:block;color:inherit;margin:0;padding:0}.main-menu__nav-label{font-size:13px;font-weight:600;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;margin:0;padding:0;display:block}@supports (-webkit-touch-callout: none){.main-menu__nav-btn{gap:8px;width:75px;height:75px}.main-menu__nav-icon{margin-bottom:2px}.main-menu__nav-label{margin-top:2px}}@media (max-width: 768px){.main-menu__bottom-nav{padding:6px 12px 10px}.main-menu__nav-btn{height:60px;padding:8px 10px;gap:4px}.main-menu__nav-icon{font-size:18px}.main-menu__nav-label{font-size:12px}}@media (max-width: 480px){.main-menu__bottom-nav{padding:4px 8px 8px}.main-menu__nav-btn{height:55px;padding:6px 8px;gap:3px}.main-menu__nav-icon{font-size:16px}.main-menu__nav-label{font-size:11px}}:root:is([style*="--is-landscape: 1"]) .app__bottom{position:fixed;right:clamp(16px,2vw,24px);top:clamp(80px,12vh,120px);bottom:0;left:auto;width:auto;height:auto;flex-direction:row;padding:0;z-index:10}:root:is([style*="--is-landscape: 1"]) .palette{flex-direction:column;width:auto;height:100%;overflow-x:hidden;overflow-y:scroll;padding:clamp(24px,4vh,36px) clamp(20px,2.5vw,32px);gap:clamp(14px,2.5vh,20px);touch-action:pan-y}:root:is([style*="--is-landscape: 1"]) .palette::-webkit-scrollbar{width:6px;height:auto}:root:is([style*="--is-landscape: 1"]) .palette__item{width:clamp(56px,8vh,72px)}:root:is([style*="--is-landscape: 1"]) .palette__item:hover:not(:disabled){transform:translate(-4px)}:root:is([style*="--is-landscape: 1"]) .palette__item--selected{transform:translate(-8px) scale(1.3)}:root:is([style*="--is-landscape: 1"]) .palette__item--selected:hover:not(:disabled){transform:translate(-8px) scale(1.3)}:root:is([style*="--is-landscape: 1"]) .hint-panel--mobile{display:none}:root:is([style*="--is-landscape: 1"]) .app__canvas{right:clamp(112px,14vw,160px)}:root:is([style*="--is-landscape: 1"]) .main-menu__bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:16px;max-width:500px;width:90%;padding:6px;border-radius:99px;box-shadow:0 3px 0 var(--shadow-primary-strong)}:root:is([style*="--is-landscape: 1"]) .main-menu__nav-btn{padding:8px 12px;min-width:70px;border-radius:99px}:root:is([style*="--is-landscape: 1"]) .main-menu__content{padding-bottom:120px}.main-menu__settings-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border-light)}.main-menu__settings-status{display:flex;justify-content:center;align-items:center;text-align:center}.main-menu__settings-mode{font-size:12px;color:var(--color-text-secondary);font-weight:500}.main-menu__settings-row--reset{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border-light)}.main-menu__settings-row--checkbox{flex-direction:column;align-items:flex-start;padding:0}.main-menu__settings-checkbox-label{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;background:var(--color-surface-plain);border:1px solid var(--color-border-soft);border-radius:12px;cursor:pointer;transition:all .2s ease}.main-menu__settings-checkbox-label:hover{background:var(--gradient-control-hover);border-color:var(--color-border-medium);box-shadow:0 2px 4px var(--shadow-primary-weak)}.main-menu__settings-checkbox{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.main-menu__settings-checkbox-icon{font-size:20px;line-height:1;margin-top:0;flex-shrink:0}.main-menu__settings-checkbox-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.main-menu__settings-checkbox-title{font-size:15px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.main-menu__settings-checkbox-desc{font-size:13px;line-height:1.4;color:var(--color-text-secondary);word-wrap:break-word}@media (max-width: 480px){.main-menu__settings-checkbox-label{padding:12px 14px}.main-menu__settings-checkbox-title{font-size:14px}.main-menu__settings-checkbox-desc{font-size:12px}.main-menu__settings-checkbox-icon{font-size:18px}}.main-menu__reset-button{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;padding:10px 16px;background:var(--gradient-danger-surface);border:2px solid var(--color-danger-border);border-radius:12px;color:var(--color-danger);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 0 var(--shadow-danger);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;align-self:flex-start}.main-menu__reset-button:hover{background:var(--gradient-danger-hover);transform:translateY(-1px);box-shadow:0 3px 0 var(--shadow-danger);border-color:var(--color-danger-hover)}.main-menu__reset-button:active{transform:translateY(0);box-shadow:0 1px 0 var(--shadow-danger)}.main-menu__reset-icon{font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.main-menu__reset-label{flex:1;text-align:center;font-weight:600}.main-menu__reset-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:var(--overlay-backdrop);z-index:1000;padding:20px}.main-menu__reset-modal{background:var(--gradient-settings-dialog);border-radius:20px;border:2px solid var(--color-border-medium);box-shadow:0 6px 0 var(--shadow-primary-strong);padding:24px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:20px}.main-menu__reset-modal-header{text-align:center}.main-menu__reset-modal-title{margin:0;font-size:20px;font-weight:700;color:var(--color-danger);text-align:center}.main-menu__reset-modal-body{display:flex;flex-direction:column;gap:12px;text-align:center}.main-menu__reset-modal-text{margin:0;font-size:16px;line-height:1.5;color:var(--color-text-primary)}.main-menu__reset-modal-note{margin:0;font-size:14px;color:var(--color-text-secondary);font-style:italic}.main-menu__reset-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.main-menu__reset-modal-cancel,.main-menu__reset-modal-confirm{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid;min-width:100px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.main-menu__reset-modal-cancel{background:var(--gradient-control-surface);border-color:var(--color-border-soft);color:var(--color-text-secondary);box-shadow:0 2px 0 var(--shadow-primary-weak)}.main-menu__reset-modal-cancel:hover{background:var(--gradient-control-hover);transform:translateY(-1px);box-shadow:0 3px 0 var(--shadow-primary-medium)}.main-menu__reset-modal-cancel:active{transform:translateY(0);box-shadow:0 1px 0 var(--shadow-primary-weak)}.main-menu__reset-modal-confirm{background:var(--gradient-danger-surface);border-color:var(--color-danger-border);color:var(--color-danger);box-shadow:0 2px 0 var(--shadow-danger)}.main-menu__reset-modal-confirm:hover{background:var(--gradient-danger-hover);transform:translateY(-1px);box-shadow:0 3px 0 var(--shadow-danger)}.main-menu__reset-modal-confirm:active{transform:translateY(0);box-shadow:0 1px 0 var(--shadow-danger)}@media (max-width: 768px){.main-menu__settings-mode{font-size:11px}.main-menu__reset-modal{padding:20px;max-width:320px}.main-menu__reset-modal-title{font-size:18px}.main-menu__reset-modal-text{font-size:15px}.main-menu__reset-modal-actions{flex-direction:column}.main-menu__reset-modal-cancel,.main-menu__reset-modal-confirm{min-width:auto}.main-menu__reset-button{font-size:13px;padding:8px 12px}}circle[pointer-events=none]{will-change:r,cx,cy;transform:translateZ(0);backface-visibility:hidden}[data-animating=true]{will-change:fill,opacity;transform:translateZ(0);backface-visibility:hidden}.game-screen__viewport[data-panning=true],.game-screen__viewport[data-zooming=true]{will-change:transform}