:root{--cream:#fff8ea;--panel:#fffaf1;--panel2:#fff1d9;--edge:#e6c391;--edge-d:#c99a5e;--brown:#6b4426;--brown2:#8a5a3a;--muted:#a3825f;--green:#7cc84a;--green-d:#4f9a2e;--orange:#ffb043;--orange-d:#cf7d1f;--red:#ff7b6b;--red-d:#c4473a;--blue:#5cb6ff;--blue-d:#2f7fc7;--pink:#ff9cbd;--pink-d:#d6628c;--yellow:#ffd84d;--yellow-d:#c9a020;--grey:#eee3d1;--grey-d:#bba88b;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font:"Fredoka", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--brown);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#86bf55;margin:0;overflow:hidden}img{-webkit-user-drag:none}button{color:inherit;font-family:inherit}input{-webkit-user-select:text;user-select:text;font-family:inherit}#game{position:fixed;inset:0}#game canvas{display:block;position:absolute;top:0;left:0}#tint{pointer-events:none;mix-blend-mode:multiply;z-index:1;transition:background 1s linear;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.fx-layer,#ui>.toasts,#ui>.hud,#ui>.mode-bar{pointer-events:none}body.mode-place #ui>.place-bar,body.mode-pick #ui>.pick-bar{pointer-events:auto}.ic{width:26px;height:26px;display:block}.ic-s{vertical-align:-4px;width:20px;height:20px;display:inline-block}.muted{color:var(--muted)}.center{text-align:center}.row{align-items:center;display:flex}.gap{gap:10px}.btn{--c:var(--green);--d:var(--green-d);appearance:none;border:2.5px solid var(--d);background:var(--c);color:#fff;letter-spacing:.2px;cursor:pointer;min-height:46px;box-shadow:0 4px 0 var(--d), inset 0 3px 0 #ffffff59;text-shadow:0 1.5px #0000002e;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:17px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--d), inset 0 3px 0 #ffffff59;transform:translateY(3px)}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{filter:grayscale(.75)opacity(.6);cursor:default}.btn.orange{--c:var(--orange);--d:var(--orange-d)}.btn.red{--c:var(--red);--d:var(--red-d)}.btn.blue{--c:var(--blue);--d:var(--blue-d)}.btn.pink{--c:var(--pink);--d:var(--pink-d)}.btn.yellow{--c:var(--yellow);--d:var(--yellow-d);color:var(--brown);text-shadow:none}.btn.grey{--c:var(--grey);--d:var(--grey-d);color:var(--brown);text-shadow:none}.btn.ghost{background:var(--panel);color:var(--d);text-shadow:none}.btn.small{border-radius:13px;flex:none;min-height:44px;padding:6px 12px;font-size:15px}.btn.wide{flex:none;width:100%}.btn.big{border-radius:20px;min-height:58px;font-size:21px}.btn.round{border-radius:50%;flex:none;width:58px;height:58px;min-height:58px;padding:0;font-size:26px}.icon-btn{cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;font-size:18px}.hud{padding:calc(var(--sat) + 8px) calc(var(--sar) + 8px) 0 calc(var(--sal) + 8px);pointer-events:none;align-items:flex-start;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-lvl{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;padding:0;display:flex}.lvl-star{z-index:2;filter:drop-shadow(0 3px #6b442640);width:50px;height:50px;position:relative}.lvl-star-ic{width:50px;height:50px;display:block}.lvl-num{color:#8a5a10;place-items:center;padding-top:4px;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.xp{background:var(--panel);border:2.5px solid var(--edge);border-radius:0 14px 14px 0;min-width:74px;margin-left:-14px;padding:4px 10px 4px 18px;box-shadow:0 3px #6b44262e}.xp-bar{background:#f0dfc2;border:1.5px solid #e2c597;border-radius:6px;height:10px;overflow:hidden}.xp-bar i{background:linear-gradient(#ffe27a,#ffbf2e);border-radius:6px;height:100%;transition:width .5s;display:block}.xp-text{color:var(--muted);text-align:center;margin-top:1px;font-size:10.5px;font-weight:600;line-height:1.2;display:block}.pills{flex:1;justify-content:center;gap:6px;min-width:0;display:flex;pointer-events:none!important}.pills>*{pointer-events:auto}.pill{background:var(--panel);border:2.5px solid var(--edge);border-radius:20px;align-items:center;gap:4px;min-width:0;height:38px;padding:0 12px 0 4px;font-size:17px;font-weight:700;display:flex;box-shadow:0 3px #6b44262e}.pill .ic{flex:none;width:30px;height:30px}.pill b{white-space:nowrap;font-weight:700}.pill.bump{animation:.45s bump}.catch{animation:.35s bump}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1)}}.hud-right{flex:none;gap:6px;display:flex}.hud-clock,.hud-gear{background:var(--panel);border:2.5px solid var(--edge);cursor:pointer;border-radius:22px;justify-content:center;align-items:center;gap:4px;min-width:44px;height:44px;padding:0 8px;font-size:14px;font-weight:600;display:flex;box-shadow:0 3px #6b44262e}.hud-gear{width:44px;padding:0}.hud-gear .ic{width:28px;height:28px}.clock-ic{width:26px;height:26px;animation:30s linear infinite spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}@media (width<=480px){.hud-clock span{display:none}.hud-clock{width:44px;padding:0}.pill{height:36px;padding-right:9px;font-size:15px}.pill .ic{width:26px;height:26px}.xp{min-width:62px;padding-right:7px}.pills{gap:4px}}@media (width<=370px){.xp{display:none}}.nav{width:min(100%,640px);padding:8px calc(var(--sar) + 6px) calc(var(--sab) + 8px) calc(var(--sal) + 6px);background:var(--panel);border:3px solid var(--edge);border-bottom:none;border-radius:26px 26px 0 0;gap:2px;transition:transform .3s cubic-bezier(.3,1.4,.6,1);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px #6b44261f,0 -10px 30px #5032141f}.nav-btn{cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-width:44px;min-height:60px;padding:2px 0;transition:background .15s,transform .1s;display:flex;position:relative}@media (hover:hover){.nav-btn:hover{background:var(--panel2)}}button:focus{outline:none}button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.nav-btn:active{transform:scale(.92)}.nav-ic{place-items:center;width:38px;height:38px;display:grid}.nav-ic .ic{filter:drop-shadow(0 2px #6b44262e);width:34px;height:34px;transition:transform .2s}@media (hover:hover){.nav-btn:hover .nav-ic .ic{transform:translateY(-2px)rotate(-4deg)}}.nav-label{white-space:nowrap;font-size:12px;font-weight:600}.nav-btn.collect .nav-ic{border:2.5px solid var(--green-d);width:44px;height:44px;box-shadow:0 3px 0 var(--green-d);background:linear-gradient(#a6e07a,#7cc84a);border-radius:50%;margin-top:-14px}.nav-btn.collect .nav-ic .ic{width:30px;height:30px}.nav-btn[data-badge]:not([data-badge=""]):after{content:attr(data-badge);background:var(--red);color:#fff;border:2px solid #fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;animation:1.6s infinite bump;display:grid;position:absolute;top:-10px;right:calc(50% - 30px)}.nav-btn.soon .nav-ic,.nav-btn.soon .nav-label{filter:grayscale();opacity:.5}.soon-tag{background:var(--yellow);color:var(--brown);border:1.5px solid var(--yellow-d);border-radius:6px;padding:1px 5px;font-size:9.5px;font-weight:700;position:absolute;top:2px;right:50%;transform:translate(26px)rotate(12deg)}@media (width<=420px){.nav{gap:0;padding-left:4px;padding-right:4px}.nav-label{font-size:10.5px}.nav-ic .ic{width:30px;height:30px}.soon-tag{font-size:8.5px;transform:translate(20px)rotate(12deg)}}.sheet-wrap{z-index:30;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#462d1447;animation:.2s fade;position:absolute;inset:0}.sheet{background:var(--panel);border:3px solid var(--edge);width:100%;max-height:min(78vh,720px);padding-bottom:var(--sab);background-image:radial-gradient(circle at 12px 12px,#e6c3912e 2px,#0000 2.5px);background-size:22px 22px;border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;animation:.32s cubic-bezier(.25,1.3,.5,1) sheet-in;display:flex;position:relative;box-shadow:0 -8px 30px #50321440}.sheet.tall{height:min(78vh,720px)}.sheet-wrap.closing .sheet{animation:.2s forwards sheet-out}.sheet-wrap.closing .sheet-backdrop{animation:.2s reverse forwards fade}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-out{to{transform:translateY(105%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet-grip{background:var(--edge);border-radius:3px;width:48px;height:5px;margin:8px auto 0}.sheet-head{align-items:center;gap:10px;padding:6px 12px 8px 18px;display:flex}.sheet-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:24px;font-weight:700;overflow:hidden}.sheet-icon{object-fit:contain;filter:drop-shadow(0 2px #6b442626);width:40px;height:40px}.sheet-x{border:2.5px solid var(--edge);background:var(--cream);width:44px;height:44px;color:var(--brown2);cursor:pointer;border-radius:50%;font-size:18px;font-weight:700;box-shadow:0 3px #6b442626}.sheet-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;padding:4px 16px 18px;overflow-y:auto}.sheet-body>*+*{margin-top:12px}.sheet-body p{margin:0;line-height:1.35}@media (width>=760px){.sheet-wrap{align-items:center}.sheet{border-bottom:3px solid var(--edge);border-radius:28px;width:600px;max-height:82vh;animation:.3s cubic-bezier(.25,1.4,.5,1) pop-in}.sheet.tall{height:min(82vh,720px)}.sheet.small{width:440px}.sheet-grip{display:none}.sheet-head{padding-top:14px}.sheet-wrap.closing .sheet{animation:.18s forwards pop-out}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes pop-out{to{opacity:0;transform:scale(.85)}}.tabs{background:var(--panel2);border:2px solid var(--edge);z-index:2;border-radius:18px;gap:6px;padding:5px;display:flex;position:sticky;top:0}.tab{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:13px;flex:1;padding:0 4px;font-size:15px;font-weight:600}.tab.on{color:var(--brown);box-shadow:0 3px 0 var(--edge);background:#fff}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}@media (width<=520px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card{border:2.5px solid var(--edge);cursor:pointer;text-align:center;box-shadow:0 4px 0 var(--edge);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:10px 8px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.card:hover:not(:disabled){box-shadow:0 6px 0 var(--edge);transform:translateY(-2px)}.card:active:not(:disabled){box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.card-art{background:radial-gradient(at 50% 85%,#e8f5d0 0 45%,#0000 46%);place-items:center;width:100%;height:84px;display:grid}.card-art img{object-fit:contain;max-width:100%;max-height:84px}.card-art.chick img{height:74px}.card-name{font-size:16px;font-weight:700;line-height:1.1}.card-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.card-meta .price{color:var(--brown);align-items:center;gap:3px;display:inline-flex}.card-meta .price.poor{color:var(--red-d)}.card-meta .time,.card-meta .count{color:var(--muted);font-size:13px}.card-meta .count.full{color:var(--red-d)}.card-desc{color:var(--muted);font-size:12px;line-height:1.25}.card-lock{color:var(--muted);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.card.locked{cursor:default;background:#f6efe4;border-color:#e2d6c2;box-shadow:0 4px #e2d6c2}.card.locked .card-art img{filter:grayscale()brightness(1.1)opacity(.55)}.card.locked .card-name{color:var(--muted)}.bar{background:#f0dfc2;border:2px solid #dfc497;border-radius:8px;flex:1;height:14px;overflow:hidden}.bar i{background:linear-gradient(#a6e07a,#6cc04a);border-radius:6px;height:100%;transition:width .3s;display:block;box-shadow:inset 0 2px #fff6}.bar.food i{background:linear-gradient(#ffd27a,#ffa53a)}.bar.happy i{background:linear-gradient(#ffb0c8,#ff7ba3)}.bar.xpb i{background:linear-gradient(#ffe27a,#ffbf2e)}.grow-box{border:2.5px solid var(--edge);background:#fff;border-radius:20px;align-items:center;gap:14px;padding:10px 14px;display:flex}.crop-art{object-fit:contain;flex:none;width:84px;height:84px}.grow-info{flex-direction:column;flex:1;gap:6px;display:flex}.grow-info .bar{flex:none}.big-time{font-size:30px;font-weight:700;line-height:1}.recipe{border:2.5px solid var(--edge);box-shadow:0 3px 0 var(--edge);background:#fff;border-radius:20px;padding:10px 12px}.recipe-io{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recipe-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{background:#eef8e2;border:2px solid #c6e3a6;border-radius:14px;align-items:center;gap:3px;padding:3px 9px 3px 4px;font-size:14px;font-weight:600;display:inline-flex}.chip.out{background:#fff6d6;border-color:#f2d68a}.chip.short{color:var(--red-d);background:#ffecea;border-color:#ffbdb4}.chip .ic-s{width:24px;height:24px}.arrow{color:var(--muted);font-size:20px}.obj-actions{margin-top:14px}.hen-list{flex-direction:column;gap:8px;display:flex}.hen-row{border:2.5px solid var(--edge);cursor:pointer;text-align:left;box-shadow:0 3px 0 var(--edge);background:#fff;border-radius:18px;align-items:center;gap:10px;width:100%;min-height:60px;padding:6px 12px 6px 6px;display:flex}.hen-row:active{box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.hen-row.empty{color:var(--muted);box-shadow:none;border-style:dashed;justify-content:center;font-weight:600}.hen-row .plus{font-size:24px;font-weight:700}.hen-pic{background:#f3f9e8;border-radius:14px;width:52px;height:52px}.hen-main{flex:1;min-width:0}.hen-name{align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.lv{background:var(--yellow);color:#7a5a10;border-radius:9px;padding:1px 7px;font-size:12px;font-weight:700}.mini-bars{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:4px 6px;margin-top:3px;font-size:13px;display:grid}.mini-bars .bar{height:10px}.badge{background:var(--panel2);border:1.5px solid var(--edge);border-radius:10px;padding:3px 8px;font-size:12px;font-weight:700}.badge.warn{color:var(--red-d);background:#ffe1dc;border-color:#ffb3a8}.ck-top{align-items:center;gap:14px;display:flex}.ck-portrait{border:3px solid var(--edge);width:108px;height:108px;box-shadow:0 4px 0 var(--edge);background:radial-gradient(circle at 50% 40%,#fffbe8,#e3f3c6);border-radius:26px;flex:none;place-items:center;display:grid}.ck-portrait img{transform-origin:50% 90%;width:96px;height:96px;animation:1.4s ease-in-out infinite idle-bob}.ck-portrait.sad img{filter:grayscale(.5);animation-duration:3s}@keyframes idle-bob{0%,to{transform:scale(1)}50%{transform:scale(1.04,.95)}}.ck-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ck-name-row{align-items:center;gap:4px;display:flex}.ck-name{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:700;overflow:hidden}.ck-breed{align-items:center;gap:6px;font-weight:600;display:flex}.ck-xp{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.ck-xp .bar{height:10px}.ck-desc{font-size:13px}.ck-bars{border:2.5px solid var(--edge);background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ck-bar{grid-template-columns:82px 1fr 34px;align-items:center;gap:8px;font-size:14px;font-weight:600;display:grid}.ck-bar span{text-align:right}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{border:2.5px solid var(--edge);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.stat b{font-size:20px;line-height:1.1}.stat small{color:var(--muted);font-size:12px;font-weight:600}.stat-ic{font-size:16px}.special{text-align:center;color:var(--brown2);font-size:14px}.ck-actions .btn{min-height:54px;font-size:18px}.text-input{border:2.5px solid var(--edge);width:100%;min-height:48px;color:var(--brown);background:#fff;border-radius:14px;outline:none;padding:8px 14px;font-size:17px;font-weight:500}.text-input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ffb04340}.barn-head{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;display:grid}@media (width<=520px){.inv-grid{grid-template-columns:repeat(2,1fr)}}.inv-card{border:2.5px solid var(--edge);box-shadow:0 4px 0 var(--edge);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:3px;padding:8px;display:flex}.inv-top{position:relative}.inv-top img{width:56px;height:56px;display:block}.inv-n{background:var(--brown2);color:#fff;border:2px solid #fff;border-radius:10px;padding:1px 7px;font-size:13px;font-weight:700;position:absolute;bottom:-2px;right:-18px}.inv-name{font-size:15px;font-weight:700}.inv-price{align-items:center;gap:3px;font-weight:700;display:flex}.inv-price .trend{font-size:11px}.inv-price.up .trend{color:var(--green-d)}.inv-price.down .trend{color:var(--red-d)}.inv-btns{gap:6px;width:100%;margin-top:4px;display:flex}.inv-btns .btn{flex:1;min-height:44px;padding:4px 6px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:20px}.empty img{width:90px;animation:1.4s ease-in-out infinite idle-bob}.supply{border:2.5px solid var(--edge);box-shadow:0 4px 0 var(--edge);background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.supply-ic{width:56px;height:56px}.supply-main{flex:1;min-width:140px;font-size:14px}.supply-main b{font-size:17px}.supply-btns{gap:6px;display:flex}.supply-btns .btn{min-width:54px}.flock-head{justify-content:space-between;font-weight:600}.build-modes .btn{font-size:15px}.confirm-text{text-align:center;padding:6px 0 4px;font-size:17px}.settings-user{align-items:center;gap:8px;font-size:20px;display:flex}.stats-line{font-size:14px}.sheet-body .btn.wide+.btn.wide{margin-top:10px}.mode-bar{left:50%;bottom:calc(var(--sab) + 12px);background:var(--panel);border:3px solid var(--edge);pointer-events:none;border-radius:36px;align-items:center;gap:10px;width:min(100% - 20px,520px);padding:8px;transition:transform .3s cubic-bezier(.3,1.4,.6,1);display:flex;position:absolute;transform:translate(-50%,160%);box-shadow:0 6px #6b442633,0 10px 30px #50321433}.place-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.place-info>img{object-fit:contain;width:48px;height:48px}.place-info b{font-size:17px;display:block}.place-price,.place-hint{font-size:14px;font-weight:600}.pick-bar{padding-left:20px}.pick-text{flex:1;font-size:16px;font-weight:700}body.mode-place .place-bar,body.mode-pick .pick-bar{pointer-events:auto;transform:translate(-50%)}body.mode-place .nav,body.mode-pick .nav{transform:translate(-50%,130%)}.toasts{top:calc(var(--sat) + 66px);z-index:60;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}.toast{background:var(--panel);border:2.5px solid var(--edge);text-align:center;border-radius:18px;max-width:min(92vw,440px);padding:9px 16px;font-size:15px;font-weight:600;animation:.35s cubic-bezier(.3,1.5,.6,1) toast-in;box-shadow:0 4px #6b44262e,0 8px 24px #5032142e}.toast.error{color:#a8392d;background:#fff0ed;border-color:#ffb3a8}.toast.good{color:#3f7a24;background:#f1fbe6;border-color:#b9e09a}.toast.out{opacity:0;transition:all .3s;transform:translateY(-10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.9)}to{opacity:1;transform:none}}.fx-layer{z-index:40;position:fixed;inset:0;overflow:hidden}.float-text{white-space:nowrap;color:#fff;text-shadow:0 2px #7a4a22,2px 0 #7a4a22,-2px 0 #7a4a22,0 -2px #7a4a22,1.5px 1.5px #7a4a22,-1.5px 1.5px #7a4a22,1.5px -1.5px #7a4a22,-1.5px -1.5px #7a4a22,0 5px #50280a4d;font-size:21px;font-weight:700;animation:1.5s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}.float-text.center{color:#ffe066;font-size:24px}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}25%{transform:translate(-50%,-65%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.fly{filter:drop-shadow(0 3px 2px #5032144d);position:absolute;top:0;left:0}.confetti{border-radius:3px;width:10px;height:14px;position:absolute;top:-12px}.banner{border:3.5px solid var(--orange-d);box-shadow:0 6px 0 var(--orange-d), 0 16px 40px #5032144d;background:linear-gradient(#fff8e0,#ffe9b0);border-radius:26px;align-items:center;gap:12px;max-width:92vw;padding:12px 24px 12px 14px;animation:.6s cubic-bezier(.3,1.6,.5,1) banner-in;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner img{width:58px;height:58px;animation:6s linear infinite spin-slow}.banner b{color:#b8601a;font-size:30px;line-height:1.05;display:block}.banner span{font-size:15px;font-weight:600}.banner.out{opacity:0;transition:all .4s;transform:translate(-50%,-30px)scale(.9)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-40px)scale(.3)}to{opacity:1;transform:translate(-50%)}}.loading{z-index:90;background:radial-gradient(circle at 50% 40%,#fff8e6,#f7deb0);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex;position:fixed;inset:0}.loading img{width:110px;animation:.6s ease-in-out infinite hop}.loading.out{opacity:0;transition:opacity .4s}@keyframes hop{0%,to{transform:translateY(0)scale(1.05,.95)}50%{transform:translateY(-22px)scale(.97,1.04)}}.login{z-index:80;touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login.leaving{animation:.45s forwards login-out}@keyframes login-out{to{opacity:0;transform:scale(1.08)}}.login-sky{background:linear-gradient(#9fdcff 0%,#cdeeff 45%,#fff3d6 75%);position:absolute;inset:0}.sun{background:radial-gradient(circle,#fff6b0 0 45%,#ffd84d 46% 60%,#ffd84d00 61%);border-radius:50%;width:110px;height:110px;position:absolute;top:-18px;right:-18px;box-shadow:0 0 80px 30px #ffe68c80}.cloud{opacity:.95;background:#fff;border-radius:50px;height:40px;animation:40s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:50px;height:50px;top:-24px;left:18px}.cloud:after{width:36px;height:36px;top:-14px;left:56px}.cloud.c1{width:120px;top:12%;left:-10%}.cloud.c2{width:90px;animation-duration:55s;animation-delay:-20s;top:26%;left:40%;transform:scale(.8)}.cloud.c3{width:140px;animation-duration:65s;animation-delay:-35s;top:6%;left:70%}@keyframes drift{0%{translate:-30vw}to{translate:130vw}}.login-hills{height:40%;position:absolute;bottom:0;left:0;right:0}.hill{border-radius:50%;position:absolute}.hill.h1{background:#9fd46a;width:140%;height:200%;top:10%;left:-60%;box-shadow:inset 0 10px #b6e07f}.hill.h2{background:#86c357;width:130%;height:200%;top:30%;left:20%;box-shadow:inset 0 10px #9fd46a}.login-inner{z-index:2;width:min(92vw,400px);padding:calc(var(--sat) + 10px) 0 calc(var(--sab) + 80px);flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.logo{text-align:center;position:relative}.logo-hen{z-index:2;height:110px;margin-bottom:-26px;position:relative}.logo-hen img{transform-origin:50% 100%;width:116px;animation:.9s ease-in-out infinite hop}.logo-text{letter-spacing:1px;justify-content:center;gap:14px;margin:0;font-size:66px;font-weight:700;line-height:.95;display:flex;transform:rotate(-3deg)}.logo-text span{color:#ffd23f;text-shadow:0 4px #8a4b2a,4px 0 #8a4b2a,-4px 0 #8a4b2a,0 -4px #8a4b2a,3px 3px #8a4b2a,-3px 3px #8a4b2a,3px -3px #8a4b2a,-3px -3px #8a4b2a,0 10px #8a4b2a,0 14px 14px #50280a59}.logo-text span+span{color:#ff7b52}.logo-sub{letter-spacing:3px;text-transform:uppercase;color:#6b4426;background:#fffaf0bf;border-radius:12px;margin-top:18px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.login-card{background:var(--panel);border:3px solid var(--edge);width:100%;box-shadow:0 6px 0 var(--edge), 0 20px 50px #50321433;border-radius:28px;flex-direction:column;gap:12px;padding:18px;display:flex}.login-form{flex-direction:column;gap:10px;display:flex}.or{color:var(--muted);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.or:before,.or:after{content:"";background:var(--edge);border-radius:1px;flex:1;height:2px}.login-err{color:var(--red-d);text-align:center;min-height:18px;font-size:14px;font-weight:600}.small-print{font-size:12px}.login-parade{left:0;right:0;bottom:calc(var(--sab) + 6px);z-index:1;pointer-events:none;height:64px;position:absolute}.parade-hen{width:58px;animation:9s linear infinite parade,.45s ease-in-out infinite hop;position:absolute;bottom:0}@keyframes parade{0%{left:-70px}to{left:105%}}@media (height<=700px){.logo-hen{height:80px}.logo-hen img{width:86px}.logo-text{font-size:52px}.login-parade{display:none}}@media (width>=900px){.hud{padding-top:calc(var(--sat) + 12px);padding-left:14px;padding-right:14px}.pill{height:46px;padding-right:16px;font-size:20px}.pill .ic{width:36px;height:36px}.lvl-star,.lvl-star-ic{width:58px;height:58px}.lvl-num{font-size:21px}.xp{min-width:110px;padding:6px 12px 6px 20px}.xp-text{font-size:12px}.hud-clock,.hud-gear{min-width:50px;height:50px;font-size:16px}.hud-gear{width:50px}.nav-btn{min-height:68px}.nav-label{font-size:13px}}