@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fredoka:wght@500;600;700&display=swap";
*{box-sizing:border-box}body{color:#244839;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.world{background:linear-gradient(170deg,#b8dce2,#d5e9cc 47%,#f7e7bc);min-height:100vh;padding:28px 16px 70px;transition:background 1.5s;position:relative;overflow:hidden}.world:before{content:"";background:radial-gradient(circle at 12% 18%,#fff9d8a8,#0000 25%),radial-gradient(circle at 87% 82%,#a7d5b4a8,#0000 29%);position:absolute;inset:0}.world.flow{background:linear-gradient(125deg,#e2d8fb,#b9e8e9,#fbe5b7,#d6f4d2) 0 0/300% 300%;animation:18s infinite flow}.ambient{filter:blur(5px);opacity:.25;pointer-events:none;border-radius:50%;position:absolute}.ambient-a{background:#fff;width:230px;height:230px;animation:12s ease-in-out infinite float;top:7%;left:-70px}.ambient-b{background:#ffe7ab;width:330px;height:330px;animation:16s ease-in-out infinite reverse float;bottom:5%;right:-100px}.app-shell{z-index:1;width:min(100%,460px);margin:auto;position:relative}.card{background:#fffaf0;border:3px solid #f8f0d9;border-radius:27px;padding:26px 29px 29px;box-shadow:0 16px 45px #45685126,0 5px #7c9a7152}.centered{text-align:center}.intro{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:550px;display:flex}.title-art{width:100%;max-width:360px;image-rendering:pixelated;filter:drop-shadow(0 8px #446d6147)}.intro p{color:#65806b;margin:0 0 16px;font-weight:600}.auth-art{width:240px;max-width:100%;image-rendering:pixelated}.auth h1{margin-top:10px}.auth form{text-align:left;margin-top:24px}.auth form .primary{margin-top:12px}h1,h2,.brand,.eyebrow,.primary,.secondary{font-family:Fredoka,Arial,sans-serif}h1{color:#285d43;margin:8px 0 12px;font-size:34px;line-height:1.08}h2{color:#2d664a}.subtle{color:#758675;margin:7px 0 18px;font-size:14px;line-height:1.45}.eyebrow{color:#dc9451;letter-spacing:.14em;font-size:12px;font-weight:700}.topbar{background:#fffaf0;border:2px solid #f5e9d4;border-radius:19px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 13px;display:flex;box-shadow:0 6px 22px #5670531d}.brand{color:#2c6748;white-space:nowrap;font-size:18px;line-height:1}.brand span{color:#e49e61;display:block}.stats{gap:6px;margin-left:auto;display:flex}.stat{background:#edf3dc;border-radius:11px;align-items:center;gap:3px;padding:5px 7px;font-size:14px;font-weight:700;display:flex}.stat img{-o-object-fit:contain;object-fit:contain;width:20px;height:20px;image-rendering:pixelated}.logout{color:#806f60;background:0 0;border:0;padding:5px;font-size:12px;font-weight:700}.logout:hover,.text-button:hover{text-decoration:underline}.coin{image-rendering:pixelated;flex:none;animation:1.1s steps(10,end) infinite coin;display:inline-block}.sprite-stage{justify-content:center;align-items:center;height:155px;margin:4px auto 15px;display:flex;position:relative}.stage-ground{background:#e6ecc8;border-radius:50%;width:210px;height:35px;position:absolute;bottom:4px}.farmer{z-index:1;image-rendering:pixelated;filter:drop-shadow(0 5px #5a654b27);background-repeat:no-repeat;flex:none;position:relative}.farmer.walking{animation:.52s steps(4,end) infinite walk}.form-grid{text-align:left;grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label:last-child{grid-column:1/-1}label{color:#51705d;text-align:left;font-size:13px;font-weight:700;display:block}label span{color:#8fa090;font-weight:500}input:not([type=range]),select{color:#345744;background:#fffef8;border:2px solid #d9e5ce;border-radius:12px;outline:none;width:100%;margin-top:6px;padding:11px 12px}input:focus,select:focus{border-color:#7cae79}.auth label+label{margin-top:16px}.outfit-label{color:#55705d;margin:20px 0 9px;font-size:14px;font-weight:700}.outfit-row{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.outfit-option{text-transform:capitalize;color:#627c68;background:#faf9e9;border:2px solid #e5e9d4;border-radius:13px;flex-direction:column;align-items:center;min-width:88px;padding:5px 9px;font-size:12px;font-weight:700;display:flex}.outfit-option.selected{background:#e4f1d8;border-color:#5fa568;box-shadow:0 3px #83af7a}.primary,.secondary{border:0;border-radius:13px;padding:13px 16px;font-size:17px;font-weight:700;transition:transform .15s,filter .15s}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.primary{color:#fff;background:#4b9d65;box-shadow:0 5px #2e7250}.secondary{color:#fff;background:#eda65a;box-shadow:0 5px #bd783c}.big{padding:14px 24px;font-size:22px}.full{width:100%;margin:14px 0;display:block}.text-button{color:#4c8b67;background:0 0;border:0;margin:14px auto 0;font-weight:700;display:block}.muted-link{color:#98a695;font-size:13px}.notice{color:#775b34;background:#fff3d7;border-radius:10px;margin:15px 0;padding:10px 12px;font-size:13px}.global-notice{margin-top:16px}.timer{color:#2e7555;margin:7px 0;font-family:Fredoka,Arial,sans-serif;font-size:64px;line-height:1}.timer-caption{color:#7e9680;margin:4px 0 18px;font-size:13px}.music{background:#ecf2dd;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:18px 0 20px;padding:9px;font-size:13px;font-weight:700;display:flex}.music button{background:0 0;border:0;font-size:20px}.music input{accent-color:#60a86d;width:95px}.fineprint{color:#9b9588;margin:10px 0;font-size:12px}.reward-total{color:#d89135;justify-content:center;align-items:center;gap:10px;font-family:Fredoka,Arial,sans-serif;font-size:44px;display:flex}.reward-lines{background:#f3f5e6;border-radius:13px;margin:15px 0;padding:12px 17px}.reward-lines div{justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.break-input{max-width:200px;margin:18px auto}.break-clock{color:#398455;font-family:Fredoka,Arial,sans-serif;font-size:42px}.ready{color:#478a57;font-weight:700}.rest-actions{grid-template-columns:1fr 1fr;gap:12px;margin:19px 0;display:grid}.rest-actions button{min-height:62px;padding:9px;font-size:14px}.rest-line{background:#ecf3df;border-radius:12px;padding:13px;font-size:14px}.collection h1{margin-bottom:7px}.shelf{margin:22px 0}.shelf h2{text-transform:capitalize;margin:0 0 7px;font-size:20px}.shelf-items{background:#f4f2df;border-top:4px solid #b8895c;border-radius:5px;flex-wrap:wrap;gap:9px;min-height:97px;padding:10px;display:flex}.shelf-items>p{color:#9ca595;align-self:center;margin:auto;font-size:13px}.pet{text-align:center;color:#52715b;flex-direction:column;align-items:center;width:98px;font-size:11px;font-weight:700;display:flex}.pet img{-o-object-fit:contain;object-fit:contain;width:63px;height:62px;image-rendering:pixelated}.modal-backdrop{z-index:10;background:#243f36a8;justify-content:center;align-items:center;padding:17px;display:flex;position:fixed;inset:0}.gacha-modal,.tutorial{width:min(100%,420px);position:relative}.close{color:#8d9c82;background:0 0;border:0;font-size:28px;position:absolute;top:11px;right:15px}.egg{justify-content:center;align-items:center;height:135px;margin:9px 0;display:flex}.egg img{-o-object-fit:contain;object-fit:contain;max-width:150px;height:100px;image-rendering:pixelated}.egg.wobble img{animation:.24s ease-in-out infinite alternate wobble}.egg.reveal img{animation:.45s ease-out reveal}.hatched{color:#409467;font-family:Fredoka,Arial,sans-serif;font-size:21px}.hatched span{text-transform:capitalize;color:#b78550;font-size:13px;display:block}.gacha-balance{justify-content:center;align-items:center;gap:7px;margin:15px 0;font-size:14px;display:flex}.tutorial h2{margin:12px 0;font-size:26px}.tutorial p{color:#6a806d;line-height:1.5}.steps{justify-content:center;gap:7px;margin:24px 0;display:flex}.steps span{background:#d8e5d0;border-radius:50%;width:9px;height:9px}.steps .active{background:#51a368}@keyframes coin{to{background-position:var(--coin-end) 0}}@keyframes walk{to{background-position:-512px 0}}@keyframes wobble{0%{transform:rotate(-13deg)}to{transform:rotate(13deg)}}@keyframes reveal{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes flow{50%{background-position:100% 100%}}@keyframes float{50%{transform:translate(25px,35px)}}@media (max-width:390px){.card{padding:21px 19px}.brand{font-size:15px}.stat{padding:4px;font-size:12px}.topbar{gap:4px}.rest-actions{gap:8px}}.egg-sprite{width:128px;height:128px;image-rendering:pixelated;background-repeat:no-repeat;background-size:384px 128px}.egg.wobble .egg-sprite{animation:.24s ease-in-out infinite alternate wobble,.72s steps(3,end) infinite eggFrames}@keyframes eggFrames{to{background-position:-384px 0}}