@import url('/wheat-frame.css');
:root{color-scheme:dark;--bg:#111b17;--panel:#1c2922;--line:#304036;--text:#f5f3e9;--muted:#a2b0a5;--gold:#f1ca83;--green:#a9cda8;--radius:24px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#090f0c;color:var(--text);font-size:15px;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}button svg{pointer-events:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}a{color:inherit}button{background:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.app{width:100%;max-width:440px;min-height:100dvh;margin:auto;background:var(--bg);position:relative;overflow:clip}main{outline:none;min-height:100dvh}.page{padding:24px 24px 108px;animation:appear .25s ease}.page-title{font-size:31px;letter-spacing:-1.2px;line-height:1.1;margin:8px 0 12px;font-weight:750}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:9px;font-weight:700;color:var(--gold)}.muted{color:var(--muted);line-height:1.55}.small{font-size:12px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand img{width:36px;height:36px;border-radius:12px}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.5px}.brand-name span{color:var(--gold)}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.5px;margin-top:2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{border:1px solid var(--line);padding:7px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);white-space:nowrap}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:#aacd9a}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff08;border:1px solid var(--line);flex-shrink:0}.button{min-height:54px;border-radius:16px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.button:active{transform:scale(.975)}.button.primary{background:var(--gold);color:#282414;box-shadow:0 6px 25px #eab64d15}.button.secondary{background:#ffffff06;border:1px solid #ffffff20}.button.text{color:var(--muted);min-height:42px;font-size:12px}.button svg{width:18px;height:18px}.button .end{margin-left:auto}.button+.button{margin-top:10px}.welcome{padding:22px 24px 26px;min-height:100dvh;background:radial-gradient(ellipse at 80% 36%,#43533a42,transparent 55%),var(--bg)}.welcome .topbar{margin-bottom:35px}.welcome-head{text-align:center}.welcome h1{font-size:41px;letter-spacing:-1.9px;line-height:1.09;font-weight:740;margin:14px 0 13px}.welcome h1 em{font-style:normal;color:var(--gold)}.welcome-head .muted{font-size:13px;max-width:270px;margin:auto}.hero-art{height:315px;position:relative;margin:8px -24px 4px;isolation:isolate;overflow:hidden}.hero-glow{position:absolute;width:290px;height:290px;left:50%;top:17px;transform:translateX(-50%);background:radial-gradient(ellipse,#b6cc7240 0,#52694122 40%,transparent 70%);border-radius:50%;z-index:-2}.orbit{position:absolute;border:1px solid #eacb8b15;border-radius:50%;width:296px;height:296px;left:50%;top:15px;transform:translateX(-50%);z-index:-1}.orbit::after{content:"";position:absolute;inset:23px;border:1px dashed #eacb8b15;border-radius:50%}.hero-hen{position:absolute;height:283px;width:212px;object-fit:contain;left:50%;transform:translateX(-50%) rotate(-3deg);top:12px;filter:drop-shadow(0 20px 16px #0007);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 94%,transparent);animation:float-hen 5s ease-in-out infinite}.hero-egg{position:absolute;width:65px;bottom:35px;left:41px;transform:rotate(-14deg);filter:drop-shadow(0 12px 12px #0007)}.hero-chick{position:absolute;width:82px;bottom:23px;right:28px;transform:rotate(10deg);filter:drop-shadow(0 12px 12px #0007)}.hero-label{position:absolute;top:68px;left:24px;font-size:9px;letter-spacing:.8px;padding:8px 11px;background:#24332ae8;border:1px solid #526546;border-radius:30px;transform:rotate(-8deg);color:#e5dab7}.hero-label.right{left:auto;right:16px;top:182px;transform:rotate(8deg)}.hero-spark{position:absolute;color:var(--gold);font-size:23px;right:40px;top:53px}.hero-spark.second{left:51px;right:auto;top:199px;font-size:15px}.welcome-bottom{margin-top:2px}.welcome-foot{display:flex;justify-content:center;gap:14px;font-size:9px;color:#829587;margin:18px 0 5px;letter-spacing:.2px}.welcome-foot span+span::before{content:"·";margin-right:14px}.login-note{font-size:12px;text-align:center;color:var(--muted);margin-top:18px}.inline-link{padding:5px;color:var(--gold);font-weight:600;font-size:inherit}.auth-page{padding:22px 24px 36px}.auth-header{margin-bottom:35px}.auth-art{width:66px;height:66px;object-fit:contain;margin:0 auto 13px;filter:drop-shadow(0 5px 15px #e7bb5c22)}.auth-heading{text-align:center;margin-bottom:27px}.auth-heading h1{font-size:30px;letter-spacing:-1px;margin-bottom:10px}.auth-heading p{font-size:13px}.field{display:block;margin-bottom:17px}.field>span{display:block;color:#c9d0c8;font-size:11px;font-weight:600;margin-bottom:8px}.field input{width:100%;min-width:0;height:51px;border:1px solid #354338;border-radius:13px;background:#19241e;color:var(--text);padding:0 14px;font-size:14px;outline:none}.field input:focus{border-color:var(--gold)}.field input::placeholder{color:#758779}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.eye{position:absolute;right:5px;top:5px;width:42px;height:41px;display:grid;place-items:center;color:var(--muted)}.field-hint{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:6px}.form-error{border-radius:12px;background:#6c34232a;color:#f6ae8f;font-size:12px;padding:12px;margin-bottom:14px;line-height:1.5}.privacy-note{display:flex;align-items:flex-start;gap:8px;margin:17px 8px 8px;color:#8f9f91;font-size:10px;line-height:1.6}.privacy-note svg{width:15px;flex-shrink:0}.preview-ribbon{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;margin:0 -24px 23px;background:#dac2890b;border-top:1px solid #dac28918;border-bottom:1px solid #dac28918;color:#d7c8a4;font-size:10px}.preview-ribbon button{color:var(--gold);font-size:10px;text-decoration:underline}.greeting{font-size:12px;color:var(--muted)}.avatar{width:43px;height:43px;border:1px solid #627357;border-radius:15px;background:#2c3c2c;color:var(--gold);font-weight:700;display:grid;place-items:center}.farm-top{margin-bottom:24px}.farm-title{font-size:28px;letter-spacing:-.8px;margin-top:5px}.balance{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#24352a,#1d2a22);border:1px solid #41513b;border-radius:20px;padding:18px 20px}.balance small{font-size:10px;color:#b7c1b1}.balance-amount{font-size:36px;line-height:1.1;font-weight:700;letter-spacing:-1px;margin-top:7px}.balance-amount span{font-size:11px;letter-spacing:0;color:var(--gold);font-weight:500;margin-left:7px}.coin-symbol{width:51px;height:51px;border:1px solid #f4d99e;border-radius:50%;background:linear-gradient(125deg,#ebc985,#a37a34);box-shadow:inset 0 0 0 5px #ead196,inset 0 0 0 6px #a98647;color:#675123;display:grid;place-items:center;font-size:24px;font-weight:800;transform:rotate(-18deg)}.pet-stage{position:relative;text-align:center;height:333px;margin:16px -24px 0;overflow:hidden}.pet-stage::before{content:"";position:absolute;inset:24px 35px 55px;background:radial-gradient(ellipse,#6880443b,transparent 65%);border:1px solid #b9c5940c;border-radius:50%}.pet-stage::after{content:"";position:absolute;width:130px;height:18px;border-radius:50%;background:#0007;filter:blur(8px);bottom:59px;left:50%;transform:translateX(-50%)}.stage-badge{position:relative;z-index:1;display:inline-block;padding:7px 12px;border-radius:20px;border:1px solid #d8c39435;color:#d5c59d;font-size:9px;letter-spacing:1.6px;margin-top:8px}.pet-button{display:block;position:relative;width:220px;height:235px;margin:0 auto;z-index:2}.pet-button img{height:213px;width:163px;object-fit:contain;margin:auto;filter:drop-shadow(0 13px 17px #0005);animation:egg-idle 5s ease-in-out infinite}.stage-caption{position:relative;z-index:3;font-size:21px;letter-spacing:-.6px;font-weight:650;margin-top:0}.stage-sub{position:relative;z-index:3;color:var(--muted);font-size:11px;margin-top:6px}.section-header{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.section-header h2{font-size:17px;letter-spacing:-.4px}.section-header button{font-size:11px;color:var(--gold);display:flex;align-items:center;gap:5px}.section-header svg{width:14px;height:14px}.mini-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{min-width:0;border:1px solid #3c4937;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#46543738,transparent),#1b271f;padding:9px 7px 12px;text-align:center}.mini-card img{height:82px;width:100%;object-fit:contain;transition:transform .2s}.mini-card:hover img{transform:translateY(-4px)}.mini-card span{font-size:9px;color:#c3cbbd;display:block;margin-top:5px}.mini-card small{font-size:8px;color:var(--gold);margin-top:5px;display:block}.info-card{border:1px solid #304035;border-radius:17px;padding:16px;display:flex;gap:12px;margin-top:20px;background:#19251e}.info-card>svg{color:var(--gold);flex-shrink:0;width:19px;height:19px}.info-card h3{font-size:12px;margin-bottom:5px}.info-card p{font-size:11px;line-height:1.6;color:var(--muted)}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #324035;background:#152019f2;backdrop-filter:blur(18px);padding:10px 12px max(12px,env(safe-area-inset-bottom))}.nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:7px 0;border-radius:13px;color:#849487;font-size:9px}.nav-item.active{color:var(--gold);background:#ecd09109}.nav-item.active svg{stroke-width:2}.nav-item svg{width:21px;height:21px}.collection-heading{margin:30px 0 22px}.collection-heading p{font-size:12px;max-width:290px}.collection-count{border:1px solid #3b4b35;display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:15px;font-size:11px;color:#b1bea8;margin-bottom:23px}.collection-count strong{font-size:18px;color:var(--gold)}.filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -24px 20px;padding:0 24px}.filter{padding:10px 15px;border-radius:25px;border:1px solid #354332;font-size:11px;color:#a5b2a2;white-space:nowrap}.filter.active{background:var(--gold);color:#242718;border-color:var(--gold);font-weight:700}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collection-card{text-align:left;padding:0;overflow:hidden;border:1px solid #354233;border-radius:20px;background:#1a271f}.collection-card-art{height:151px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#73805223,transparent 75%)}.collection-card-art img{width:116px;height:126px;object-fit:contain;transition:transform .2s}.collection-card:hover .collection-card-art>img{transform:scale(1.05)}.collection-card .card-chip{position:absolute;top:10px;left:10px;font-size:8px;border-radius:10px;padding:4px 6px;color:#d5c79d;background:#e6d5a510}.collection-card-text{padding:0 12px 14px}.collection-card-text h3{font-size:12px;font-weight:600;line-height:1.3}.collection-card-text p{font-size:9px;color:#9cab96;margin-top:5px}.collection-card-text .card-line{width:21px;height:2px;border-radius:2px;background:var(--gold);margin:11px 0 0}.profile-card{text-align:center;background:radial-gradient(ellipse at top,#56664224,transparent),#1b281f;border:1px solid #3a4a35;border-radius:24px;padding:25px 18px;margin-top:26px}.profile-avatar{width:78px;height:78px;margin:0 auto 14px;background:#2e422e;border:1px solid #657450;border-radius:25px;color:var(--gold);display:grid;place-items:center;font-size:26px;font-weight:650}.profile-card h2{font-size:23px;letter-spacing:-.6px;overflow-wrap:anywhere}.profile-card p{font-size:12px;margin:7px 0 13px;color:var(--muted);overflow-wrap:anywhere}.profile-details{margin:26px 0;border:1px solid #354533;border-radius:18px;padding:0 16px}.detail-row{display:flex;gap:20px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #354533;font-size:12px}.detail-row:last-child{border:0}.detail-row dt{color:var(--muted)}.detail-row dd{margin:0;max-width:65%;text-align:right;overflow-wrap:anywhere}.logout{margin-top:22px;color:#dac8a5}.sheet{color:var(--text);background:#1a281f;border:1px solid #4b5942;border-bottom:0;border-radius:29px 29px 0 0;padding:35px 25px max(30px,env(safe-area-inset-bottom));width:min(100%,440px);max-width:440px;max-height:88dvh;margin:auto auto 0;overflow-y:auto}.sheet::backdrop{background:#020805bb;backdrop-filter:blur(7px)}.sheet-close{position:absolute;top:15px;right:16px;z-index:3;width:34px;height:34px}.sheet h2{font-size:25px;letter-spacing:-.7px;line-height:1.15;margin:10px 0 12px}.sheet p{font-size:13px;line-height:1.7;color:var(--muted)}.sheet-art{height:245px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#a7c37522,transparent 68%)}.sheet-art img,.sheet-art canvas{max-height:232px;max-width:230px;object-fit:contain}.sheet-art img{position:absolute}.sheet-art canvas{position:relative}.detail-tag{color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.detail-footer{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:20px;color:#9eb68e;font-size:10px}.detail-footer svg{width:14px;height:14px}.install-steps{list-style:none;padding:0;counter-reset:step;margin:24px 0}.install-steps li{counter-increment:step;display:flex;gap:12px;align-items:center;margin-bottom:17px;color:#ccd4c5;font-size:12px;line-height:1.6}.install-steps li::before{content:counter(step);min-width:29px;height:29px;border:1px solid #5c6d47;border-radius:50%;display:grid;place-items:center;color:var(--gold)}.toast{position:fixed;left:50%;transform:translate(-50%,20px);bottom:100px;width:max-content;max-width:calc(min(440px,100%) - 36px);padding:13px 18px;border-radius:16px;background:#ecdbb8;color:#263324;box-shadow:0 10px 40px #0006;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.hello-icon{margin:12px 0;color:var(--gold)}.install-icon{width:70px;height:70px;border-radius:21px;margin-bottom:20px}.empty{padding:45px 10px;text-align:center;color:var(--muted)}
.pet-button .farm-pet{height:213px;width:163px;object-fit:contain;margin:auto;filter:drop-shadow(0 13px 17px #0005)}.sheet-art .detail-media{max-height:232px;max-width:230px;object-fit:contain}.sheet-art video{position:relative}.hero-hen{object-fit:contain}.hero-hen:not(img){display:block}
@media(min-width:600px){body{background:radial-gradient(ellipse at 50% 30%,#263b2b60,transparent 65%),#080e0b}.app{box-shadow:0 0 90px #0008;border-left:1px solid #35402c77;border-right:1px solid #35402c77}.welcome{min-height:100dvh}}
@media(max-width:359px){.page,.auth-page,.welcome{padding-left:18px;padding-right:18px}.welcome h1{font-size:35px}.hero-art{height:285px}.hero-hen{height:263px}.hero-label{font-size:8px;left:16px}.hero-label.right{right:12px}.hero-egg{left:31px}.hero-chick{right:23px;width:70px}.page-title{font-size:28px}.collection-card-art{height:137px}.collection-card-art img{height:115px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes float-hen{0%,100%{transform:translateX(-50%) rotate(-3deg) translateY(0)}50%{transform:translateX(-50%) rotate(-1deg) translateY(-7px)}}@keyframes egg-idle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-4px)}}

.field select{width:100%;min-height:52px;border:1px solid #4b5942;border-radius:14px;background:#1a281f;color:#edf1df;padding:12px;font:inherit}.field select:focus{outline:2px solid #e8c779;outline-offset:2px}.country-preview,.country-detail{display:flex;align-items:center;gap:12px}.country-preview:empty{display:none}.country-preview{padding:5px 12px 15px;color:#e2cea0;font-size:13px}.country-flag{position:relative;display:inline-block;width:56px;height:46px;flex-shrink:0;filter:drop-shadow(1px 3px 3px #0006)}.country-pole{position:absolute;left:4px;top:3px;bottom:0;width:3px;border-radius:3px;background:linear-gradient(90deg,#8c6236,#f5db9d,#a47a46)}.country-pole:before{content:'';position:absolute;top:-3px;left:-2px;width:7px;height:7px;border-radius:50%;background:#f1ce7e}.country-cloth{position:absolute;left:7px;top:4px;width:47px;height:32px;background-size:100% 100%;clip-path:polygon(0 0,20% 3%,40% 10%,60% 10%,80% 3%,100% 0,95% 47%,100% 90%,80% 94%,60% 100%,40% 99%,20% 92%,0 90%);transform:skewY(-5deg)}.avatar{position:relative}.avatar .country-flag{position:absolute;right:-10px;bottom:-17px;transform:scale(.57);transform-origin:bottom right;pointer-events:none}.country-detail{justify-content:flex-end}

.admin-page h1{margin:18px 0}.admin-page h2{margin:22px 0 12px;font-size:19px}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.admin-stats>div{padding:14px 5px;background:#273728;border-radius:14px;text-align:center;overflow-wrap:anywhere}.admin-stats b,.admin-stats small{display:block}.admin-stats small{font-size:10px;color:#bdc7b5;margin-top:6px}.admin-note{font-size:12px;line-height:1.6;color:#d2c59d;margin:14px 0}.admin-person{display:flex;gap:8px;width:100%;max-width:100%;text-align:left;padding:14px 8px;border:1px solid #45563b;background:#1c2c22;border-radius:16px;margin:10px 0;color:#e6eadb;box-sizing:border-box}.admin-person>span:last-child{min-width:0;flex:1}.admin-person b,.admin-person small{display:block;overflow-wrap:anywhere}.admin-person small{font-size:11px;line-height:1.6;color:#bbc7b0}.admin-tree-row{border-left:2px solid #967b49;padding-left:8px;margin:12px 0}.admin-tree-row>small{font-size:11px;color:#dac58b}.admin-tree-row .admin-person{width:calc(100% - 32px)}

.admin-bonuses h3{font-size:14px;margin:20px 0 8px}.admin-bonus-row{border:1px solid #44563b;border-radius:12px;padding:12px;margin:8px 0;font-size:13px;overflow-wrap:anywhere}.admin-bonus-row small{display:block;color:#b8c7ab;font-size:11px;line-height:1.7}.admin-bonus-row p{font-size:12px;line-height:1.6;margin:8px 0 0}

.sandbox-warning{border:1px solid #d3a656;background:#473d20;padding:12px;border-radius:12px;color:#ffe5a6!important;font-size:12px!important}.sandbox-admin{margin-top:30px;padding-top:18px;border-top:1px solid #566545}.field textarea{width:100%;background:#18281d;color:#edf1df;border:1px solid #69744f;border-radius:12px;padding:12px;font:inherit}.sandbox-admin h3{margin:18px 0 10px}#sandbox-confirm label{display:flex;gap:10px;align-items:center;font-size:14px;margin:15px 0}#sandbox-confirm button{width:100%}

.sandbox-verified{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:14px}.sandbox-verified input{width:20px;height:20px;accent-color:#d8b561}

/* Keep collection labels outside the artwork, including narrow screens. */
.collection-card{display:flex;flex-direction:column;min-width:0}
.collection-card-art{height:auto;min-height:175px;width:100%;display:flex;flex-direction:column;gap:10px;padding:12px 10px 8px;overflow:hidden}
.collection-card .card-chip{position:static;align-self:flex-start;flex:none;max-width:100%;line-height:1.4}
.collection-card-art img{display:block;flex:none;width:116px;max-width:100%;height:126px;object-fit:contain}
.collection-card-text{width:100%;padding:10px 12px 14px}
.collection-card-text h3{overflow-wrap:anywhere}
@media(max-width:359px){.collection-card-art{min-height:164px}.collection-card-art img{height:115px}}