/* The approved collection and account illustrations share the same 790px canvas. */
body:is([data-screen=collection],[data-screen=profile]){--reference-width:min(100vw,520px);background:#f2eee7}
body:is([data-screen=collection],[data-screen=profile]) .app{container-type:inline-size;width:var(--reference-width);max-width:var(--reference-width);min-height:0;margin:0 auto;border:0;border-radius:0;background:#f6ebd7;box-shadow:0 3px 18px #5d43232e}
body:is([data-screen=collection],[data-screen=profile]) .app::after{display:none}
body:is([data-screen=collection],[data-screen=profile]) #screen{min-height:0}
body:is([data-screen=collection],[data-screen=profile]) .language-picker{height:13.67cqw;min-height:0;padding:1.6cqw 13cqw 1.6cqw 3.4cqw;gap:1.4cqw;border-radius:0;background:linear-gradient(115deg,#fff5e4,#f4e6d0);box-shadow:inset 0 1px #fff9ed,0 2px 4px #745a2c40}
body:is([data-screen=collection],[data-screen=profile]) .language-brand{gap:1.7cqw}
body:is([data-screen=collection],[data-screen=profile]) .language-brand>img{width:8.1cqw;height:9.2cqw}
body:is([data-screen=collection],[data-screen=profile]) .language-brand strong{font-size:6.05cqw;letter-spacing:-.23cqw;font-weight:1000}
body:is([data-screen=collection],[data-screen=profile]) .language-picker summary{height:7.9cqw;min-height:0;padding:.8cqw 1.5cqw;gap:1.5cqw;font-size:2.8cqw;border-radius:2.8cqw;border-color:#cbb295;box-shadow:inset 0 1px #fffaf0}
body:is([data-screen=collection],[data-screen=profile]) .language-picker summary img{width:5.2cqw;height:4.1cqw}
body:is([data-screen=collection],[data-screen=profile]) .language-picker summary>span:first-of-type{max-width:17cqw}
body:is([data-screen=collection],[data-screen=profile]) .language-options{top:12cqw}
body:is([data-screen=collection],[data-screen=profile]) .language-picker+#screen .guide-entry{top:2.85cqw;right:3.4cqw}
body:is([data-screen=collection],[data-screen=profile]) .guide-entry button{width:8.7cqw;height:8.7cqw;min-height:0;border-radius:3cqw;box-shadow:inset 0 1px #fff9ed}
body:is([data-screen=collection],[data-screen=profile]) .guide-entry span{width:5.2cqw;height:5.2cqw;font-size:4.1cqw}
body:is([data-screen=collection],[data-screen=profile]) .app .bottom-nav{--nav-width:var(--reference-width);position:sticky;bottom:0;left:auto;right:auto;transform:none;width:100%;max-width:none;margin:0;z-index:30}
body:is([data-screen=collection],[data-screen=profile]) .page{animation:none}
body:is([data-screen=collection],[data-screen=profile]) .world-sign>span{left:25%;right:8%;top:40%;height:44%;white-space:nowrap;font-size:6.5cqw;line-height:1;font-weight:1000;letter-spacing:-.12cqw}
@media(min-width:480px){body:is([data-screen=collection],[data-screen=profile]){--reference-width:min(520px,calc((100svh - 16px)*.548))}body:is([data-screen=collection],[data-screen=profile]) .app{margin:8px auto;border-radius:4cqw;overflow:clip}}

/* Five illustrated eggs are a single continuous cabinet; the labels and buttons are live. */
.app .page.world-collection{position:relative;padding:0;background:#8c5a2d}
.world-collection .world-collection-head{position:absolute;inset:0 0 auto;height:17cqw;margin:0;padding:0;background:none;z-index:5}
.world-collection-head .world-sign{position:absolute;left:5%;top:0;width:44%;height:auto;aspect-ratio:916/390;margin:0}
.world-collection-head .world-tabs{position:absolute;right:5.3%;top:3.7cqw;width:38.8%;height:10.3cqw;display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;margin:0;padding:.9cqw;background:linear-gradient(120deg,#fff5e4,#f3e2c6);border:1px solid #e5c8a0;border-radius:3.8cqw;box-shadow:inset 0 1px #fffdf4,0 .6cqw .7cqw #4b2c1855}
.world-collection .world-tabs button{min-height:0;padding:.5cqw;display:flex;align-items:center;justify-content:center;gap:1.6cqw;border:1px solid transparent;border-radius:2.7cqw;font-size:3.25cqw;font-weight:850;line-height:1;color:#6a472f;white-space:nowrap}
.world-collection .world-tabs button.active{color:#3d250c;background:linear-gradient(125deg,#ffe18a,#ffc34e);border-color:#e9a739;box-shadow:inset 0 1px #fff2bd}
.world-collection .world-tabs button span{margin:0;font-size:inherit;min-width:0}
.world-collection .world-tabs svg{width:4.5cqw;height:5.5cqw;flex:none;fill:none;stroke:#5a3618;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.world-collection .reference-egg-cabinet{position:relative;aspect-ratio:790/1164;padding:0;overflow:hidden;background-image:url('/assets/living-farm/collection-profile/collection.webp'),url('/assets/living-farm/decor/wood.webp');background-position:0 7.66cqw,0 0;background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat}
.reference-egg-cabinet .cabinet-item{left:20.1%;top:14.2%;width:31.8%;height:21.5%;padding:0;border:0;border-radius:3cqw;background:none;box-shadow:none;overflow:visible;min-height:0}
.reference-egg-cabinet .cabinet-item:nth-child(2){left:52.5%}
.reference-egg-cabinet .cabinet-item:nth-child(3){top:38.4%}
.reference-egg-cabinet .cabinet-item:nth-child(4){left:52.5%;top:38.4%}
.reference-egg-cabinet .cabinet-item:nth-child(5){left:25%;top:63.5%;width:54.5%;height:25.1%}
.reference-egg-cabinet .cabinet-plaque{left:12.5%;bottom:0;width:75%;height:27%;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.5cqw;padding:.5cqw 1cqw;background:none;border:0;border-radius:0;box-shadow:none}
.reference-egg-cabinet .cabinet-plaque::before,.reference-egg-cabinet .cabinet-plaque::after{display:none}
.reference-egg-cabinet .cabinet-item:nth-child(5) .cabinet-plaque{left:22.6%;width:54%;height:27.5%}
.reference-egg-cabinet .cabinet-plaque h3{font-size:3.25cqw;line-height:1.15;font-weight:1000;letter-spacing:-.07cqw;white-space:nowrap;margin:0;color:#48270f}
.reference-egg-cabinet .cabinet-plaque p{font-size:2.95cqw;font-weight:850;line-height:1.15;white-space:nowrap;margin:0;color:#503015}
.reference-egg-cabinet .little-coin{width:3.9cqw;height:3.9cqw;font-size:2.7cqw;box-shadow:inset 0 0 0 .3cqw #f5c65d;vertical-align:middle}
.reference-egg-cabinet .cabinet-item:focus-visible{outline:3px solid #ffdb6f;outline-offset:-2px}
.reference-egg-cabinet .cabinet-item:hover .cabinet-plaque{filter:brightness(1.1)}
.collection-garden-decoration{position:absolute;left:max(0px,calc((100cqw - var(--app-width))/2));top:calc(38.7648% + 7.66cqw);width:calc(var(--app-width)*.17425);height:26.9382%;pointer-events:none;z-index:2}
.collection-garden-decoration>svg{display:block;position:absolute;inset:0;width:100%;height:100%;stroke:none}
.collection-garden-carving{position:absolute;left:8%;top:24%;width:78%;height:45%;display:block;object-fit:contain;margin:0;padding:0;transform:rotate(-5deg);mix-blend-mode:multiply;pointer-events:none}
.world-collection .hen-cabinet{padding:21cqw 7cqw 4cqw;gap:5cqw 5cqw;min-height:147.34cqw;border-width:1.2cqw}
.world-collection .hen-cabinet .cabinet-item{width:100%;height:auto;aspect-ratio:.9;left:auto;top:auto}
.world-collection .hen-cabinet .cabinet-plaque{padding:1.4cqw 1cqw;min-height:25%}
.world-collection .hen-cabinet .cabinet-plaque h3{font-size:3cqw;line-height:1.2}
.world-collection .hen-cabinet .cabinet-plaque p{font-size:2.5cqw;line-height:1.2}

/* Account: title, wallet, recent history, residence, then expandable settings. */
.app .page.world-profile{container-type:inline-size;position:relative;min-height:149.7cqw;padding:0 0 1.7cqw;background:#80a057 url('/assets/living-farm/collection-profile/garden.webp') center top/100% 149.7cqw no-repeat}
.world-profile>.world-sign{position:relative;left:3%;width:45%;height:25cqw;margin:0;padding:0}
.world-profile>.world-sign>img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:916/390}
body[data-screen=profile] .world-profile>.world-sign>span{left:24%;right:9%;top:7.6cqw;height:8.4cqw}
.world-profile .wallet-card.world-wallet{width:94%;height:64cqw;aspect-ratio:auto;margin:-4.7cqw auto 0;background:url('/assets/living-farm/collection-profile/wallet.webp') center/100% 100% no-repeat}
.world-profile .wallet-heading{left:25%;top:13%;width:52%;height:10%;gap:1cqw}
.world-profile .wallet-heading h2{font-size:3.55cqw;font-weight:1000;line-height:1.1;white-space:nowrap}
.world-profile .wallet-heading>img{width:2.6cqw;height:4cqw;flex:none}
.world-profile .wallet-sum{left:18%;top:31%;width:65%;height:20%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5cqw}
.world-profile .wallet-grain-amount{display:block;height:100%;max-width:100%;width:100%;min-width:0;margin:0;overflow:hidden;filter:drop-shadow(0 .2cqw .12cqw #92602944)}
.world-profile .wallet-currency{font-size:6.6cqw;line-height:1;font-weight:1000;letter-spacing:-.1cqw;white-space:nowrap}
.world-profile .wallet-actions{left:14.4%;top:57.4%;width:74.8%;height:15.9%;gap:3.5cqw}
.world-profile .wallet-actions .button{display:flex;align-items:center;justify-content:center;gap:1.9cqw;padding:0 .8cqw;margin:0!important;min-width:0;min-height:0;height:100%;font-size:4.1cqw;line-height:1.1;color:#422307;font-weight:1000;background:none;border:0;border-radius:3cqw;box-shadow:none;text-shadow:none;transform:none;white-space:nowrap}
.world-profile .wallet-actions svg{width:5.1cqw;height:5.1cqw;stroke:#432508;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.world-profile .wallet-actions .button:focus-visible{outline:3px solid #ffe09a;outline-offset:2px}
.world-profile .wallet-actions .button:hover{background:#fff4b225}
.world-profile .wallet-network{left:16.8%;top:77%;width:68.4%;height:6.6%;align-items:center;gap:2cqw;font-size:2.13cqw;line-height:1.2;letter-spacing:-.02cqw}
.world-profile .wallet-network>span+span{padding-left:2cqw}
.world-profile .wallet-guest-note{bottom:.8%;left:30%;width:40%;font-size:1.9cqw;line-height:1.1;background:#fff3d8eb}
.world-profile .wallet-sync-error{font-size:2.6cqw;padding:2cqw}
.world-profile .world-history{position:relative;width:91%;min-height:44.8cqw;margin:-6cqw auto 1.4cqw;padding:9.8cqw 5.7cqw 1.9cqw;border:0;border-radius:0;box-shadow:none;background:url('/assets/living-farm/collection-profile/history-paper.webp') center/100% 100% no-repeat}
.world-profile .world-history>header{gap:2cqw;margin-bottom:.7cqw}
.world-profile .world-history h2{font-size:4.95cqw;font-weight:1000;letter-spacing:-.11cqw;line-height:1.2;min-width:0}
.world-profile .world-history header button{gap:1.6cqw;padding:.7cqw 2.5cqw;border-radius:2cqw;font-size:2.65cqw;line-height:1;white-space:nowrap;min-height:5.2cqw}
.world-profile .world-history header button span{font-size:4.1cqw}
.world-profile .world-transaction{padding:.4cqw 0;min-height:8.8cqw;gap:2.7cqw;border-bottom-color:#cfb99a88}
.world-profile .transaction-icon{width:7.15cqw;height:7.15cqw;font-size:5.4cqw;font-weight:800;line-height:1;background:linear-gradient(#94b66c,#62954d);border:1px solid #618043;text-shadow:0 1px #476c32;box-shadow:inset 0 1px #bdd5a0}
.world-profile .transaction-icon.negative{background:linear-gradient(#ed9d84,#d56345);border-color:#ad6247;text-shadow:0 1px #93513f;box-shadow:inset 0 1px #ffc2a7}
.world-profile .transaction-icon.reward-icon{background:linear-gradient(#fbd260,#e4a525);border-color:#bc8b29;text-shadow:0 1px #a57221;box-shadow:inset 0 1px #ffe8a1}
.world-profile .world-transaction b{font-size:3.25cqw;font-weight:900;line-height:1.15;overflow-wrap:anywhere}
.world-profile .world-transaction small{font-size:2.3cqw;line-height:1.2;margin-top:.5cqw;color:#766653}
.world-profile .world-transaction>strong{font-size:3.4cqw;font-weight:900;white-space:nowrap;max-width:35%;letter-spacing:-.05cqw}
.world-profile .history-empty,.world-profile #world-history-list>.muted{font-size:3cqw;line-height:1.5;padding:5cqw 0;color:#76634f}
.world-profile .world-country,.world-profile .world-settings{width:89.8%;margin:0 auto 1cqw;background:linear-gradient(115deg,#fff7e6,#f0e1c6);border:1px solid #d3ba95;border-radius:3.2cqw;box-shadow:inset 0 1px #fffdf4,0 .4cqw .5cqw #533d2955;color:#50301a}
.world-profile .world-country{display:flex;align-items:center;gap:2.7cqw;padding:1cqw 4.8cqw;min-height:11.1cqw;font-size:3.8cqw;font-weight:850;text-align:left}
.world-profile .world-country b{flex:1;min-width:0;font-size:inherit;font-weight:inherit;overflow-wrap:anywhere}
.world-profile .world-country .country-flag{width:8.5cqw;height:8.5cqw;transform:none;flex:none}
.world-profile .world-country .country-pole{width:.6cqw;height:8cqw;left:1cqw;top:.6cqw}
.world-profile .world-country .country-cloth{width:7cqw;height:4.8cqw;left:1.7cqw;top:1.2cqw}
.world-profile .world-settings>summary{min-height:11.1cqw;display:flex;align-items:center;padding:1.5cqw 4.8cqw;gap:3cqw;cursor:pointer;list-style:none}
.world-profile .world-settings>summary::-webkit-details-marker{display:none}
.world-profile .world-settings>summary>span:not(.profile-chevron){font-size:3.8cqw;font-weight:900;min-width:0;flex:1}
.world-profile .profile-gear{width:7.3cqw;height:7.3cqw;flex:none;filter:drop-shadow(0 1px 1px #694a2655)}
.world-profile .profile-chevron{margin-left:auto;font-size:6cqw!important;line-height:1;flex:none;font-weight:600}
.world-profile .world-settings[open]>summary>.profile-chevron{transform:rotate(90deg)}
.world-profile .profile-settings-content{padding:0 3cqw 3cqw}
.world-profile .profile-settings-content .profile-details{margin:0 0 2cqw;padding:0}
.world-profile .profile-settings-content .button{margin-top:2cqw;font-size:3.3cqw;min-height:10cqw}
.world-profile .profile-settings-content .detail-row{font-size:3cqw;gap:2cqw;overflow-wrap:anywhere}
.world-profile .profile-settings-content .detail-row dd{min-width:0}
.profile-country-card{display:flex;align-items:center;gap:15px;margin:22px 0}
.world-profile .profile-guest{font-size:3.3cqw;line-height:1.5}
.world-profile .profile-guest h3{font-size:4cqw}

.world-profile .wallet-heading h2,.world-profile .wallet-actions .button span,.world-profile .world-history h2,.world-collection .world-tabs button span{min-width:0}
.world-profile .wallet-heading h2,.world-profile .world-history h2{flex:1}
