:root{color-scheme:light!important;--color-primary: #84a59d;--color-primary-light: #a8c2bc;--color-primary-dark: #62837b;--color-secondary: #8da9c4;--color-secondary-light: #adc1d5;--color-secondary-dark: #6d8ba9;--color-accent: #e29578;--color-accent-light: #edba9f;--color-success: #d4a373;--color-danger: #e76f51;--color-text-light: #ffffff;--color-text-dark: #2f2f2f;--color-text-muted: #8d8d8d;--bg-main: #ffffff;--bg-panel: rgba(26, 13, 16, .99);--bg-overlay-dim: rgba(0, 0, 0, .5);--bg-glass: rgba(26, 13, 16, .98);--border-glass: rgba( 212, 163, 115, .2 );--bg-popup-header: rgba(0, 0, 0, .2);--bg-popup-footer: rgba(0, 0, 0, .4);--bg-popup-item: rgba( 132, 165, 157, .1 );--bg-popup-item-hover: rgba(132, 165, 157, .2);--color-surface: #1a0d10;--color-surface-muted: #2d181c;--color-overlay: rgba(226, 149, 120, .05);--color-text-on-dark: #fbf2f4;--game-width-base: 720px;--popup-width-base: 80%;--font-size-xs: .95rem;--font-size-sm: 1.15rem;--font-size-base: 1.4rem;--font-size-lg: 1.8rem;--font-size-xl: 2.4rem;--font-size-xxl: 3.6rem;--font-size-massive: 5rem;--z-background: 0;--z-game-content: 10;--z-overlay-base: 9000;--z-overlay-modal: 9100;--z-overlay-popup: 9200;--z-overlay-top: 10000;--z-break-time: 12000;--z-drag-layer: 9999;--z-dragging-item: 10000;--z-critical-alert: 20000;--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-depth: 4px 4px 5px rgba(0, 0, 0, .2);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:focus{outline:none!important}html,body{height:100%;background-color:#fff!important;color-scheme:light!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:relative;width:100%;min-height:100vh;background-color:var(--bg-main);background-image:url(../assets/themes/pattern_kitty_classic.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;display:flex;justify-content:center;align-items:center;will-change:transform;color-scheme:light!important}.background-dim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;z-index:var(--z-background)}.game-container{width:var(--game-width-base);height:100%;position:absolute;top:0;left:50%;bottom:auto;transform-origin:top center;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;z-index:1}.drag-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-drag-layer);overflow:visible}.dragging{position:absolute!important;opacity:.9;z-index:var(--z-dragging-item)!important;pointer-events:none;box-shadow:var(--shadow-depth);cursor:grabbing;will-change:transform,top,left}.ui-hidden{display:none!important}.confirmation-popup{z-index:var(--z-critical-alert)!important}.overlay-base,.settings-panel,.continue-popup,.theme-shop-popup,.pet-shop-popup,.stats-popup,.game-win-popup,.confirmation-popup,.auto-finish-popup,.break-time-overlay,.difficulty-info-popup,.error-recovery-popup,.privacy-popup-overlay,.unlock-popup-overlay,.debug-popup{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:var(--z-overlay-base);transition:opacity .3s var(--ease-smooth);pointer-events:auto;will-change:opacity}.theme-shop-popup .shop-overlay,.pet-shop-popup .shop-overlay,.stats-popup .stats-overlay,.confirmation-popup .confirm-overlay,.popup-dim{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#0006;pointer-events:auto}.settings-content,.shop-content,.stats-content,.win-content,.confirm-content,.auto-finish-popup .popup-content,.difficulty-info-content,.error-recovery-content,.privacy-popup-content,.unlock-content,.continue-content,.debug-content,.popup-content{width:var(--popup-width-base);max-width:95%;max-height:65%;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-glass);border-radius:32px;box-shadow:0 40px 80px #0006;color:var(--color-text-on-dark);padding:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif}.settings-header,.shop-header,.stats-header,.win-header,.difficulty-header,.debug-header,.popup-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--bg-popup-header);border-bottom:1px solid var(--border-glass)}.settings-header h2,.shop-header h2,.stats-header h2,.game-win-popup h2,.difficulty-header h2,.debug-header h2,.popup-header h2{margin:0;font-size:var(--font-size-xl);font-weight:800;line-height:1.2;display:flex;align-items:center;gap:12px;color:var(--color-primary)}.popup-header h2 .text{background:linear-gradient(to right,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;font-size:1.5rem}.close-btn:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.popup-body{padding:24px 32px;overflow-y:auto;flex:1}.popup-footer{padding:20px 24px;border-top:1px solid var(--border-glass);background:var(--bg-popup-footer);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.settings-content .setting-list,.theme-list-area,.stats-scroll-area,.privacy-popup-content .scroll-area{padding:24px 32px;overflow-y:auto;flex:1}.settings-content::-webkit-scrollbar,.theme-list-area::-webkit-scrollbar,.stats-scroll-area::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-thumb,.theme-list-area::-webkit-scrollbar-thumb,.stats-scroll-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.popup-btn{width:100%;max-width:320px;height:60px;border:none;border-radius:20px;font-size:var(--font-size-base);font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #0003;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0 24px;box-sizing:border-box}.popup-btn:active{transform:scale(.96);box-shadow:0 4px 10px #0003}.popup-btn.btn-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 25px #2563eb4d}.popup-btn.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 25px #16a34a4d}.popup-btn.btn-red{background:transparent;border:2px solid rgba(185,28,28,.6);color:#f87171;box-shadow:none}.popup-btn.btn-red:hover{background:#b91c1c1a;border-color:#ef4444;color:#fff}.popup-btn.btn-gray{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#94a3b8;box-shadow:none}.popup-btn.btn-gray:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.popup-btn.pulse{animation:btnPulse 2s infinite}@keyframes btnPulse{0%{transform:scale(1);box-shadow:0 8px 20px #2563eb4d}50%{transform:scale(1.04);box-shadow:0 12px 30px #2563eb80}to{transform:scale(1);box-shadow:0 8px 20px #2563eb4d}}
