:root{--bg-dark: #1a0b2e;--bg-gradient: radial-gradient(circle at 50% 30%, #301755 0%, #1a0b2e 100%);--text-main: #ffffff;--text-muted: #a78bfa;--cookie-color: #d97706;--cookie-shadow: #92400e;--accent-primary: #8b5cf6;--accent-secondary: #f59e0b;--surface-color: rgba(255, 255, 255, .05);--surface-border: rgba(255, 255, 255, .1);--font-family: "Outfit", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-round: 9999px;--transition-fast: .15s ease-out;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-main);width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none}#root{width:100%;height:100%;background:var(--bg-gradient)}.header-container{margin:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center;border-radius:var(--radius-lg);z-index:10}.header-title{font-size:2.5rem;font-weight:900;text-shadow:0 4px 12px rgba(0,0,0,.6);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--text-main)}.header-subtitle{color:var(--text-muted);font-size:1.25rem;font-weight:600}.click-area-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.main-cookie-btn{background:transparent;border:none;cursor:pointer;outline:none;transition:transform var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cookie-emoji{font-size:200px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.main-cookie-btn.pressed{transform:scale(.92)}.floating-text{position:fixed;color:var(--text-main);font-size:2rem;font-weight:800;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:float-up 1s ease-out forwards;z-index:100;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 150px)) scale(1.2)}}.shop-container{flex:1;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:40dvh}.shop-title{padding:var(--spacing-md);border-bottom:1px solid var(--surface-border);position:sticky;top:0;background:#1a0b2ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;font-size:1.5rem;font-weight:800;text-align:center}.shop-list{list-style:none;overflow-y:auto;flex:1;padding-bottom:env(safe-area-inset-bottom,2rem)}.shop-item{display:flex;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--surface-border);transition:background var(--transition-fast),transform var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.shop-item.affordable{opacity:1}.shop-item.affordable:active{background:var(--surface-color);transform:scale(.98)}.shop-item.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.shop-item-icon{font-size:2.5rem;margin-right:var(--spacing-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.shop-item-details{flex:1}.shop-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.shop-item-name{font-weight:800;font-size:1.2rem}.shop-item-cost{font-weight:800;color:var(--cookie-color);text-shadow:0 1px 2px rgba(0,0,0,.5)}.can-buy-text{color:#10b981}.shop-item-desc{font-size:.85rem;color:var(--text-muted);line-height:1.2}.cps-boost{font-weight:600;color:var(--accent-primary)}.shop-item-owned{font-size:2.2rem;font-weight:900;color:var(--surface-border);margin-left:var(--spacing-md);min-width:40px;text-align:right}.iap-container{flex:1;display:flex;flex-direction:column;overflow:hidden;border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:40dvh;background:#30175566;border:1px solid rgba(139,92,246,.4)}.iap-title{padding:var(--spacing-md);border-bottom:1px solid var(--surface-border);position:sticky;top:0;background:#1a0b2ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;font-size:1.5rem;font-weight:800;text-align:center;color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.5)}.iap-list{list-style:none;overflow-y:auto;flex:1;padding-bottom:env(safe-area-inset-bottom,2rem)}.iap-item{display:flex;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--surface-border);transition:background var(--transition-fast)}.iap-item.purchased{opacity:.6}.iap-icon{font-size:2.5rem;margin-right:var(--spacing-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.iap-details{flex:1;padding-right:var(--spacing-sm)}.iap-header{margin-bottom:4px}.iap-name{font-weight:800;font-size:1.2rem;color:var(--text-main)}.iap-desc{font-size:.85rem;color:var(--text-muted);line-height:1.2}.iap-action{display:flex;align-items:center;justify-content:center}.buy-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-round);font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 10px #10b98166;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.buy-btn:active{transform:scale(.95);box-shadow:0 2px 5px #10b98166}.buy-btn:disabled{background:var(--surface-color);color:var(--text-muted);box-shadow:none;transform:none;cursor:not-allowed}.particles-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-particle{position:absolute;top:-50px;animation:fall linear forwards;filter:blur(1px);display:flex;align-items:center;justify-content:center;font-size:100%}@keyframes fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(360deg)}}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.sky-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.glass-panel{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:0 8px 32px #0000005e;border-radius:var(--radius-lg)}