#home-dialog{width:calc(100vw - 16px);max-width:1600px;height:calc(100dvh - 16px);max-height:none;padding:0;overflow:hidden;display:flex;flex-direction:column;background:#f5ecd9}#home-dialog:not([open]){display:none}.home-heading{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:3px solid var(--ink);background:var(--paper)}.home-heading>div{flex:1;min-width:0}.home-heading h2{font-size:19px;margin:4px 0;overflow-wrap:anywhere}.home-content{position:relative;flex:1;min-height:180px;overflow:hidden}.home-world{height:100%;position:relative;background:#83aa42}#home-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#83aa42}.home-world-controls{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 24px)}.home-world-controls button,.home-world-controls output{font-size:11px;padding:8px 10px;min-height:36px;background:#fff8e8ed}.home-world-controls button[aria-pressed=true]{background:#c5d9ae}.home-footer{padding:12px 20px;background:var(--paper);border-top:3px solid var(--ink);max-height:35%;overflow:auto}.home-actions{display:flex;gap:8px;flex-wrap:wrap}.home-actions button{font-size:12px;padding:10px 12px;min-height:38px}.home-speech{font-size:13px;margin:0 0 10px;line-height:1.6}.home-speech:empty{display:none}#home-status{font-size:12px;line-height:1.6;margin:8px 0 0}#home-empty{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:min(450px,calc(100% - 32px));margin:0;padding:12px 16px;border:2px solid #6c754d;background:#fff8e8ed;color:#343c28;border-radius:6px;font-size:13px;line-height:1.8}.home-shop-panel{position:absolute;right:0;top:0;bottom:0;width:min(350px,100%);padding:16px;overflow:auto;border-left:3px solid var(--ink);background:var(--paper);box-shadow:-8px 0 24px #26392c44}.home-shop-panel[hidden],#home-empty[hidden]{display:none}.home-shop-heading{display:flex;align-items:center;gap:8px;justify-content:space-between}.home-shop-heading h3{font-size:16px}.home-shop-heading button{font-size:11px;padding:8px}.home-shop-panel>p{margin:12px 0 16px;line-height:1.7}#home-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-item{display:flex;flex-direction:column;align-items:center;min-width:0;padding:8px;border:2px solid var(--frame);border-radius:5px;background:#f6edda}.home-item img{width:100%;height:90px;object-fit:contain;image-rendering:pixelated}.home-item strong{font:700 11px var(--pixel);text-align:center;overflow-wrap:anywhere;margin:6px 0}.home-item small{font-size:10px;color:var(--muted);margin-bottom:8px}.home-item button{width:100%;padding:8px;font-size:11px;min-height:36px}.header-controls{flex-wrap:wrap}#open-home{min-height:40px}
@media(max-width:600px){#home-dialog{width:100vw;height:100dvh;border-radius:0;border-width:0}.home-heading{padding:10px 12px;gap:8px}.home-heading h2{font-size:15px}.home-heading .eyebrow{font-size:9px}.home-heading .badge{font-size:10px;padding:6px}.home-heading button{font-size:11px;padding:9px}.home-footer{padding:10px 12px;max-height:38%}.home-actions{gap:6px}.home-actions button{font-size:11px;padding:8px}.home-world-controls{top:8px;left:8px;gap:4px}.home-world-controls button{font-size:10px;padding:7px}.home-world-controls output{padding:7px 3px}#home-empty{font-size:11px;padding:10px}.header-controls{max-width:180px}}

#home-purchase-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}#home-purchase-dialog h2{font-size:18px;overflow-wrap:anywhere}#home-purchase-dialog p{line-height:1.7}
.home-appearance-choice{padding:12px;border:1px solid var(--line);background:var(--paper);margin-bottom:10px}.home-appearance-choice h3{font-size:14px;margin:0 0 8px}.home-appearance-choice p{font-size:12px;line-height:1.6;margin:0 0 10px}.home-appearance-choice .birth-buttons{flex-wrap:wrap}.home-appearance-choice button{white-space:normal}

.home-shop-filters{display:grid;gap:10px;margin:8px 0 14px}.home-shop-areas{display:flex;gap:5px}.home-shop-areas button{flex:1;min-width:0;padding:8px 3px;font-size:11px;min-height:38px}.home-shop-areas button[aria-pressed=true],.home-shop-areas button[aria-pressed=true]:hover:not(:disabled){background:var(--action,var(--green));color:var(--action-ink,#fffaf0)}#home-shop-category{width:100%;min-height:38px;font:inherit;font-size:12px;padding:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}#home-shop-category[hidden]{display:none}

/* Keep the world visible while browsing; secondary controls stay tucked away. */
.home-content:has(.home-shop-panel:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 350px}.home-world{min-width:0}.home-shop-panel{position:relative;width:auto;box-shadow:none}.home-shop-heading{position:sticky;top:-16px;background:var(--paper);z-index:2;padding:8px 0}.home-shop-tabs{display:flex;gap:6px;margin:10px 0}.home-shop-tabs button{flex:1;min-height:40px;font-size:12px}.home-shop-tabs button[aria-pressed=true],.home-shop-tabs button[aria-pressed=true]:hover:not(:disabled){background:var(--action,var(--green));color:var(--action-ink,#fffaf0)}.home-shop-empty{grid-column:1/-1;padding:20px 8px;line-height:1.8;font-size:13px;color:var(--muted)}.home-usage-details{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}.home-usage-details p{margin:8px 0}.home-storage-summary{flex:1;min-width:140px;margin:0;font-size:12px;color:var(--muted);line-height:1.6}.home-actions{align-items:center}.home-actions>#home-shop-toggle{order:-2}.home-actions>.home-storage-summary{order:-1}.home-speech{font-size:12px;margin-bottom:8px}.home-more summary,#home-tools summary{cursor:pointer;font-size:12px;min-height:38px;padding:10px 12px;box-sizing:border-box;border:1px solid var(--frame);border-radius:4px;background:var(--paper);color:var(--ink)}.home-more-menu{display:flex;gap:6px;margin-top:8px}.home-world-controls{align-items:flex-start}#home-tools{position:relative}.home-tools-menu{position:absolute;top:calc(100% + 6px);left:0;padding:8px;border:1px solid var(--frame);border-radius:5px;background:var(--paper);box-shadow:0 4px 12px #0003;z-index:3;width:170px}.home-zoom-controls{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.home-world-controls button[aria-pressed=true]{background:var(--action,var(--green));color:var(--action-ink,#fffaf0)}#home-status:empty{display:none}summary:focus-visible{outline:3px solid var(--action,var(--green));outline-offset:3px}
@media(max-width:700px){.home-content:has(.home-shop-panel:not([hidden])){display:grid;grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) minmax(0,1fr)}.home-shop-panel{border-left:0;border-top:2px solid var(--frame);padding:12px}.home-shop-heading{top:-12px}.home-shop-heading h3{margin:4px 0}.home-shop-tabs{margin:6px 0}.home-shop-filters{margin:6px 0}.home-item img{height:64px}.home-storage-summary{flex-basis:calc(100% - 120px);font-size:11px}.home-footer{max-height:40%}.home-actions>.home-storage-summary{order:0}.home-actions>#home-decorate{order:-1}.home-actions>.home-more{margin-left:auto}}