/* A single predictable search row, including small phones and landscape tablets. */
body.virtual-mall-page #mall-top-search{display:grid!important;grid-template-columns:auto minmax(60px,1fr) auto auto!important;grid-template-rows:42px!important;align-items:center!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))!important;box-sizing:border-box!important}
body.virtual-mall-page #mall-top-search>*{grid-column:auto!important;grid-row:auto!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;align-self:center!important}
body.virtual-mall-page #mall-top-search input{width:100%!important;height:42px!important;padding:8px 12px!important;font-size:16px!important;line-height:24px!important}
body.virtual-mall-page #mall-top-search button,body.virtual-mall-page #mall-top-search #mall-account{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:1.1!important;font-size:13px!important;padding:8px 13px!important;width:auto!important}
body.virtual-mall-page #mall-top-search label{font-size:13px!important;white-space:nowrap!important}
.avatar-editor .avatar-layout{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:14px!important;align-items:start}
.avatar-editor .avatar-preview{position:sticky;top:0;min-width:0;width:auto!important;display:flex;flex-direction:column;align-items:center}
.avatar-editor .avatar-preview canvas{width:160px!important;height:195px!important;max-width:100%;order:-1;border-radius:16px}
.avatar-editor .avatar-preview label{font-size:12px;display:block}.avatar-editor .avatar-preview input{width:100%}
.avatar-editor .avatar-fields{min-width:0;display:block!important}.avatar-editor .avatar-fields details{margin:0 0 8px;border:1px solid #72918f;border-radius:12px;padding:8px;background:#163c43;color:#f5faf8}
.avatar-editor .avatar-fields summary{cursor:pointer;font-weight:700;min-height:28px}.avatar-editor .avatar-fields label{display:grid!important;grid-template-columns:minmax(70px,.8fr) minmax(0,1.2fr);gap:6px;align-items:center;font-size:13px;margin:5px 0}
.avatar-editor .avatar-fields select{width:100%;min-width:0;min-height:38px;font-size:14px}.avatar-editor .avatar-fields fieldset{margin:0 0 8px;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.avatar-editor .avatar-fields fieldset button{font-size:11px!important;padding:5px!important;min-height:34px}
.avatar-editor>p{font-size:12px!important;margin:5px 0!important}.avatar-editor>h2{font-size:21px!important}.avatar-editor>button:not(.menu-close184){min-height:36px;font-size:12px;padding:6px 12px}
#hangout185 .hangout-people185 .hangout-actions185{display:grid;grid-template-columns:1fr 1fr}.friend-code186{font:600 13px ui-monospace,monospace;overflow-wrap:anywhere;padding:8px;border-radius:8px;background:#e7f1ec}
body.mall-polish :is(#hangout185,#mall-friends,.avatar-editor)>h2::before{display:none!important}
body :is(#hangout185,#mall-friends,.avatar-editor)>h2{clear:none!important;padding-top:5px!important;min-height:38px;line-height:1.15!important}
body #mall-friends>p,body #mall-friends article{font-size:13px!important;line-height:1.4}body #mall-friends h3{font-size:15px!important;margin:10px 0 6px!important}.friend-code186{color:#173b3c!important;clear:both}
@media(max-width:650px){body.virtual-mall-page #mall-top-search{grid-template-columns:minmax(50px,1fr) auto auto!important;gap:6px!important}body.virtual-mall-page #mall-top-search label{display:none!important}body.virtual-mall-page #mall-top-search button,body.virtual-mall-page #mall-top-search #mall-account{padding:8px!important;font-size:12px!important}.avatar-editor .avatar-layout{grid-template-columns:1fr!important;gap:8px!important}.avatar-editor .avatar-preview{position:static;display:grid;grid-template-columns:98px 1fr;gap:12px}.avatar-editor .avatar-preview canvas{width:98px!important;height:120px!important}.avatar-editor .avatar-fields label{grid-template-columns:1fr 1.2fr}}