.orders-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;background:#fff1cc;border-bottom:2px solid #dfc477}.orders-head h2{margin:0;color:#7c492c}.orders-head p{margin:4px 0 0;color:#866544;font-size:12px}.streak{background:#fff9e9;border:2px solid #e2bd68;border-radius:14px;padding:10px 14px;font-size:12px;font-weight:900}.streak b{color:#d65f32;font-size:18px}.orders-list{min-height:380px;padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:radial-gradient(circle at 20% 20%,#aedf87 0 4px,transparent 5px),#87c967;background-size:32px 32px}.order-card{background:#fff9e8;border:4px solid #e0bd72;border-radius:22px;padding:14px;box-shadow:0 7px #5d8b44;display:grid;grid-template-columns:auto 1fr;gap:10px;position:relative}.order-card.complete{border-color:#ffe65c;box-shadow:0 0 0 4px #fff08a,0 7px #5d8b44}.customer{font-size:38px}.order-body h3{margin:5px 0 10px;color:#78462d}.order-items{display:flex;flex-direction:column;gap:6px}.order-item{background:#f2e4bf;border-radius:9px;padding:6px 8px;font-size:11px;font-weight:800}.order-item.ready{background:#d8efc9;color:#2d6d3d}.order-item b{float:left}.order-body>small{display:block;margin-top:10px;color:#a45b35;font-weight:900}.order-reward{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;border-top:2px dashed #dfc788;padding-top:10px}.order-reward small{font-weight:900}.order-reward button{border:0;border-radius:10px;background:#4b9555;color:#fff;padding:8px 14px;font-weight:900;cursor:pointer;box-shadow:0 3px #2d6637}.order-reward button:disabled{opacity:.45;filter:grayscale(1);cursor:not-allowed}.animal-title{margin:0;padding:10px 20px;background:#f3dfae;color:#74492d}.cow-section{border-top:5px solid #e3c276;background:#f8ebc8;padding-bottom:18px}.cow-title{display:flex;justify-content:space-between;align-items:center;padding:13px 22px}.cow-title h3{margin:0;color:#71472c}.cow-title small{font-weight:900;color:#b06c3a}.cows{min-height:190px;padding:18px 28px;display:grid;grid-template-columns:repeat(3,minmax(140px,220px));justify-content:center;gap:18px;background:radial-gradient(circle at 30% 30%,#b0de8a 0 5px,transparent 6px),#8bc969;background-size:36px 36px}.cow,.cow-lock{min-height:155px;border:5px solid #fff1c7;border-radius:25px;background:#a66c48;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px #647f42}.cow{cursor:pointer}.cow span{font-size:58px}.cow b{font-size:16px}.cow small{background:#75462f;border-radius:9px;padding:4px 8px;margin-top:5px}.cow.producing span{animation:gentle 1.2s infinite alternate}.cow.milk-ready{background:#62a8b5;box-shadow:0 0 0 5px #dafaff,0 7px #647f42}.cow-lock{grid-column:1/-1;min-height:110px;background:#a79b80;font-weight:900}.buy-cow{display:block;margin:14px auto 0;border:0;border-radius:14px;background:#4d9658;color:#fff;padding:11px 18px;font-weight:900;cursor:pointer;box-shadow:0 4px #2d6837}.buy-cow:disabled{opacity:.5}.cow-section.locked .cow-title{filter:grayscale(1);opacity:.65}
.splash{position:fixed;z-index:9999;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#fff4be 0 18%,#8fd06c 52%,#4d9658 100%);color:#fff;text-align:center;transition:opacity .35s ease,visibility .35s ease}.splash.hide{opacity:0;visibility:hidden;pointer-events:none}.splash img{width:min(42vw,210px);aspect-ratio:1;border-radius:28%;box-shadow:0 18px 45px #285c3655;animation:splash-pop .55s cubic-bezier(.2,.9,.3,1.25)}.splash h1{margin:18px 0 0;font-size:clamp(36px,8vw,62px);color:#fff;text-shadow:0 4px #2e713d}.splash p{margin:4px 0 20px;font-size:15px;font-weight:800}.splash-loader{width:130px;height:8px;background:#ffffff55;border:2px solid #ffffffaa;border-radius:20px;overflow:hidden}.splash-loader b{display:block;width:100%;height:100%;background:#fff;transform-origin:right;animation:splash-load 1.15s ease-out}.splash.no-motion img,.splash.no-motion .splash-loader b{animation:none}@keyframes splash-pop{from{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splash-load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.splash img,.splash-loader b{animation:none}.splash{transition:none}}
