.app-container{width:100%;height:100vh;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;color:#4a4a4a;overflow:hidden;font-family:"Rounded Mplus 1c",sans-serif}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}.header{position:relative;z-index:10;padding:20px;display:flex;justify-content:space-between}.cloud-tag,.coin-tag{background:#fffc;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;box-shadow:0 4px 10px #0000000d}.spin{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stage{flex:1;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}.stats-panel{position:absolute;top:20px;width:80%;background:#ffffffb3;padding:15px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;align-items:center;gap:10px}.stat-label{font-size:12px;width:30px}.stat-bg{flex:1;height:10px;background:#eee;border-radius:5px;overflow:hidden}.stat-fill{height:100%;transition:width .5s ease}.cat-wrapper{position:relative;cursor:pointer;transition:transform .2s}.cat-wrapper:active{transform:scale(.95)}.shadow{width:120px;height:15px;background:#0000001a;border-radius:50%;margin:-20px auto 0;filter:blur(5px)}.bubble{position:absolute;top:-20px;right:-20px;font-size:30px}.controls{position:relative;z-index:10;padding:20px;background:#fff;border-radius:30px 30px 0 0;box-shadow:0 -10px 30px #0000001a}.food-shelf{display:flex;justify-content:space-around;margin-bottom:20px}.food-btn{display:flex;flex-direction:column;align-items:center;background:#f8f8f8;border:none;padding:10px;border-radius:15px;width:70px;cursor:pointer;transition:all .2s}.food-btn:hover:not(:disabled){background:#fff0f0;transform:translateY(-3px)}.food-btn:disabled{opacity:.5;cursor:not-allowed}.food-btn .icon{font-size:24px}.food-btn .price{font-size:11px;margin-top:5px;font-weight:700}.bottom-actions{display:flex;align-items:center;justify-content:space-between}.circle-btn{width:45px;height:45px;border-radius:50%;border:none;background:#eee;display:flex;align-items:center;justify-content:center;cursor:pointer}.hint{font-size:12px;color:#999}.color-picker{position:absolute;bottom:80px;left:20px;background:#fff;padding:10px;border-radius:15px;display:flex;gap:10px;box-shadow:0 5px 20px #0000001a}.color-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 5px #0000001a}