.quantity-icons{display:inline-flex;vertical-align:middle;gap:2px;margin-left:9px}.quantity-icons .icon{width:26px;height:30px}
.notification-list{display:grid;gap:12px;max-height:55dvh;overflow:auto;padding:3px 5px 8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b58a52 #fff4db}
.notification-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px;border:1px solid #dfc391;border-radius:18px;background:linear-gradient(135deg,#fffdf3,#fff1d4);box-shadow:0 3px 0 #a47b3520;text-align:left}
.notification-row>.illustrated-avatar,.notification-pop>.illustrated-avatar{width:56px;height:56px;object-fit:cover;border-radius:50%;border:3px solid #fffdf3;box-shadow:0 0 0 1px #d5b373}
.notification-copy{display:grid;gap:4px;min-width:0}.notification-copy>strong{font-size:19px;color:#285c35}.notification-copy p{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.notification-copy small{font-size:12px;color:#755d3e}.notification-amount{font-size:18px;color:#27643b;overflow-wrap:anywhere}.notification-receipt{font-size:11px;color:#7a6445;margin-top:5px}.notification-empty{color:#775d3f;line-height:1.5}.notification-list>.icon{width:60px;height:60px;margin:12px auto 0}.notification-list>h2{font-size:22px;text-align:center;margin:0}.notification-list>h2+.notification-empty{text-align:center}
.notification-pop{position:fixed;right:20px;top:88px;z-index:80;display:grid;grid-template-columns:56px minmax(0,1fr);gap:13px;width:min(390px,calc(100vw - 24px));padding:16px;text-align:left;color:#49311c;background:linear-gradient(125deg,#fffdf0,#f9e5b8);border:3px solid #aa7b3e;border-radius:20px;box-shadow:0 7px 25px #35240d45;cursor:pointer}.notification-pop>span{display:grid;gap:5px;min-width:0}.notification-pop strong{font-size:18px;color:#285c35}.notification-pop small{font-size:12px;overflow-wrap:anywhere}.notification-pop small:last-child{color:#84602e;text-decoration:underline}.notification-pop:focus-visible{outline:3px solid #33713e;outline-offset:3px}
.live-activity:has(>.illustrated-avatar){grid-template-columns:32px 1fr auto auto}.live-activity>.illustrated-avatar{width:30px;height:30px;border-radius:50%}
@media(max-width:600px){.notification-row{grid-template-columns:44px minmax(0,1fr);padding:12px;gap:10px}.notification-row>.illustrated-avatar{width:44px;height:44px}.notification-copy>strong{font-size:17px}.notification-copy p{font-size:13px}.notification-amount{font-size:16px}.notification-pop{right:12px;top:12px}.live-activity:has(>.illustrated-avatar){grid-template-columns:30px 1fr auto}.live-activity:has(>.illustrated-avatar)>small{grid-column:2/-1}}
.icon-button.has-unread{position:relative}.icon-button.has-unread:after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border:2px solid #fff6d8;border-radius:50%;background:#e63830}
.garden-pager{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#694223;font-size:clamp(10px,.9vw,16px)}.garden-pager button{min-width:35px;min-height:32px;font-size:22px;padding:0 5px}
.growth-board-content{overflow:auto;scrollbar-width:thin}.garden-growth-board .garden-growth-row strong{overflow-wrap:anywhere}.garden-growth-board .garden-motto{font-size:10px}
.market-price-board{position:absolute;right:17%;bottom:7%;z-index:3;width:19%;padding:12px 15px;background:linear-gradient(12deg,#ecc080,#ffdfaa);border:5px solid #925a2a;outline:2px solid #e6ba79;border-radius:9px;box-shadow:0 5px 0 #643918,0 8px 10px #271c2440;color:#542c13;display:grid;grid-template-columns:1fr 1fr;gap:3px;cursor:pointer;transform:rotate(-2deg);text-align:center}
.market-price-board small,.market-price-board strong,.market-price-board b{grid-column:1/-1}.market-price-board strong{font-size:clamp(19px,1.8vw,32px);color:#175c34}.market-price-board small{font-size:12px}.market-price-board b{font-size:12px;border-top:1px solid #b78651;padding-top:3px}
.farm-price-options{display:grid;gap:12px}.farm-price-option{background:#fff4d9;border:2px solid #d8b77b;border-radius:15px;padding:14px;display:grid;grid-template-columns:40px 1fr 1fr;gap:5px}.farm-price-option .icon{grid-row:1/3;width:36px}.farm-price-option strong{grid-column:2/4;font-size:27px;color:#175c34}
.farm-price-option .basket-usd{font-size:16px}.market-price-board .basket-usd{font-size:14px}
@media(max-width:900px){.market-price-board{left:6%;right:auto;bottom:10%;width:48%;padding:7px;border-width:3px;gap:1px}.market-price-board strong{font-size:19px}.market-price-board small,.market-price-board b{font-size:10px}.market-price-board span,.market-price-board output{font-size:11px}.garden-pager{font-size:13px}}

.garden-growth-board .last-reseed-row strong{font-size:clamp(17px,1.3vw,22px);font-weight:800;line-height:1.15}.garden-growth-board .last-reseed-row .reseed-date{grid-column:2;font-size:10px;font-weight:400;line-height:1.3;color:#806c52;margin-top:4px}.garden-growth-board .last-reseed-row>.icon{grid-row:1/4}

/* Freestanding timber-framed chalkboard, integrated with the market scene. */
.market-price-board{background:url("assets/market-chalkboard.svg") center/100% 100% no-repeat;border:0;outline:0;border-radius:0;box-shadow:none;filter:drop-shadow(2px 7px 3px #24180760);padding:24px 25px 42px;min-height:180px;gap:5px;color:#f6f0d9;transform:rotate(-3deg);text-shadow:0 1px 1px #ffffff30;font-family:inherit;align-content:center}
.market-price-board small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#d9ddbf}.market-price-board strong{font-size:clamp(19px,1.65vw,29px);color:#fff9e8;line-height:1.15;font-weight:800}.market-price-board>span{font-size:14px;color:#f8f2df}.market-price-board .basket-usd{color:#d0d9b9;font-size:13px}.market-price-board b{border-top:1px dashed #eee6c65c;color:#eee7cc;font-size:11px;padding-top:8px;font-weight:500;letter-spacing:.4px}.market-price-board:hover{filter:drop-shadow(2px 9px 5px #24180770) brightness(1.08)}.market-price-board:focus-visible{outline:3px solid #ffda72;outline-offset:3px}
@media(max-width:900px){.market-price-board{padding:18px 20px 30px;min-height:135px;gap:3px}.market-price-board small{font-size:9px;letter-spacing:.7px}.market-price-board strong{font-size:18px}.market-price-board>span,.market-price-board .basket-usd{font-size:11px}.market-price-board b{font-size:10px;padding-top:5px}}

.market-price-board{padding-top:18px;gap:3px}.market-price-board .chalk-turnip{grid-column:1/-1;width:38px;height:42px;justify-self:center;object-fit:contain;opacity:.93;filter:drop-shadow(0 0 .5px #f4efd680)}
@media(max-width:900px){.market-price-board .chalk-turnip{width:27px;height:30px}.market-price-board{padding-top:14px;gap:2px}}

.buy-currency-switch{display:block;margin:9px 0;padding:8px 13px;min-height:44px;border:1px solid #c6a165;border-radius:12px;background:#f5e3be;color:#563b24;font-weight:700;cursor:pointer}.buy-currency-value{display:block;margin:0 0 12px;font-size:16px;font-weight:700;color:#387442;overflow-wrap:anywhere}

.wallet-balance-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:13px 15px;margin:12px 0 18px;border:1px solid #c8d3a1;border-radius:15px;background:linear-gradient(115deg,#eef4d8,#fff6df);color:#365a35}.wallet-balance-card>.icon{grid-column:1;grid-row:1/4;width:28px;height:36px}.wallet-balance-card>span{grid-column:2;font-size:12px}.wallet-balance-card>strong{grid-column:2;font-size:20px;line-height:1.2;overflow-wrap:anywhere}.wallet-balance-card>small{grid-column:2;font-size:10px;color:#74613f}.balance-refresh{grid-column:3;grid-row:1/4;min-height:44px;padding:7px 10px;background:#fff8e7;border:1px solid #b9bf8d;border-radius:10px;color:#496338;font-weight:700;cursor:pointer}@media(max-width:480px){.wallet-balance-card{padding:10px;column-gap:7px}.wallet-balance-card>strong{font-size:17px}.balance-refresh{font-size:11px;padding:6px}}

.purchase-funds{padding:12px 14px;border:1px solid #b4c693;background:#edf4dc;color:#35582e;border-radius:12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.purchase-funds.insufficient{background:#fff0dc;border-color:#d6ac73;color:#804320}

.phantom-open-app{display:block;text-align:center;text-decoration:none;margin-top:10px;background:#7863a9;color:white;min-height:44px;padding:12px;border-radius:12px}

/* A timber sign at the foot of the farm, with live on-chain addresses. */
.farm-transparency{position:relative;isolation:isolate;margin:28px 0 24px;padding:28px 30px;color:#fff2d5;background:url('assets/timber-board.svg') center/100% 100% no-repeat;filter:drop-shadow(0 8px 5px #34210c65);text-shadow:0 1px 2px #351904;box-sizing:border-box}
.farm-transparency:before,.farm-transparency:after{content:'';position:absolute;z-index:-1;top:-11px;width:28px;height:38px;border:3px solid #775325;border-radius:50%;background:repeating-linear-gradient(35deg,#d5b574 0 3px,#a78248 3px 5px)}
.farm-transparency:before{left:32px}.farm-transparency:after{right:32px}
.farm-transparency h2{display:flex;align-items:center;justify-content:center;gap:8px;font-size:23px;margin:0;text-align:center;color:#fff2d5}.farm-transparency h2 .icon{width:29px;height:29px;color:#b8db78}
.transparency-intro{text-align:center;font-size:12px;margin:6px 0 16px;color:#f5dfb2}.transparency-links{display:grid;gap:9px}.transparency-row{display:grid;gap:3px}.transparency-row>span{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#e9cc95;font-weight:800}.transparency-row>a{font:12px/1.5 ui-monospace,monospace;color:#fff5d9;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px;padding:5px 0;min-height:24px}.transparency-row>a:focus-visible,.transparency-details summary:focus-visible{outline:2px solid #ffe8aa;outline-offset:3px}.transparency-details{border-top:1px solid #eecb884a;margin-top:14px;padding-top:6px}.transparency-details summary{cursor:pointer;padding:10px 0;font-weight:700;font-size:13px}.transparency-details p{font-size:12px;line-height:1.65;color:#fff0d2}.transparency-network{display:block;font-size:10px;color:#efd5a5;margin-top:8px;text-align:center}
@media(max-width:600px){.farm-transparency{margin:24px 0 18px;padding:25px 23px}.farm-transparency h2{font-size:21px}.transparency-row>a{font-size:11px}.transparency-details summary{min-height:24px}}

/* Solid timber construction: readable without downloading any decorative asset. */
.farm-transparency{background-color:#83502b;background-image:repeating-linear-gradient(2deg,transparent 0 17px,#49260c20 18px,transparent 20px),linear-gradient(100deg,#925b30,#754322 48%,#9b6337);background-size:auto;border:7px solid #a46a38;border-top-color:#c18a4e;border-bottom-color:#623716;border-radius:14px 10px 16px 9px;box-shadow:inset 0 0 0 2px #e4af6655,inset 0 0 18px #30160465,0 5px 0 #4f2c15,0 10px 14px #34210c55;filter:none;padding:23px 22px}
.farm-transparency:before,.farm-transparency:after{z-index:1;top:9px;width:9px;height:9px;border:1px solid #4c301b;background:radial-gradient(circle at 30% 25%,#e1bc7a,#755333 48%,#382416 80%);box-shadow:0 1px 2px #291506;border-radius:50%}
.farm-transparency:before{left:9px}.farm-transparency:after{right:9px}
.farm-transparency h2{padding:0 3px 5px}.transparency-links{gap:0;background:#48251120;border-top:2px solid #42230f;border-bottom:1px solid #d6a05b70}
.transparency-row{padding:11px 8px;border-top:1px solid #d6a05b70;border-bottom:2px solid #42230f;background:linear-gradient(3deg,#3e21091a,transparent 40%,#edbd7120)}
.transparency-row>a{font-size:12px;color:#fff6df}.transparency-details{border-top:0;margin-top:7px}.transparency-network{color:#ffe6bb}
@media(max-width:600px){.farm-transparency{padding:22px 13px 18px;margin:20px 0;border-width:6px}.farm-transparency h2{font-size:20px}.transparency-row>a{font-size:11px;line-height:1.7}.transparency-intro{font-size:11px}}

.header-tools .header-music{position:relative;flex:0 0 auto;color:#714823;font-size:25px;line-height:1;font-family:Georgia,serif;cursor:pointer;box-shadow:0 2px 4px #492a1630;min-height:0;margin:0}
.header-music.is-muted:after{content:'';position:absolute;width:23px;height:2px;background:#80522d;transform:rotate(-45deg);border:1px solid #fff0d8;border-radius:2px;pointer-events:none}
.header-music:focus-visible{outline:3px solid #347744;outline-offset:3px}
@media(max-width:600px){.header-tools .header-music{font-size:22px}}

/* Keep the wallet controls in a single stable row, profile at the far right. */
body .app-header .header-tools{flex-wrap:nowrap;max-width:none;gap:6px;align-items:center}
body .app-header .header-tools>button{flex-shrink:0}
@media(max-width:600px){
 body .app-header{grid-template-columns:minmax(64px,1fr) auto;column-gap:5px}
 body .app-header .brand{width:clamp(64px,24vw,112px);max-width:100%;margin:0}
 body .app-header .header-tools{gap:4px;max-width:none;align-self:start;padding-top:3px;margin-top:0}
 body .app-header .header-tools .wallet-button{font-size:10px;padding:6px;gap:3px}
 body .app-header .header-tools .wallet-button .icon{width:15px;height:21px}
 body .app-header .header-tools .icon-button,body .app-header .header-tools .profile-button{width:30px;height:30px;min-width:30px}
 body .app-header .main-nav{margin-top:8px}
}

/* Phone marketplace: four fitted crates, with a separate price plaque below. */
@media(max-width:900px){
 body.immersive-page[data-page^=marketplace] .market-stand{top:30%;height:46%;left:10%;width:80%;overflow:hidden;clip-path:inset(0)}
 .market-stand .market-controls{overflow:hidden;min-height:0}.market-controls .basket-grid{flex:1 1 0;height:0;min-height:0;overflow-y:auto;overflow-x:hidden;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;align-items:stretch;contain:layout paint}
 .market-controls .basket-card{height:auto;min-height:0;aspect-ratio:1 / 1}
 .market-controls .basket-card:has(.basket-crate-art) .basket-body{inset:24% 5% 3%;padding:3px;gap:1px}
 .market-controls .basket-who{grid-template-columns:23px minmax(0,1fr);grid-template-rows:22px auto 10px;gap:0 3px}
 .market-controls .basket-who .illustrated-avatar{width:22px;height:22px}
 .market-controls .farmer-name{font-size:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .market-controls .basket-amount{font-size:22px;line-height:1;margin:0}
 .market-controls .basket-unit{font-size:9px}
 .market-controls .basket-who .basket-quantity-icon{width:23px;height:27px}
 .market-controls .basket-total{gap:1px}
 .market-controls .basket-price-pair{gap:2px}.market-controls .basket-price-pair strong{font-size:9px}.market-controls .basket-price-pair .basket-usd{font-size:8px}
 .market-controls .basket-total .compact-button{min-height:30px;height:30px;padding:2px;font-size:13px}
 .market-controls .empty-crate-label strong{font-size:11px}.market-controls .empty-crate-label span{font-size:9px}
 body.immersive-page[data-page^=marketplace] .market-price-board{top:78%;bottom:auto;left:10%;right:auto;width:49%;height:17%;min-height:0;padding:7px 12px 12px;transform:none;grid-template-columns:22px 1fr 1fr;gap:1px 4px}
 .market-price-board .chalk-turnip{grid-column:1;grid-row:1/4;width:22px;height:28px;align-self:center}
 .market-price-board small{display:none}.market-price-board strong{grid-column:2/4;font-size:14px}.market-price-board>span,.market-price-board .basket-usd{font-size:10px}.market-price-board b{grid-column:2/4;font-size:9px;padding-top:1px}
}



@media(max-width:900px){body.immersive-page[data-page^=marketplace] .garden-world .world-base{background-image:url('assets/market-phone-scene-v2.png')}body.immersive-page[data-page^=marketplace] .market-price-board{width:47%}}


@media(max-width:900px){body.immersive-page[data-page^=marketplace] #scene{overflow:hidden}body.immersive-page[data-page^=marketplace] #scene:after{content:'';position:absolute;top:78%;right:-3%;width:52%;height:85vw;background:url('assets/market-lady-cutout.webp') center top/100% auto no-repeat;pointer-events:none}body.immersive-page[data-page^=marketplace] .garden-world .world-base{background-image:url('assets/market-phone-clean.webp')}body.immersive-page[data-page^=marketplace] .market-price-board{left:5%;width:45%}}

/* Garden rewards comparison, parchment table inside a wood-framed window. */
dialog:has(.reward-chart){width:min(1180px,calc(100% - 24px))}.projection-tabs{display:flex;gap:8px;margin:14px 0}.projection-tabs button{flex:1;min-height:44px}.projection-tabs button[aria-pressed=false]{background:#ebd4ac;color:#51361f;border-color:#ba925a}.projection-scroll{overflow:auto;max-height:60dvh;border:5px solid #916035;border-radius:12px;background:#fff5dc}.projection-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1000px;font-size:13px}.projection-table th,.projection-table td{padding:15px 12px;text-align:left;border-bottom:1px solid #d9bb87;border-right:1px solid #e8d0a6;vertical-align:top}.projection-table thead th{background:#694221;color:#fff2d5;position:sticky;top:0;z-index:2}.projection-table tbody th{position:sticky;left:0;background:#f6e6c5;z-index:1;min-width:130px}.projection-table th img{width:30px;height:35px;vertical-align:middle;margin-right:5px}.projection-table td strong{display:block;color:#216739;margin-bottom:6px}.projection-table td span,.projection-table td small{display:block;margin-top:5px}.projection-table td small{color:#705539;font-size:11px}.projection-table tbody tr:nth-child(even) td{background:#f2e6cb}.projection-assumptions{padding:12px;background:#e6edd1;border-radius:10px}.garden-info-cards .scene-paper .action+.action{margin-top:5px}@media(max-width:600px){.projection-tabs{flex-wrap:wrap}.projection-table th,.projection-table td{padding:10px}.projection-table{font-size:12px}.reward-chart p{font-size:12px}}
.projection-personal{padding:14px;background:#e4edcc;border:2px solid #8dae63;border-radius:12px;margin:14px 0}.projection-personal h2{margin:0;font-size:20px}.projection-personal .dialog-input{max-width:320px;margin-bottom:0}.projection-row-note{display:block;font-size:11px;font-weight:normal;margin-top:7px;color:#725638}
.projection-table td .projection-eth{color:#ffc94b;background:linear-gradient(145deg,#594020,#342211);border:1px solid #b98c39;border-radius:8px;padding:9px 10px;font-size:16px;font-weight:800;text-shadow:0 1px 1px #231604;box-shadow:inset 0 1px 0 #f3d58440;margin:7px 0}.projection-table td .projection-available{font-weight:700;color:#65420b}.projection-table td .projection-eth:before{content:'ESTIMATED';display:block;color:#f5dfaa;font-size:9px;letter-spacing:.06em;margin-bottom:4px;font-weight:600;text-shadow:none}
/* Fit two complete square rows in the bounded basket viewport. */
@media(max-width:900px){
 .market-controls .basket-grid{container-type:size;grid-auto-rows:calc((100% - 8px)/2);gap:8px;justify-items:center;scroll-snap-type:y mandatory;scrollbar-width:none;padding:0 0 0;}
 .market-controls .basket-card{width:min(100%,calc(50cqh - 4px));height:auto;aspect-ratio:1;justify-self:center;background:transparent}
 .market-controls .basket-grid{column-gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.immersive-page[data-page^=marketplace] .market-stand{height:45%;padding-bottom:6px}
}
@media(max-width:900px){
 .market-controls .basket-card:nth-child(odd){justify-self:end}.market-controls .basket-card:nth-child(even){justify-self:start}
 .market-stand .stall-title{height:4.5dvh}.market-controls .market-tabs a{min-height:28px}.market-controls .market-toolbar{margin:3px 0}.market-controls .market-tabs{padding:2px}
 .market-controls .basket-card:has(.basket-crate-art) .basket-body{inset:22% 5% 3%;padding:2px;display:flex;flex-direction:column;justify-content:space-between}
 .market-controls .basket-who{grid-template-columns:20px minmax(0,1fr);grid-template-rows:18px 20px 9px}.market-controls .basket-who .illustrated-avatar{width:19px;height:19px}.market-controls .basket-amount{font-size:20px}.market-controls .basket-total .compact-button{min-height:25px;height:25px;font-size:12px}.market-controls .basket-who .basket-quantity-icon{width:20px;height:22px}
}
/* Rewards calculator: full illustrated composition with native live content. */
body .main-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
body[data-page=calculator]{overflow:auto!important;background:#8abe62}
body[data-page=calculator] .garden-world{display:none}
body[data-page=calculator] #page-content{position:relative!important;width:100%!important;height:auto!important;min-height:100vh;margin:0!important;padding:0!important}
body[data-page=calculator] #scene{height:auto!important;min-height:100vh}
body[data-page=calculator] .chain-status{display:none}
.calculator-page{position:relative;min-height:max(100vh,66.67vw);background:url('assets/calculator-scene.png') center top/100% 100% no-repeat;padding:15.3% 23.8% 12% 3.2%;color:#14234d}
.calculator-panel h1{font-size:clamp(19px,2vw,34px);margin:0 0 5px;color:#17245d}.calculator-intro{font-size:clamp(10px,.85vw,15px);margin:0 0 12px}.calculator-form{display:flex;gap:10px;margin:8px 0}.calculator-form .dialog-input{margin:0;min-width:0;flex:1;background:#fff;border-color:#e3e9df}.calculator-form .action{width:24%;background:linear-gradient(#30c883,#009d76);border-color:#36bc89}.calculator-modes{display:flex;gap:8px}.calculator-modes button{font-size:12px;padding:5px 12px;min-height:30px}.calculator-modes [aria-pressed=false]{background:#e8f4e5;color:#285438}.calculator-personal{font-size:11px;margin:7px 0}.calculator-table-scroll{overflow:auto;border-radius:10px;border:2px solid #fff;max-height:54vh}.calculator-table{width:100%;border-spacing:2px;table-layout:fixed;font-size:clamp(10px,1vw,16px);background:#fffdf4}.calculator-table th,.calculator-table td{text-align:center;padding:9px 3px;background:#effaf0;vertical-align:middle;overflow-wrap:anywhere}.calculator-table th:first-child{width:13%}.calculator-table th:nth-child(2){width:14%}.calculator-table td:nth-child(3),.calculator-table td:nth-child(4){background:#e7f5ff}.calculator-table td:nth-child(5),.calculator-table td:nth-child(6){background:#e3faf2}.calculator-table td:nth-child(7){background:#fff1bf;color:#ac3e19}.calculator-table td:nth-child(8){background:#ffe3ed;color:#a7185f}.calculator-table thead th:nth-child(7){background:#fff1bf}.calculator-table thead th:nth-child(8){background:#ffe3ed}.calculator-table small{display:block;font-size:.7em;margin-top:3px;font-weight:normal}.calculator-table td span{display:block;font-size:.8em}.calculator-eth{font-size:1.13em}.calculator-turnips img{width:25%;max-width:32px;vertical-align:middle}.calculator-table .calculator-grown{font-size:9px;color:#396749}.calculator-assumptions{font-size:10px;line-height:1.4;margin:8px 0 0;color:#45583d}.calculator-aside{position:absolute;left:78.2%;top:41%;width:19%;padding:9px;color:#14234d}.calculator-aside h2{font-size:clamp(15px,1.6vw,24px);margin:0 0 8px}.calculator-aside>strong{display:block;font-size:12px;background:#eff8e8;padding:8px;border-radius:8px}.calculator-wallet{padding:10px 0}.calculator-wallet-total{display:block;font-size:clamp(16px,1.6vw,26px);color:#216b40;margin:7px 0}.calculator-wallet-row{display:flex;justify-content:space-between;gap:5px;padding:9px 0;border-bottom:1px solid #e1e8d7;font-size:12px}.calculator-wallet small{font-size:10px;display:block;margin-top:6px}.calculator-buy{border:2px solid #39c5e9;background:linear-gradient(#24d7ef,#009fe3);color:white;border-radius:12px;padding:12px;width:100%;font-size:clamp(13px,1.5vw,22px);font-weight:bold;cursor:pointer}
body[data-page=calculator] .app-header{position:absolute;inset:0 0 auto;height:18vw;z-index:5;display:block;padding:0}
body[data-page=calculator] .brand{position:absolute;left:2%;top:0;width:24%;max-width:none}
body[data-page=calculator] .main-nav{position:absolute;left:26%;top:7vw;width:49%;max-width:none;margin:0;gap:3px}
body[data-page=calculator] .nav-link{font-size:clamp(9px,1vw,15px);height:6.4vw;min-height:0;padding:3px}
body[data-page=calculator] .header-tools{position:absolute;right:2%;top:8px}
@media(max-width:900px){body .main-nav .nav-link{font-size:9px}body[data-page=calculator] .app-header{position:relative;height:145px}body[data-page=calculator] .brand{width:120px!important;top:0}body[data-page=calculator] .header-tools{top:5px;right:8px}body[data-page=calculator] .main-nav{left:2%;width:96%;top:85px}body[data-page=calculator] .nav-link{height:58px;font-size:9px}body[data-page=calculator] #page-content{min-height:0;background:#e9f1d2}.calculator-page{padding:140px 12px 30px;background-size:100% auto;background-position:center top;min-height:0}.calculator-panel{padding:13px;background:#fffef5;border:3px solid #f5dda0;border-radius:15px}.calculator-table{min-width:790px;font-size:13px}.calculator-table-scroll{max-height:65vh}.calculator-aside{position:relative;inset:auto;width:auto;margin-top:16px;padding:16px;background:#fffef5;border:3px solid #f5dda0;border-radius:15px}.calculator-form .action{width:auto;font-size:12px;padding:8px}.calculator-form .dialog-input{font-size:13px;padding:8px}.calculator-aside h2{font-size:22px}.calculator-wallet-total{font-size:26px}.calculator-wallet-row{font-size:14px}.calculator-aside>strong{font-size:14px}.calculator-intro{font-size:12px}}
.calculator-panel{font-family:Arial,sans-serif}.calculator-form{padding-right:27%}.calculator-form .action{width:auto;min-width:120px}.calculator-table-scroll{max-height:none}.calculator-table tbody th{font-size:clamp(13px,1.3vw,20px)}.calculator-table td{height:6vw}.calculator-table small[data-usd-wei]{overflow-wrap:anywhere;line-height:1.3}.calculator-page{padding-top:16.2%}.calculator-assumptions{background:#fffbe8;border-radius:7px;padding:7px}.calculator-table td:nth-child(n+7) .calculator-eth{color:#a63621}.calculator-table td:nth-child(8) .calculator-eth{color:#b71862}@media(max-width:900px){.calculator-form{padding-right:0}.calculator-page{padding-top:140px}.calculator-table-scroll{max-height:65vh}.calculator-table td{height:80px}.calculator-table tbody th{font-size:16px}}
/* Keep the longer calculator label centered and wholly inside its navigation tile. */
body .app-header .main-nav .nav-link[href="#calculator"]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:4px;box-sizing:border-box}
body .app-header .main-nav .nav-link[href="#calculator"]>.icon{flex:0 0 auto;width:27px;height:27px;margin:0}
body .app-header .main-nav .nav-link[href="#calculator"]>span{display:block;width:100%;max-width:120px;font-size:clamp(9px,.85vw,13px);line-height:1.08;text-align:center;overflow-wrap:normal}
@media(max-width:600px){body .app-header .main-nav .nav-link[href="#calculator"]{gap:2px}body .app-header .main-nav .nav-link[href="#calculator"]>.icon{width:21px;height:21px}body .app-header .main-nav .nav-link[href="#calculator"]>span{font-size:8px;line-height:1.05}}
.calculator-bottom-signs{position:absolute;inset:0;pointer-events:none}.calculator-bottom-signs p{position:absolute;bottom:3.5%;height:11%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;text-transform:uppercase;font-weight:800;color:#613315;font-size:clamp(10px,1.1vw,19px);line-height:1.3;text-shadow:0 1px #ffd995;font-family:'Trebuchet MS',sans-serif}.calculator-sign-left{left:2.5%;width:10%;transform:rotate(-7deg)}.calculator-sign-right{right:1.7%;width:11.5%;transform:rotate(-9deg)}
@media(max-width:900px){.calculator-bottom-signs{position:relative;display:flex;gap:14px;margin:25px 4px 5px}.calculator-bottom-signs p{position:relative;inset:auto;flex:1;width:auto;height:auto;min-height:100px;font-size:12px;padding:12px;border:4px solid #935122;border-radius:8px;background:repeating-linear-gradient(3deg,#df9e56 0,#efba75 23px,#cb8843 25px);box-shadow:inset 0 0 0 2px #f8cf8c,0 3px 0 #603917;transform:rotate(-3deg)}.calculator-bottom-signs .calculator-sign-right{transform:rotate(3deg)}}
/* Gold frame identifies the visitor's submitted calculation across all periods. */
.calculator-table .calculator-selected-row>th,.calculator-table .calculator-selected-row>td{border-top:3px solid #d69a22;border-bottom:3px solid #d69a22;box-shadow:inset 0 2px 0 #fff1ad,inset 0 -2px 0 #fff1ad}
.calculator-table .calculator-selected-row>th:first-child{border-left:3px solid #d69a22;border-radius:12px 0 0 12px;background:linear-gradient(135deg,#fff5cb,#ffe19a);color:#563b13}
.calculator-table .calculator-selected-row>td:last-child{border-right:3px solid #d69a22;border-radius:0 12px 12px 0}
.calculator-table .calculator-selected-row>th>small{display:inline-block;background:#8a5a16;color:#fff6d3;padding:4px 7px;border-radius:20px;font-size:10px;font-weight:700;line-height:1.3;margin-top:8px}
.calculator-buy{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:10px 12px;line-height:1.15;text-shadow:0 1px 1px #006486}.calculator-buy-icon{width:38px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 1px #006e8580)}.calculator-buy>span{flex:1;text-align:center}.calculator-buy>.icon{width:16px;height:22px;flex:none;color:#fff}
.calculator-table th .calculator-holding-usd{display:block;color:#387047;font-size:12px;font-weight:700;margin-top:5px}.calculator-table th .calculator-cost-label{font-size:9px;color:#61735d;margin-top:2px}.calculator-table .calculator-selected-row>th>.calculator-holding-usd,.calculator-table .calculator-selected-row>th>.calculator-cost-label{background:none;border-radius:0;padding:0;display:block;color:#765015}
.calculator-modes{flex-wrap:wrap}.calculator-modes button{min-height:36px;white-space:normal}
/* Slightly larger supporting values, with regular weight. */
.calculator-table td>small[data-usd-wei]{font-size:.8em;font-weight:400}
.calculator-table td>.calculator-grown{font-size:10px;font-weight:400}
.calculator-table th>.calculator-holding-usd,.calculator-table .calculator-selected-row>th>.calculator-holding-usd{font-size:13px;font-weight:400}
/* Modest increase for calculator USD estimates and resulting Turnip totals. */
.calculator-table td>small[data-usd-wei]{font-size:.9em;font-weight:400}
.calculator-table td>.calculator-grown{font-size:11px;font-weight:400}
.calculator-table th>.calculator-holding-usd,.calculator-table .calculator-selected-row>th>.calculator-holding-usd{font-size:14px;font-weight:400}
.calculator-table .calculator-turnips-abundant img{width:16.666%;max-width:25px;margin:0;vertical-align:middle}
.calculator-table td>.calculator-result-label{font-size:9px;font-weight:400;line-height:1.2;color:#596552;margin:0 0 4px}
.calculator-schedule{font-size:12px;color:#426238;margin:8px 0}.calculator-table td>small+small.calculator-result-label{margin-top:9px}
.calculator-table.calculator-weekly-pattern{min-width:1900px;table-layout:fixed}.calculator-table.calculator-weekly-pattern th:first-child,.calculator-table.calculator-weekly-pattern th:nth-child(2){width:130px}.calculator-table.calculator-weekly-pattern td.pattern-reseed{background:#e6f5e8;color:#205334}.calculator-table.calculator-weekly-pattern td.pattern-harvest{background:#fff1cd;color:#714810}.calculator-table.calculator-weekly-pattern td .calculator-eth{color:inherit}
.calculator-scenario{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#435b38;margin:9px 0}.calculator-scenario select{padding:7px;border:1px solid #b7cb98;border-radius:8px;background:#f4f9e9;color:#304c29;font:inherit}
.calculator-explanation{margin-top:10px;font-size:11px;color:#526249}.calculator-explanation summary{cursor:pointer;padding:6px 0}.calculator-schedule{background:#eff6e8;border-left:3px solid #91b76d;padding:7px 9px;border-radius:4px;font-size:11px}.calculator-intro{color:#3d613b}
.calculator-table .calculator-extra{display:block;color:#246038;font-size:1.3em;margin:4px 0 8px}.calculator-table .calculator-extra+.calculator-result-label{margin-bottom:3px}.calculator-table td>span.calculator-eth{font-size:1em}
.calculator-table td>.calculator-result-label:has(+.calculator-extra){color:#246038;font-weight:800}
/* Keep the desktop Farm sign on the same centerline as its panels. */
@media(min-width:1051px){body[data-page=farm] .page-footer{margin-left:calc((100% - var(--panel-width))/2 - 6vw)}}

/* Compact branded wallet choices, with one action per wallet. */
.wallet-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wallet-choices .wallet-choice{display:block;padding:0;border:0;background:none;min-width:0}
.wallet-provider-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:146px;padding:17px 8px;border:1px solid;border-radius:18px;box-shadow:0 3px 0 #56341612;font:inherit;transition:background .15s,box-shadow .15s}
.wallet-provider-button img{width:52px;height:52px;object-fit:contain}
.wallet-provider-button strong{font-size:17px}.wallet-provider-button small{font-size:11px;line-height:1.3;color:inherit;opacity:.8}
.wallet-provider-metamask{background:#fff0e7;border-color:#f2b092;color:#661800}
.wallet-provider-phantom{background:#eee9ff;border-color:#baaceb;color:#3c315b}
.wallet-provider-button:hover{box-shadow:0 0 0 2px currentColor}.wallet-provider-button:disabled{opacity:.6}
#dialog-content .wallet-legacy-link{display:block;background:none;border:0;box-shadow:none;padding:3px 0;margin:5px 0 12px;color:#80613d;text-decoration:underline;font-size:12px;min-height:0}
/* Larger phone baskets fill the stall width and scroll within its frame. */
@media(max-width:900px){
 .market-controls .basket-grid{grid-auto-rows:max-content;align-items:start;scroll-snap-type:y proximity;gap:8px 6px;padding-bottom:10px}
 .market-controls .basket-card{width:100%;height:auto;aspect-ratio:1;min-height:0}
}
.farm-price-option.farm-price-million{border:3px solid #d69a22;background:linear-gradient(135deg,#fff5cb,#ffe19a);box-shadow:inset 0 0 0 2px #fff1ad,0 3px 10px #b47a1820}

/* Keep the purchase result close to price protection, without an empty spacer. */
#dialog-content .buy-advanced{margin:10px 0 6px}
#dialog-content .live-buy-preview{padding:0 0 8px}
#dialog-content .buy-receive{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:6px 0 9px;font-size:15px;line-height:1.3}
.buy-receive img{width:28px;height:32px;object-fit:contain}.buy-receive strong{color:#246038;font-size:17px}
#dialog-content .live-buy-preview .purchase-funds{margin:0;padding:10px 12px}
#dialog-content .buy-receive,#dialog-content .buy-receive strong{color:#387442;font-weight:700}

.buy-portions{display:flex;justify-content:flex-end;gap:6px;margin:4px 0 7px}.buy-portion{min-width:42px;min-height:28px;padding:3px 8px;font-size:12px;border:1px solid #b2c78d;border-radius:9px;background:#edf4dc;color:#387442;font-weight:700}.buy-portion:hover{background:#dcebc6}
/* Mobile marketplace gets a taller page; forms retain their own accessible scroll. */
@media(max-width:900px){
 body.immersive-page[data-page^=marketplace]{--mobile-market-height:max(1100px,140dvh);height:auto;min-height:var(--mobile-market-height);overflow-y:auto}
 body.immersive-page[data-page^=marketplace] #page-content{position:relative;inset:auto;height:var(--mobile-market-height)}
 body.immersive-page[data-page^=marketplace] .garden-world{position:absolute;height:var(--mobile-market-height)}
 body.immersive-page[data-page^=marketplace] .garden-world .world-base{height:var(--mobile-market-height)}
 body.immersive-page[data-page^=marketplace] .market-stand{height:46%;padding-bottom:8px}
 .market-stand .market-controls:has(.live-sell),.market-stand .market-controls:has(.listing-identity),.market-stand .market-controls:has(.own-listings-scroll){overflow-y:auto;overflow-x:hidden;display:block;padding:8px;scrollbar-width:thin}
 .market-controls .live-sell{display:block;padding:6px 2px;min-height:0}
 .market-controls .live-sell .dialog-input{width:100%;height:40px;max-height:none;margin:4px 0}
 .market-controls .live-sell .field-label{display:block;margin-top:10px;font-size:12px}
 .market-controls .live-sell .buy-portions{margin:0 0 5px}
 .market-controls .live-sell .currency-switch{margin:3px 0 6px}
 .market-controls .live-sell .wide-action{width:100%;margin:8px 0}
 .market-controls .own-listings-scroll,.market-controls .own-listings-scroll:has(.listing-row){display:block;height:auto;min-height:180px;max-height:none;overflow:visible}
 .market-controls .own-listings-scroll .listing-row{margin:8px 0;min-height:120px;grid-template-columns:1fr 1fr}
 .market-controls .listing-row .listing-basket{width:100%}.market-controls .listing-actions{grid-column:1/-1}
}
#dialog-content form:has(#buy-eth) #buy-eth{margin-bottom:0}
#dialog-content form:has(#buy-eth) .buy-portions{margin-top:2px}
/* Lift the extended mobile scene so its awning stays just below navigation. */
@media(max-width:900px){
 body.immersive-page[data-page^=marketplace]{--market-lift:calc((var(--mobile-market-height) - 100dvh)*.24);min-height:calc(var(--mobile-market-height) - var(--market-lift))}
 body.immersive-page[data-page^=marketplace] #page-content{height:calc(var(--mobile-market-height) - var(--market-lift));overflow:hidden}
 body.immersive-page[data-page^=marketplace] #scene{height:var(--mobile-market-height);top:calc(0px - var(--market-lift))}
 body.immersive-page[data-page^=marketplace] .garden-world{height:calc(var(--mobile-market-height) - var(--market-lift));overflow:hidden}
 body.immersive-page[data-page^=marketplace] .garden-world .world-base{top:calc(0px - var(--market-lift));bottom:auto}
}
/* Keep the mobile label below the produce, on the crate front. */
@media(max-width:900px){.market-controls .basket-card:has(.basket-crate-art) .basket-body{top:32%}}
/* Use the label's spare middle space for the Turnip quantity. */
.market-controls .basket-card:has(.basket-crate-art) .basket-who{flex:1;min-height:0;grid-template-rows:auto 1fr auto;padding-bottom:7px}
.market-controls .basket-card:has(.basket-crate-art) .basket-amount{align-self:end}
.market-controls .basket-card:has(.basket-crate-art) .basket-who .basket-quantity-icon{align-self:end;margin-bottom:2px}
.market-controls .basket-card:has(.basket-crate-art) .basket-total{flex:none}

.market-controls .basket-total .own-basket-button{background:linear-gradient(#d65734,#af3525);border-color:#8f291e;color:#fff6dc;box-shadow:inset 0 2px 0 #ffba8566,0 2px 0 #782418}
.market-controls .basket-total .own-basket-button:hover{background:linear-gradient(#e16942,#bd402b)}
.market-controls .listing-row.listing-selected{border:3px solid #d69a22;background:#fff1c9;box-shadow:inset 0 0 0 2px #fff8df,0 0 0 2px #d69a2233;scroll-margin:14px}

.calculator-table .calculator-turnips-plentiful img{width:20%;max-width:27px;margin:0;vertical-align:middle}

.calculator-table .calculator-wallet-row-highlight>th,.calculator-table .calculator-wallet-row-highlight>td{border-top:3px solid #4795cf;border-bottom:3px solid #4795cf;box-shadow:inset 0 2px 0 #dff4ff,inset 0 -2px 0 #dff4ff}
.calculator-table .calculator-wallet-row-highlight>th:first-child{border-left:3px solid #4795cf;border-radius:12px 0 0 12px;background:linear-gradient(135deg,#e8f7ff,#bcdef7);color:#17466b}
.calculator-table .calculator-wallet-row-highlight>td:last-child{border-right:3px solid #4795cf;border-radius:0 12px 12px 0}
.calculator-table .calculator-wallet-row-highlight>th>small:last-child{display:inline-block;background:#246b9d;color:#fff;padding:4px 7px;border-radius:20px;font-size:10px;font-weight:700;line-height:1.3;margin-top:8px}

.live-farm .farm-buy-blue{background:linear-gradient(#24d7ef,#009fe3);border:2px solid #39c5e9;color:white;box-shadow:inset 0 1px 0 #ffffff50}
.live-farm .farm-buy-blue{display:flex;align-items:center;justify-content:center;gap:2cqw;padding:2px 3cqw;border-radius:2cqw}
.farm-buy-blue>img{width:7cqw;height:8cqw;object-fit:contain}.farm-buy-copy{display:flex;flex-direction:column;align-items:center;gap:.3cqw}.farm-buy-copy strong{font-size:4.3cqw;line-height:1.05}.farm-buy-copy small{font-size:2.3cqw;line-height:1.1}.farm-buy-arrow{position:absolute;right:3cqw;font-size:7cqw;line-height:1}

#dialog-content .purchase-funds:not(.insufficient){padding:8px 11px;font-size:13px;line-height:1.35;border-radius:9px;margin:10px 0;background:#edf4dc;color:#387442}

.main-nav .turnip-lady-nav-face{display:block;border-radius:50%;background:#ffe6a9 url('assets/market-lady-cutout.webp') 50% 25%/170% auto no-repeat;box-shadow:0 0 0 1px #bc8c4b55;flex-shrink:0}
.main-nav .turnip-lady-nav-face{border-radius:0;background:transparent url("assets/turnip-lady-head.webp") center/contain no-repeat;box-shadow:none}

/* A hanging sign in front of offers until the first Farm purchase. */
.market-controls:has(.market-entry-sign){position:relative}
.market-entry-locked .basket-grid{opacity:.4;filter:blur(3px);pointer-events:none;user-select:none}
.market-entry-sign{position:absolute;z-index:8;top:145px;left:50%;transform:translateX(-50%) rotate(-2deg);width:min(88%,360px);box-sizing:border-box;text-align:center;padding:20px 18px 18px;border:6px solid #8e5428;border-radius:15px;background:repeating-linear-gradient(0deg,#efc78c 0,#f9dcaa 48px,#ddb179 50px);box-shadow:0 7px 16px #321a1666,inset 0 0 0 2px #fff1cc;color:#4d2c16}
.market-entry-sign[hidden]{display:none}
.market-entry-sign:before,.market-entry-sign:after{content:'';position:absolute;bottom:calc(100% + 4px);width:4px;height:35px;background:#704422;border-radius:3px;box-shadow:1px 0 0 #edc991}
.market-entry-sign:before{left:18%}.market-entry-sign:after{right:18%}
.market-entry-status{display:inline-block;background:#b5422a;color:#fff5df;border:2px solid #913722;border-radius:5px;padding:4px 18px;font-size:23px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.market-entry-sign h2{font-size:20px;margin:12px 0 6px}.market-entry-sign p{font-size:14px;line-height:1.45;margin:0 0 14px}
.market-entry-visit{display:inline-block;background:linear-gradient(#75bd46,#388e35);color:white!important;border:2px solid #438531;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:inset 0 1px 0 #d5f6b9}
@media(max-width:600px){.market-entry-sign{top:155px;padding:15px 12px;width:90%}.market-entry-sign h2{font-size:18px}.market-entry-sign p{font-size:13px}}

.market-entry-status{background:#f02620;border-color:#bc1714;color:#fff;font-weight:900;box-shadow:inset 0 1px 0 #ff8c74}

/* Traditional hanging shop sign. */
.market-entry-sign{top:168px;background:linear-gradient(135deg,#354f50,#203737);border:3px solid #f6e8c9;border-radius:7px;color:#fff5dc;padding:17px 20px 20px;box-shadow:0 8px 16px #17221f66,inset 0 0 0 4px #203434;transform:translateX(-50%) rotate(-3deg)}
.market-entry-sign:before,.market-entry-sign:after{bottom:calc(100% - 7px);height:76px;width:2px;background:#d8c6a2;box-shadow:1px 0 1px #352a2255;transform-origin:bottom center}
.market-entry-sign:before{left:16%;transform:rotate(51deg)}.market-entry-sign:after{right:16%;transform:rotate(-51deg)}
.market-entry-greeting{display:block;font-family:Georgia,serif;font-style:italic;font-size:27px;line-height:1.1;color:#fff5dc}
.market-entry-status{display:block;border:0;border-radius:0;padding:3px 0 7px;background:none;color:#fff9e9;box-shadow:none;font-size:clamp(38px,5vw,56px);font-weight:900;letter-spacing:2px;line-height:1.05;text-shadow:0 2px 0 #102b2b}
.market-entry-sign h2{font-size:17px;margin:6px 0;color:#fff5dc}.market-entry-sign p{color:#f1e7d0;font-size:13px;line-height:1.4;margin-bottom:13px}.market-entry-visit{transform:rotate(0deg)}
@media(max-width:600px){.market-entry-sign{top:170px;padding:15px 12px 16px}.market-entry-greeting{font-size:25px}.market-entry-status{font-size:43px}.market-entry-sign:before,.market-entry-sign:after{height:65px}}

.garden-growth-row .garden-spent-usd{display:block;grid-column:2;font-size:14px;font-weight:600;color:#306544;line-height:1.3}.garden-growth-row .garden-spent-basis{display:block;grid-column:2;font-size:10px;line-height:1.2;color:#66523c}

#dialog-content .buy-referral-note.is-linked{background:none;border:0;box-shadow:none;padding:0;margin:8px 0;color:#387442;font-size:13px;line-height:1.4}

.notification-panel{position:fixed;inset:auto;margin:0;width:min(340px,calc(100vw - 20px));max-height: min(440px,65dvh);padding:12px;box-sizing:border-box;border:1px solid #cbaa70;border-radius:16px;background:rgba(255,246,223,.94);backdrop-filter:blur(12px);box-shadow:0 8px 30px #35240d40;color:#49311c;overflow:hidden}
.notification-panel::backdrop{background:transparent}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px;font-size:17px}.notification-panel-close{border:0;background:transparent;color:#6e4b27;font-size:26px;min-width:32px;min-height:32px;padding:0;cursor:pointer}
.notification-panel .notification-list{max-height:min(350px,48dvh);gap:8px;padding:0 2px 3px}.notification-panel .notification-row{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px;border-radius:10px;background:#fffaf0b3;box-shadow:none}.notification-panel .notification-row>.illustrated-avatar{width:32px;height:32px;border-width:1px}.notification-panel .notification-copy>strong{font-size:14px}.notification-panel .notification-copy p{font-size:12px;line-height:1.35}.notification-panel .notification-amount{font-size:14px}.notification-panel .notification-copy small,.notification-panel .notification-receipt{font-size:10px}.notification-panel .notification-empty{font-size:13px}
[aria-label="Notifications"].has-unread:after{animation:notification-dot-pulse 2.5s ease-in-out infinite}
@keyframes notification-dot-pulse{0%,100%{box-shadow:0 0 0 0 #ed493e55}50%{box-shadow:0 0 0 4px #ed493e00}}
@media(prefers-reduced-motion:reduce){[aria-label="Notifications"].has-unread:after{animation:none}}

/* Unread attention persists across refreshes until the notification list is opened. */
[aria-label="Notifications"].has-unread>.icon{animation:notification-unread-nudge 6s ease-in-out infinite;transform-origin:center}
@keyframes notification-unread-nudge{0%,72%,100%{transform:rotate(0)}76%{transform:rotate(-12deg)}80%{transform:rotate(12deg)}84%{transform:rotate(-8deg)}88%{transform:rotate(8deg)}92%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){[aria-label="Notifications"].has-unread>.icon{animation:none}}

/* Two small outward ripples keep unread notifications noticeable. */
[aria-label="Notifications"].has-unread:after{animation:notification-dot-ripple 1.8s ease-out infinite}
@keyframes notification-dot-ripple{
  0%{box-shadow:0 0 0 0 rgba(230,56,48,.65),0 0 0 0 rgba(230,56,48,.4)}
  55%{box-shadow:0 0 0 5px rgba(230,56,48,.24),0 0 0 2px rgba(230,56,48,.35)}
  100%{box-shadow:0 0 0 9px rgba(230,56,48,0),0 0 0 6px rgba(230,56,48,0)}
}
@media(prefers-reduced-motion:reduce){[aria-label="Notifications"].has-unread:after{animation:none}}

/* Celebratory reward cards stay inside the notification list. */
.notification-panel .notification-kind-referral{position:relative;overflow:hidden;border:2px solid #d39b20;background:linear-gradient(125deg,#fff6cb 0%,#ffe696 32%,#fff7d2 49%,#f7cf60 77%,#ffe8a1 100%);box-shadow:inset 0 1px 0 #fffdf0,0 2px 5px #ab791c24}
.notification-panel .notification-kind-referral .notification-copy>strong{color:#704500}.notification-panel .notification-kind-referral .notification-amount{color:#684000}.notification-panel .notification-kind-referral .notification-copy p{color:#513818}.notification-panel .notification-kind-referral .notification-copy small,.notification-panel .notification-kind-referral .notification-receipt{color:#674b22}
.notification-panel .notification-kind-referral:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fffdf080 45%,transparent 65%);transform:translateX(-130%);animation:referral-card-shine 6s ease-in-out infinite}
.notification-panel .notification-kind-referral:after{content:'✦ ✧';position:absolute;right:8px;top:5px;font-size:14px;letter-spacing:3px;color:#b47705;text-shadow:0 0 5px #fff;pointer-events:none;animation:referral-card-sparkle 3s ease-in-out infinite}
.notification-panel .notification-kind-referral .notification-copy>strong{padding-right:32px}
.notification-panel .notification-kind-sale{border:2px solid #49a332;background:linear-gradient(125deg,#edffd8,#b8ef8c 60%,#92dc6b);box-shadow:inset 0 1px 0 #f5ffe9,0 2px 5px #286e2520}.notification-panel .notification-kind-sale .notification-copy>strong,.notification-panel .notification-kind-sale .notification-amount{color:#175b20}.notification-panel .notification-kind-sale .notification-copy p{color:#234c22}.notification-panel .notification-kind-sale .notification-copy small,.notification-panel .notification-kind-sale .notification-receipt{color:#34572b}
@keyframes referral-card-shine{0%,65%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes referral-card-sparkle{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.notification-panel .notification-kind-referral:before,.notification-panel .notification-kind-referral:after{animation:none}.notification-panel .notification-kind-referral:before{display:none}}

.listing-history-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 12px;flex-wrap:wrap}.sold-baskets-button{margin-left:auto;border:1px solid #559641;border-radius:10px;background:linear-gradient(#dcf5bd,#acd982);color:#27582d;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sold-baskets-summary{display:grid;gap:5px;padding:14px;border:1px solid #85b964;background:#e5f5d4;border-radius:12px;color:#27582d;margin:12px 0}.sold-baskets-summary strong{font-size:21px;overflow-wrap:anywhere}.sold-baskets-list{display:grid;gap:10px;max-height:48dvh;overflow:auto;overscroll-behavior:contain}.sold-basket-row{display:grid;gap:5px;padding:13px;background:#f2f9e6;border:1px solid #b6cd98;border-radius:12px}.sold-basket-row strong{font-size:16px;color:#285c35}.sold-basket-row b{color:#285c35;font-size:17px;overflow-wrap:anywhere}.sold-basket-row span{font-size:13px}.sold-basket-row small,.sold-basket-row a{font-size:11px;color:#5a6a45}

.sold-baskets-button{background:linear-gradient(#ed8b22,#ce590c);border-color:#b74e0b;color:#fff;box-shadow:inset 0 1px 0 #ffc777;text-shadow:0 1px 1px #893a20}
.sold-basket-usd{display:block;font-size:15px;font-weight:600;color:#386b32}.sold-usd-basis{font-size:11px}

.sold-baskets-list .sold-basket-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px 14px;padding:14px;background:linear-gradient(135deg,#fff7e6,#ffedcb);border-color:#d6b581;border-radius:15px}.sold-basket-card .listing-basket{width:100%;min-width:0}.sold-basket-info{display:grid;gap:5px;min-width:0}.sold-basket-info b{font-size:15px;overflow-wrap:anywhere}.sold-basket-card .sold-basket-badge{justify-self:start;padding:3px 9px;border-radius:6px;background:linear-gradient(#ec8b27,#c9580f);color:white;font-size:11px;font-weight:800;letter-spacing:1px}.sold-basket-card .basket-tag strong{font-size:10cqw;color:#34200d}.sold-basket-card .basket-tag small{font-size:6.5cqw;color:#34200d}.sold-basket-buyer,.sold-basket-receipt{grid-column:1/-1}.sold-basket-card .sold-basket-buyer{font-size:12px}.sold-baskets-list{scrollbar-width:thin;scrollbar-color:#c79d5e #fff3dc}

.sold-history-filters,.sold-history-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.sold-history-filters select{width:100%;min-width:0;padding:9px 7px;font-size:13px}.sold-history-dates[hidden]{display:none}.sold-history-dates label{display:grid;gap:5px;font-size:12px;min-width:0}.sold-history-dates input{box-sizing:border-box;min-width:0;width:100%;padding:8px 5px;border:1px solid #d0b888;border-radius:8px;background:#fffaf0;color:#49311c;font:inherit}.sold-filter-error{font-size:12px;color:#a13427;margin:5px 0}.sold-filter-error:empty{display:none}

/* Keep quantity, units and payment on separate rows inside the crate label. */
.market-controls .basket-card:has(.basket-crate-art){height:270px}
.market-controls .basket-card:has(.basket-crate-art) .basket-who{flex:none;min-height:max-content;grid-template-rows:auto auto auto;padding-bottom:6px;row-gap:1px}
.market-controls .basket-card:has(.basket-crate-art) .basket-body{gap:6px}
.market-controls .basket-card:has(.basket-crate-art) .basket-unit{line-height:1.2;margin:0}

/* Keep the price directly below the quantity label. */
.market-controls .basket-card:has(.basket-crate-art) .basket-body{justify-content:flex-start;gap:3px}
.market-controls .basket-card:has(.basket-crate-art) .basket-who{padding-bottom:2px}

.market-seller-search{display:flex;align-items:center;gap:6px;margin:5px 0;flex-wrap:wrap}.market-seller-search .dialog-input{flex:1;min-width:110px;width:auto;margin:0;padding:6px 9px;font-size:14px}.market-seller-search .compact-button{padding:7px 12px}.market-search-result{margin:4px 0;color:#fff3d1;font-size:13px}

#chain-username[aria-invalid="true"]{border:2px solid #b52626;background:#fff0ed}#profile-name-error{color:#b52626;font-weight:700}

.market-seller-search{flex-wrap:nowrap;width:100%}.market-seller-search .compact-button,.market-toolbar>.compact-button{width:80px;min-width:80px;box-sizing:border-box;margin:0}.market-seller-search .dialog-input{min-width:0}.market-controls .basket-card:has(.basket-crate-art) .basket-who{grid-template-columns:44px minmax(0,1fr)}.basket-seller-profile{grid-column:1;grid-row:1;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;justify-self:center}.market-controls .basket-who .basket-seller-profile .illustrated-avatar{width:42px;height:42px;max-width:42px;display:block}.basket-seller-profile:hover{outline:2px solid #77a84b;outline-offset:2px}

.referral-copy-box{margin:10px 0;padding:12px;border:1px solid #c6aa72;border-radius:12px;background:#fff8e5;text-align:left}.referral-copy-box label{font-weight:700}.referral-copy-box .dialog-input{width:100%;min-width:0;font-size:14px;user-select:text;margin:7px 0}.referral-copy-status{color:#37652d;font-weight:700;margin:3px 0 6px}.referral-copy-box small{display:block;line-height:1.4}

.referral-copy-box summary{cursor:pointer;font-weight:700;color:#536c35}.referral-copy-box[open] summary{margin-bottom:10px}.referral-copy-box:not([open]){padding:8px 12px}

#chain-status.quiet-status{display:none}.network-badge{position:fixed;left:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:11;display:flex;align-items:center;gap:9px;padding:5px 11px 5px 5px;border:1px solid #d7b97c;border-radius:10px;background:#fff8e9f5;color:#493922;font-size:12px;font-weight:700;line-height:1.3;pointer-events:none}.network-badge img{display:block;width:26px;height:26px;object-fit:contain}.mainnet-live.immersive-page #chain-status:not(:empty){bottom:calc(60px + env(safe-area-inset-bottom))}

.buy-currency-options{display:flex;gap:7px;border:0;padding:0;margin:10px 0 14px;min-width:0;width:fit-content}.buy-currency-option{flex:0 0 auto;width:auto;min-width:58px;min-height:40px;padding:7px 13px;border:1px solid #c6a165;border-radius:10px;background:#f5e3be;color:#563b24;font:inherit;font-weight:700;cursor:pointer}.buy-currency-option.selected{background:#6aab47;border-color:#4f8136;color:#fff}.buy-currency-option:focus-visible{outline:3px solid #497d94;outline-offset:2px}

.buy-currency-option{display:inline-flex;align-items:center;justify-content:center;gap:5px}.buy-currency-option img{width:22px;height:22px;object-fit:contain}

.farm-price-calculator{background:linear-gradient(#24d7ef,#009fe3);border:2px solid #39c5e9;border-radius:12px;padding:13px;color:#fff;margin-bottom:14px}.farm-price-calculator>label{display:block;font-weight:700;margin-bottom:8px}.farm-price-controls{display:flex;align-items:center;gap:8px}.farm-price-controls>.icon{width:28px;height:30px;flex:none}.farm-price-controls .dialog-input{min-width:0;width:100%;flex:1;margin:0;padding:9px}.farm-price-calculate{flex:none;padding:10px;border:1px solid #fff;border-radius:9px;background:#effaff;color:#075273;font-weight:700;cursor:pointer}.farm-price-result{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;margin-top:10px;overflow-wrap:anywhere}.farm-price-result>strong{max-width:100%}.farm-price-result>span{font-weight:700}.farm-price-result>small{flex-basis:100%;font-size:12px}
/* Fit all basket content to the square artwork, never to its text height. */
.market-controls .basket-card:has(.basket-crate-art){height:auto;min-height:0;aspect-ratio:1;overflow:hidden;background:transparent}
.market-controls .basket-card:has(.basket-crate-art) .basket-body{inset:32% 7% 5%;min-height:0;padding:2cqw;gap:1cqw;box-sizing:border-box;justify-content:space-between;overflow:hidden}
.market-controls .basket-card:has(.basket-crate-art) .basket-who{display:grid;flex:none;min-height:0;grid-template-columns:15cqw minmax(0,1fr);grid-template-rows:14cqw 12cqw 4.5cqw;gap:0 1cqw;padding:0}
.market-controls .basket-card:has(.basket-crate-art) .basket-who>div{display:contents}
.market-controls .basket-card:has(.basket-crate-art) .basket-seller-profile{width:14cqw;height:14cqw;min-height:0}
.market-controls .basket-card:has(.basket-crate-art) .basket-seller-profile .illustrated-avatar{width:14cqw;height:14cqw;max-width:none}
.market-controls .basket-card:has(.basket-crate-art) .farmer-name{grid-column:2;grid-row:1;min-width:0;font-size:4.5cqw;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-controls .basket-card:has(.basket-crate-art) .basket-amount{grid-column:2;grid-row:2;font-size:12cqw;line-height:1;align-self:center;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-controls .basket-card:has(.basket-crate-art) .basket-unit{grid-column:2;grid-row:3;font-size:4.5cqw;line-height:1;margin:0;align-self:start}
.market-controls .basket-card:has(.basket-crate-art) .basket-quantity-icon{grid-column:1;grid-row:2/4;width:14cqw;height:16cqw;align-self:center;margin:0}
.market-controls .basket-card:has(.basket-crate-art) .basket-total{display:grid;grid-template-columns:minmax(0,1fr);gap:1cqw;min-height:0;margin:0}
.market-controls .basket-card:has(.basket-crate-art) .basket-price-pair{display:flex;gap:2cqw;min-width:0;line-height:1.15}
.market-controls .basket-card:has(.basket-crate-art) .basket-price-pair strong{font-size:5cqw}.market-controls .basket-card:has(.basket-crate-art) .basket-price-pair .basket-usd{font-size:4cqw}
.market-controls .basket-card:has(.basket-crate-art) .basket-total .compact-button{width:100%;height:14cqw;min-height:0;padding:1cqw 2cqw;margin:0;font-size:7cqw;line-height:1;border-radius:3cqw;box-sizing:border-box}
@media(max-width:900px){body .network-badge{display:none;position:relative;inset:auto;z-index:1;width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;margin:20px auto calc(20px + env(safe-area-inset-bottom))}body[data-page=farm] .network-badge{display:flex}}
/* Filled and empty crates share one compact grid footprint. */
.market-controls .basket-grid{grid-auto-rows:max-content;gap:6px;align-items:start;align-content:start}
.market-controls .basket-card,.market-controls .basket-card:has(.basket-crate-art){width:100%;height:auto;min-height:0;aspect-ratio:1;box-sizing:border-box;justify-self:stretch}

.live-farm #live-rewards{justify-content:flex-start;text-align:left;font-variant-numeric:tabular-nums;letter-spacing:0;font-size:3.2cqw;min-width:0}

.live-farm .farm-guide-link{position:absolute;top:3.8%;right:9%;z-index:3;border:0;background:transparent;padding:3px 0;color:#496d32;font:inherit;font-size:2.3cqw;font-weight:700;text-decoration:underline;cursor:pointer;line-height:1.3}.farm-guide-link:focus-visible{outline:2px solid #496d32;outline-offset:3px}.farm-guide-steps{padding-left:1.4em;margin:1em 0}.farm-guide-steps li{padding-left:.2em;margin-bottom:1em}.farm-guide-steps strong{color:#42642e}.farm-guide-steps p{margin:.25em 0;line-height:1.5}

.farm-guide-turnip{float:right;width:48px;height:48px;margin:0 0 8px 12px}

.referral-paper .referral-split.referral-earnings{margin-right:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.referral-earnings>div{min-width:0;padding:10px 4px}.referral-earnings strong{font-size:clamp(10px,2.6cqw,16px);overflow-wrap:anywhere}.referral-earnings span{font-size:clamp(9px,2.1cqw,12px)}

/* Preserve the original illustration; anchor content to its width, not page height. */
.calculator-page{background-size:100% auto;padding-top:16.2vw}
.calculator-aside{top:27.3vw}
@media(max-width:900px){
 .calculator-page{padding:16.2vw 3.2% 24px;background-size:100% auto}
 .calculator-panel{padding:0;border:0;border-radius:0;background:linear-gradient(to bottom,transparent 28vw,#fffef5 28vw)}
 .calculator-panel h1,.calculator-intro{margin-right:28%}
 .calculator-panel h1{font-size:clamp(17px,3.6vw,28px);line-height:1.15}
 .calculator-intro{font-size:12px;line-height:1.35}
 .calculator-form{margin-top:12px}
 .calculator-table-scroll{max-height:none}
 .calculator-aside{position:relative;top:auto}
}
@media(min-width:901px){.calculator-panel{background:#fffef5;border-radius:12px;padding:10px}.calculator-aside{background:#fffef5;border-radius:12px}}
@media(max-height:600px) and (pointer:coarse){body[data-page=calculator] .network-badge{display:none}}

/* Desktop content stays inside the original painted boards at every table length. */
@media(min-width:901px){
 .calculator-page{box-sizing:border-box;height:66.6667vw;min-height:0;padding:16.2vw 30% 12vw 3.2%;background-size:100% 100%}
 .calculator-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;padding:0}
 .calculator-panel>h1,.calculator-panel>.calculator-intro,.calculator-panel>.calculator-form,.calculator-panel>.calculator-modes,.calculator-panel>.calculator-scenario,.calculator-panel>.calculator-schedule,.calculator-panel>.calculator-personal{flex-shrink:0}
 .calculator-table-scroll{flex:1 1 auto;min-height:100px;max-height:none;overflow:auto}
 .calculator-explanation{flex-shrink:0;max-height:70px;overflow:auto}
 .calculator-aside{box-sizing:border-box;top:27.3vw;left:78.2%;width:19%;height:27vw;overflow:auto;background:transparent;border:0;border-radius:0;padding:9px}
 .calculator-bottom-signs p{bottom:3.5%;height:11%;font-size:clamp(10px,1.1vw,19px)}
}

body[data-page=calculator] .network-badge{position:relative;inset:auto;width:fit-content;margin:12px auto 20px;z-index:1}

/* Mobile controls share one continuous cream surface and a consistent inset. */
@media(max-width:900px){
 .calculator-page{padding-left:2%;padding-right:2%}
 .calculator-panel{box-sizing:border-box;padding:0 12px 14px;border-radius:0 0 14px 14px;background:linear-gradient(to bottom,transparent 22vw,#fffef5 22vw)}
 .calculator-panel h1,.calculator-intro{margin-right:29%}
 .calculator-form{gap:8px;align-items:center;margin:14px 0 10px}
 .calculator-form .dialog-input{box-sizing:border-box;min-width:0;padding:9px;font-size:13px}
 .calculator-form .action{min-width:0;width:auto;min-height:38px;padding:8px 12px;font-size:12px}
 .calculator-modes{gap:7px;align-items:center}
 .calculator-modes button{flex:0 1 auto;min-height:36px;padding:6px 10px;font-size:11px}
 .calculator-scenario{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:12px 0;font-size:12px}
 .calculator-scenario select{box-sizing:border-box;max-width:100%;width:fit-content;padding:8px;font-size:12px}
 .calculator-schedule{box-sizing:border-box;max-width:100%;margin:10px 0;padding:9px;line-height:1.4}
 .calculator-personal{line-height:1.4}
 .calculator-table-scroll{box-sizing:border-box;max-width:100%}
}

/* Six leaderboard columns, with readable horizontal scrolling on phones. */
.ranking-table-board .live-ranking-table th:nth-child(1){width:6%}
.ranking-table-board .live-ranking-table th:nth-child(2){width:28%}
.ranking-table-board .live-ranking-table th:nth-child(3){width:18%}
.ranking-table-board .live-ranking-table th:nth-child(4){width:24%}
.ranking-table-board .live-ranking-table th:nth-child(5),.ranking-table-board .live-ranking-table th:nth-child(6){width:12%}
@media(max-width:900px){.ranking-table-board .live-ranking-table{min-width:640px}}

.market-controls .market-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.market-controls .market-tabs a{min-width:0;white-space:normal;text-align:center}.public-sales-history>h2,.public-sales-history>p{background:#fff3df;padding:12px;border-radius:10px}.public-sales-history .sold-baskets-list{max-height:65vh;overflow:auto}.sold-basket-seller{display:block;overflow-wrap:anywhere}@media(max-width:600px){.market-controls .market-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Completed market sales use the illustrated cream basket cards. */
.public-sales-history .sold-baskets-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-height:65vh;padding:4px 6px 12px;gap:14px}
.public-sales-history .sold-basket-card{min-width:0;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;border:1px solid #d6b581;box-shadow:0 2px 4px #59320d20}
.public-sales-history .sold-basket-card .listing-basket{max-width:260px;justify-self:center}
.public-sales-history .sold-basket-info{gap:7px}
.public-sales-history .sold-basket-info b{font-size:18px}
.public-sales-history .sold-basket-seller,.public-sales-history .sold-basket-buyer{overflow-wrap:anywhere;font-size:12px}
.public-sales-history .sold-basket-receipt{line-height:1.5}
@media(max-width:900px){.public-sales-history .sold-baskets-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.public-sales-history .sold-baskets-list{grid-template-columns:minmax(0,1fr)}.public-sales-history .sold-basket-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.public-sales-history .sold-basket-info b{font-size:15px}}

.market-stand .market-controls.public-sales-history{overflow-y:auto;overflow-x:hidden;display:block;padding-right:8px;scrollbar-width:thin;scrollbar-color:#c79d5e #fff3dc}
.public-sales-history>h2{font-size:18px;margin:8px 0 4px;padding:8px 12px}
.public-sales-history>p{font-size:12px;margin:4px 0 8px;padding:8px 12px}
.public-sales-history .sold-baskets-summary{padding:9px;margin:8px 0}
.public-sales-history .sold-baskets-summary strong{font-size:16px}
.public-sales-history .sold-baskets-list{max-height:none;overflow:visible}

/* Dedicated portraits, with names in floating white capsules. */
img.illustrated-avatar.hq-avatar{object-fit:cover;aspect-ratio:1;border-radius:50%;display:inline-block;flex-shrink:0}
.avatar-picker .avatar-option{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border-radius:16px;min-width:0;display:block}
.avatar-picker .avatar-option .illustrated-avatar{width:100%;height:100%;border-radius:12px;box-shadow:none;margin:0;display:block}
.avatar-picker .avatar-option>span:last-child{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);max-width:92%;width:max-content;box-sizing:border-box;border-radius:99px;background:#fff;color:#111;padding:5px 9px;line-height:1.2;font-size:11px;font-weight:700;text-align:center;box-shadow:0 2px 7px #0003}
.avatar-picker .avatar-option[aria-pressed=true]{border-color:#258f36;box-shadow:0 0 0 3px #67bf58}
.avatar-option[data-premium=true]::after{content:'🔒 $5';position:absolute;top:6px;right:6px;border-radius:99px;background:#fce3a0;color:#33230c;padding:4px 7px;font-size:11px;font-weight:700}

/* Keep public sales cards immediately below the compact filters. */
.public-sales-history>h2{font-size:15px;line-height:1.2;padding:5px 10px;margin:5px 0}
.public-sales-history .sold-filter-error:empty{display:none}
.public-sales-history .sold-history-filters{margin:5px 0 6px}
.public-sales-history .sold-baskets-list{padding-top:0}

/* Compact horizontal sold cards, three across throughout desktop layouts. */
.public-sales-history .sold-baskets-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 2px 8px}
.public-sales-history .sold-baskets-list .sold-basket-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5px 6px;padding:8px;border-radius:11px;align-items:center}
.public-sales-history .sold-basket-info{gap:3px}
.public-sales-history .sold-basket-info .sold-eth-price{font-size:11px;line-height:1.2;white-space:nowrap;overflow-wrap:normal}
.public-sales-history .sold-basket-info .sold-basket-usd{font-size:12px;line-height:1.2}
.public-sales-history .sold-basket-info>small{font-size:9px;line-height:1.2}
.public-sales-history .sold-basket-card .sold-basket-badge{font-size:9px;padding:2px 5px}
.public-sales-history .sold-basket-card .sold-basket-seller,.public-sales-history .sold-basket-card .sold-basket-buyer{font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.public-sales-history .sold-basket-card .sold-basket-receipt{font-size:9px;line-height:1.3}
@media(max-width:600px){.public-sales-history .sold-baskets-list{grid-template-columns:minmax(0,1fr)}.public-sales-history .sold-basket-info .sold-eth-price{font-size:13px}.public-sales-history .sold-basket-card .sold-basket-seller,.public-sales-history .sold-basket-card .sold-basket-buyer{font-size:12px}}

.avatar-picker .avatar-option>span:last-child{font-size:9px;padding:3px 6px;bottom:6px;max-width:90%;line-height:1.1}

/* Show every calculator row; page scroll replaces the short inner viewport. */
@media(min-width:901px){
 .calculator-page{height:auto;min-height:66.6667vw;padding-bottom:13vw;background-size:100% auto;background-color:#eef3d8}
 .calculator-page::before{content:'';position:absolute;left:0;right:0;top:54.6vw;bottom:12vw;background:#eef3d8;pointer-events:none}
 .calculator-panel{position:relative;height:auto;display:block;background:#fffef5;border-radius:12px;padding:0 8px 12px;margin-left:-8px;margin-right:-8px}
 .calculator-table-scroll{flex:none;max-height:none;min-height:0;overflow-x:auto;overflow-y:visible}
 .calculator-explanation{max-height:none;overflow:visible}
 .calculator-bottom-signs{inset:auto 0 0;height:12vw;background:url('assets/calculator-scene.png') center bottom/100% auto no-repeat}
 .calculator-bottom-signs p{bottom:1.95vw;height:7.3vw}
}
.calculator-table-scroll{max-height:none}