:root,[data-theme=space]{--bg:radial-gradient(2px 2px at 20px 30px, #fff 50%, transparent 51%) 0 0 / 150px 150px, radial-gradient(2px 2px at 90px 110px, #cfc6ff 50%, transparent 51%) 0 0 / 170px 170px, radial-gradient(3px 3px at 60px 70px, #fff 50%, transparent 51%) 0 0 / 230px 230px, radial-gradient(circle at center, #3a1f6b 0%, #07040f 100%);--bg-solid:#07040f;--header-bg:#0c071af2;--dialog-bg:#170e2e;--item:#5a2d82;--item-hover:#6e389e}[data-theme=blue]{--bg:radial-gradient(circle at center, #3b6ea5 0%, #1d2f4a 100%);--bg-solid:#1d2f4a;--header-bg:#182840f2;--dialog-bg:#1b2a40;--item:#6b4423;--item-hover:#85562e}[data-theme=night]{--bg:radial-gradient(circle at center, #2a2a40 0%, #0c0c14 100%);--bg-solid:#0c0c14;--header-bg:#0e0e16f2;--dialog-bg:#181826;--item:#3b3b5c;--item-hover:#4c4c75}[data-theme=chocolate]{--bg:radial-gradient(circle at center, #7a4a2a 0%, #3a2112 100%);--bg-solid:#3a2112;--header-bg:#341e10f2;--dialog-bg:#3a2414;--item:sienna;--item-hover:#b8653a}[data-theme=forest]{--bg:radial-gradient(circle at center, #2f6b45 0%, #10261a 100%);--bg-solid:#10261a;--header-bg:#10261af2;--dialog-bg:#163323;--item:#8a5a2b;--item-hover:#a26c36}[data-theme=sunset]{--bg:radial-gradient(circle at center, #c2563a 0%, #3a1430 100%);--bg-solid:#3a1430;--header-bg:#3a1430f2;--dialog-bg:#43182f;--item:#7a2f4f;--item-hover:#933a60}[data-theme=candy]{--bg:radial-gradient(circle at center, #b35c9e 0%, #3b2a6b 100%);--bg-solid:#3b2a6b;--header-bg:#3b2a6bf2;--dialog-bg:#43306f;--item:#5b6fd6;--item-hover:#6f82e6}*{box-sizing:border-box}body{color:#fff8ec;background:var(--bg);background-color:var(--bg-solid);min-height:100vh;margin:0;font-family:system-ui,sans-serif}html:has(dialog[open]){overflow:hidden}.no-animations *,.no-animations :before,.no-animations :after{transition:none!important;animation:none!important}.game{height:100dvh;display:flex}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cookie-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:relative}.cookie-area h1{text-align:center;margin:0;font-size:2.5rem}.cps{opacity:.8;margin:0 0 24px}.big-cookie{cursor:pointer;filter:drop-shadow(0 10px 20px #00000080);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;padding:0;font-size:180px;line-height:1;transition:transform 80ms}.big-cookie:active{transform:scale(.95)}.floater{z-index:10;pointer-events:none;color:#fff;text-shadow:0 2px 4px #000;font-size:1.5rem;font-weight:700;animation:1s ease-out forwards float-up;position:fixed}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-150%)}}.icon-button{width:44px;height:44px;color:inherit;cursor:pointer;background:#00000040;border:none;border-radius:50%;place-items:center;padding:0;font-size:1.3rem;display:grid}.settings-button{transition:transform .3s}.dock{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:8;background:var(--header-bg);border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex;position:fixed;box-shadow:0 6px 20px #00000073}.toast{z-index:20;background:var(--dialog-bg);border-radius:12px;align-items:center;gap:12px;width:min(440px,100% - 32px);padding:12px 12px 12px 16px;animation:.3s ease-out toast-in;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast p{flex:1;margin:0;line-height:1.4}.toast-icon{font-size:1.8rem}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px)}}.panel{background:#00000040;flex-direction:column;gap:8px;width:320px;padding:16px 16px 88px;display:flex;overflow-y:auto}.panel h2{margin:0 0 8px}.panel-subtitle{opacity:.8;margin:0 0 4px}.tabs{background:#0000004d;border-radius:10px;gap:4px;margin-bottom:4px;padding:4px;display:flex}.tab{color:inherit;font:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:.9rem;display:flex}.tab.active{background:var(--item);opacity:1}.tab-badge{background:#4caf50;border-radius:999px;min-width:20px;padding:1px 6px;font-size:.75rem;font-weight:700}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:4px 0;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:#ffffff40;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:#4caf50}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.toggle input:focus-visible+.toggle-track{outline-offset:2px;outline:2px solid #fff}.shop-item{background:var(--item);color:#fff;text-align:left;cursor:pointer;font:inherit;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.shop-item:disabled{opacity:.45;cursor:not-allowed}.shop-item.bought{opacity:1;cursor:default;background:#2e6b3a}.shop-item.selling{background:#7a3535}.shop-item.locked{outline-offset:-1px;opacity:.7;background:#3d3530;outline:1px dashed #ffffff4d}.shop-emoji{font-size:2rem}.shop-info{flex-direction:column;flex:1;display:flex}.shop-count{opacity:.7;font-size:1.6rem;font-weight:700}.modal{background:var(--dialog-bg);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:inherit;border:none;border-radius:16px;padding:0;box-shadow:0 20px 60px #0009}.modal::backdrop{background:#0009}.modal-content{flex-direction:column;gap:4px;padding:0 20px 20px;display:flex}.modal-header{z-index:1;background:var(--dialog-bg);justify-content:space-between;align-items:center;padding:16px 0 8px;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:1.3rem}.modal-section{border-top:1px solid #ffffff1f;flex-direction:column;gap:10px;padding:14px 0;display:flex}.modal-section h3{text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin:0;font-size:.85rem}.modal-section p{margin:0}.settings-row,.modal-section .toggle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.muted{opacity:.7}.tabs.segmented{margin:0}.tabs.segmented .tab{flex:none;padding:6px 10px}.tabs.segmented.fill .tab{flex:1;padding:6px 4px}.store-controls{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.bulk-tag{vertical-align:middle;background:#0000004d;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:400}.button-row{flex-wrap:wrap;gap:8px;display:flex}.action-button{background:var(--item);color:#fff;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;padding:8px 14px}.action-button:disabled{opacity:.45;cursor:not-allowed}.action-button.danger{background:#7a2a2a;flex:none}.code-box{width:100%;min-height:70px;color:inherit;resize:vertical;word-break:break-all;background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:.8rem}.settings-message{border-radius:8px;margin:0;padding:10px 12px}.settings-message.success{background:#4caf5040}.settings-message.error{background:#dc46464d}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.theme-option{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#00000040;border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;display:flex}.theme-option.active{border-color:#fff}.theme-swatch{background:linear-gradient(135deg, var(--a) 50%, var(--b) 50%);border:2px solid #fff6;border-radius:50%;flex:none;width:26px;height:26px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;display:grid}.stats-grid dt{opacity:.7;font-size:.8rem}.stats-grid dd{margin:0;font-weight:700}.progress{background:#ffffff26;border-radius:999px;height:8px;overflow:hidden}.progress>div{background:#4caf50;height:100%;transition:width .4s}.achievement-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.achievement{background:#00000040;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.achievement.locked{opacity:.55}.achievement.unlocked{outline:1px solid #ffd70059}.achievement-emoji{font-size:1.8rem;line-height:1}.achievement p{margin:2px 0;font-size:.9rem}.achievement-toasts{z-index:20;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100% - 32px);display:flex;position:fixed;top:16px;right:16px}.achievement-toast{background:var(--dialog-bg);pointer-events:auto;border-left:4px solid gold;border-radius:12px;align-items:center;gap:12px;padding:10px 10px 10px 14px;animation:.35s ease-out achievement-in;display:flex;box-shadow:0 10px 30px #00000080}.achievement-toast p{flex:1;margin:0;font-size:.9rem;line-height:1.35}.achievement-toast small{color:gold}@keyframes achievement-in{0%{opacity:0;transform:translate(40px)}}.hidden-buildings{text-align:center;margin-top:4px;font-size:.9rem}.credits{z-index:1;opacity:.6;white-space:nowrap;font-size:.8rem;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.credits a{color:inherit}@media (hover:hover){.big-cookie:hover{transform:scale(1.07)}.big-cookie:hover:active{transform:scale(.95)}.icon-button:hover{background:#0006}.settings-button:hover{transform:rotate(60deg)}.theme-option:hover:not(.active){border-color:#ffffff59}.credits:hover{opacity:1}.action-button:hover:not(:disabled){background:var(--item-hover)}.action-button.danger:hover{background:#a33a3a}.shop-item:hover:not(:disabled){background:var(--item-hover)}.shop-item.selling:hover:not(:disabled){background:#934242}.tab:hover:not(.active){opacity:1}}@media (width<=1000px){.panel{width:270px}.big-cookie{font-size:150px}}@media (width<=700px){.game{height:auto;min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom));flex-direction:column}.cookie-area{z-index:5;background:var(--header-bg);flex:none;order:-1;gap:0;padding:12px 16px;position:sticky;top:0;box-shadow:0 4px 12px #0006}.cookie-area h1{font-size:1.6rem}.cps{margin:0 0 4px;font-size:.9rem}.big-cookie{font-size:110px}.dock{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.modal{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.modal-content{padding:0 16px 16px}.panel{width:auto;padding-bottom:16px;overflow-y:visible}.floater{font-size:1.2rem}.credits{text-align:center;white-space:normal;order:99;padding:16px;position:static;transform:none}.achievement-toasts{width:calc(100% - 16px);top:8px;right:8px}}
