@import"https://fonts.googleapis.com/css2?family=Sniglet:wght@400&display=swap";body{font-family:Sniglet,Arial,sans-serif;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:20px;min-height:100vh;color:#f3e9d2;overflow:hidden;position:relative;background:linear-gradient(270deg,#1f140a,#3b2d1f,#5d5228,#3a5a2b,#2c4a1f,#1e2815);background-size:1200% 1200%;animation:floralDrift 50s ease-in-out infinite}@keyframes floralDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh;width:35vw;background-color:#4a3c1f;border:10px solid #6a5531;border-radius:24px;box-shadow:0 6px 16px #00000080;padding:20px;z-index:1;background-image:radial-gradient(circle at top,#665233,#3b2d1e);color:#f3e9d2}.items{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:90vh;width:25vw;background-color:#4a3c1f;border:10px solid #6a5531;border-radius:24px;margin-left:20px;overflow-y:auto;box-shadow:inset 0 0 10px #0006;color:#f7eed9}.items::-webkit-scrollbar{width:6px}.items::-webkit-scrollbar-thumb{background-color:#8b7548;border-radius:10px}.items::-webkit-scrollbar-thumb:hover{background-color:#b69a6b}.items::-webkit-scrollbar-track{background-color:#3b2d1f}h1{margin:10px 0;font-size:2.5rem;color:#e9d79f;text-shadow:2px 2px 3px #2a1d0e;animation:headerBloom 3s ease-in-out infinite alternate}@keyframes headerBloom{0%{text-shadow:0 0 4px #c9a441}to{text-shadow:0 0 15px #f6db8b}}#roachButton{font-size:10rem;cursor:pointer;background:none;border:none;outline:none;margin:20px 0;transition:transform .05s,filter .2s ease;color:#f7eed9;text-shadow:0 0 5px rgba(255,222,173,.3)}#roachButton:hover{transform:scale(1.1);filter:brightness(1.2)}#roachButton:active{transform:scale(1.3)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shake{animation:shake .3s ease-in-out}.bounce{animation:bounce .4s ease-out}button{border-radius:18px;background-color:#8b7548;border:3px solid #5d4828;color:#fff8e1;font-family:Sniglet,system-ui;font-size:18px;margin-bottom:5px;padding:10px 18px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000004d}button:hover{background-color:#b69a6b;transform:scale(1.05);box-shadow:0 4px 8px #0006}button:disabled{cursor:not-allowed;background-color:#7a6a4a;border-color:#5c4c2f;color:#c2b89e}.upgrade-hover-desc{font-size:.9em;color:#f3e9d2;background:#3a2d1c;padding:8px;border-radius:8px;margin-top:4px;transition:opacity .3s ease;opacity:0;pointer-events:none;border:2px solid #b69a6b;box-shadow:0 2px 8px #00000080}.upgrade-item:hover .upgrade-hover-desc{opacity:1}.upgrade-item p,.stats,.roach-count,#roachCount{color:#f3e9d2}hr{border:none;height:8px;background-color:#6a5531;width:80%;margin:15px 0;border-radius:4px}