/* Critical Browse desktop guard 2026-06-29: cards stay within header width and always show thumbnails. */
:root{--swapthing-header-width:1220px;--swapthing-header-gutter:22px;--swapthing-content-width:calc(var(--swapthing-header-width) - (var(--swapthing-header-gutter) * 2));}
body main.site-main .container.browse-page{box-sizing:border-box!important;width:min(var(--swapthing-content-width),calc(100vw - 88px))!important;max-width:var(--swapthing-content-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
body main.site-main .container.browse-page .browse-header-row,
body main.site-main .container.browse-page .browse-search-card,
body main.site-main .container.browse-page #listing-grid{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
body main.site-main .container.browse-page #listing-grid.listing-layout-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:18px!important;align-items:stretch!important;}
body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;}
body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-image-link{display:block!important;width:100%!important;height:auto!important;min-height:180px!important;aspect-ratio:4/3!important;overflow:hidden!important;flex:0 0 auto!important;background:inherit!important;}
body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-img{display:block!important;width:100%!important;height:100%!important;min-height:180px!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;opacity:1!important;visibility:visible!important;}
body main.site-main .container.product-page.permanent-listing-page{box-sizing:border-box!important;width:min(var(--swapthing-content-width),calc(100vw - 88px))!important;max-width:var(--swapthing-content-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
body main.site-main .container.product-page.permanent-listing-page .detail-shell,
body main.site-main .container.product-page.permanent-listing-page .safety-card,
body main.site-main .container.product-page.permanent-listing-page .related-section{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
@media (max-width:760px){
  body main.site-main .container.browse-page{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding-left:0!important;padding-right:0!important;}
  body main.site-main .container.product-page.permanent-listing-page{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding-left:0!important;padding-right:0!important;}
  body main.site-main .container.browse-page #listing-grid.listing-layout-cards{grid-template-columns:1fr!important;}
  body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-image-link,
  body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-img{min-height:112px!important;}
}

/* Sitewide header-edge width guard: keep page content inside logo-to-hamburger bounds. */
body main.site-main > .container,
body main.site-main > .container-narrow,
body main.site-main > .browse-page,
body main.site-main > .product-page,
body main.site-main > .dashboard-page,
body main.site-main > .member-dashboard,
body main.site-main > .quest-log-page,
body main.site-main > .profile-shell,
body main.site-main > .public-profile-shell,
body main.site-main > .feedback-page,
body main.site-main > .impact-page,
body main.site-main > .readiness-page,
body main.site-main > .ops-page,
body main.site-main > .admin-page{box-sizing:border-box!important;width:min(var(--swapthing-content-width),calc(100vw - 88px))!important;max-width:var(--swapthing-content-width)!important;margin-left:auto!important;margin-right:auto!important;}
body main.site-main > .container > *,
body main.site-main > .container-narrow > *,
body main.site-main > .browse-page > *,
body main.site-main > .product-page > *,
body main.site-main > .dashboard-page > *,
body main.site-main > .member-dashboard > *,
body main.site-main > .quest-log-page > *,
body main.site-main > .profile-shell > *,
body main.site-main > .public-profile-shell > *,
body main.site-main > .feedback-page > *,
body main.site-main > .impact-page > *,
body main.site-main > .readiness-page > *,
body main.site-main > .ops-page > *,
body main.site-main > .admin-page > *{max-width:100%!important;box-sizing:border-box!important;}
body main.site-main .todo-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
@media(max-width:760px){body main.site-main > .container,body main.site-main > .container-narrow,body main.site-main > .browse-page,body main.site-main > .product-page,body main.site-main > .dashboard-page,body main.site-main > .member-dashboard,body main.site-main > .quest-log-page,body main.site-main > .profile-shell,body main.site-main > .public-profile-shell,body main.site-main > .feedback-page,body main.site-main > .impact-page,body main.site-main > .readiness-page,body main.site-main > .ops-page,body main.site-main > .admin-page{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}}



/* Browse search submit placement: PC left, phone portrait bottom green. */
.browse-search-card form{display:grid!important;grid-template-columns:minmax(240px,1.5fr) .72fr .62fr .58fr auto!important;gap:.8rem!important;align-items:end!important;}
.browse-submit-btn{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--green),var(--green-dark))!important;color:#031008!important;font-weight:950!important;min-height:46px!important;padding:.72rem 1.2rem!important;box-shadow:0 10px 24px rgba(23,148,84,.22)!important;cursor:pointer!important;}
.browse-submit-btn-mobile{display:none!important;}
.browse-submit-btn-pc{order:99!important;justify-self:end!important;min-width:118px!important;}
@media(max-width:760px) and (orientation:portrait){.browse-search-card form{grid-template-columns:1fr!important}.browse-submit-btn-pc{display:none!important}.browse-submit-btn-mobile{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin-top:.2rem!important}}


/* FINAL eBay-style Browse rating stars 2026-06-28: grey/black base, clipped gold fill */
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  order:2!important;
  margin-left:0!important;
  font-size:1.5rem!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  display:inline-flex!important;
  gap:1px!important;
  color:inherit!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star{
  position:relative!important;
  display:inline-block!important;
  width:1em!important;
  height:1em!important;
  overflow:hidden!important;
  font-size:inherit!important;
  line-height:1!important;
  color:#d7d7d2!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#d7d7d2!important;
  -webkit-text-stroke:.35px #000!important;
  text-shadow:none!important;
}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star::after{
  content:'★'!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:var(--fill)!important;
  height:100%!important;
  overflow:hidden!important;
  color:#ffd84d!important;
  -webkit-text-fill-color:#ffd84d!important;
  -webkit-text-stroke:.35px #000!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
@media(max-width:900px){html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{font-size:1.5rem!important}}

/* TOP FINAL dark-mode Browse card state text 2026-06-28 */
html[data-theme="dark"] body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .loc{color:#000!important;}
/* TOP FINAL Browse card star/type order override 2026-06-28 */
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;width:100%!important;}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .type-pill{grid-column:1!important;grid-row:1!important;justify-self:start!important;order:1!important;margin-left:0!important;}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{grid-column:3!important;grid-row:1!important;justify-self:end!important;order:2!important;margin-left:0!important;font-size:1.5rem!important;line-height:1!important;letter-spacing:.02em!important;display:inline-flex!important;gap:1px!important;text-shadow:-.45px -.45px 0 #000,.45px -.45px 0 #000,-.45px .45px 0 #000,.45px .45px 0 #000!important;-webkit-text-stroke:.35px #000!important;paint-order:stroke fill!important;}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star{font-size:inherit!important;line-height:1!important;color:#8b8f87!important;background:linear-gradient(90deg,#ffd84d 0 var(--fill),#8b8f87 var(--fill) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:-.35px -.35px 0 #000,.35px -.35px 0 #000,-.35px .35px 0 #000,.35px .35px 0 #000!important;-webkit-text-stroke:.35px #000!important;}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .loc{grid-column:1 / -1!important;grid-row:2!important;justify-self:end!important;order:3!important;margin-left:0!important;}
@media(max-width:900px){html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .loc{justify-self:start!important}html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{font-size:1.35rem!important}}

/* Critical Browse card star/type order 2026-06-28 */
.listing-card .listing-meta-rating-type{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;width:100%!important;}
.listing-card .listing-meta-rating-type .type-pill{grid-column:1!important;grid-row:1!important;justify-self:start!important;order:1!important;margin-left:0!important;}
.listing-card .listing-meta-rating-type .browse-card-stars{grid-column:3!important;grid-row:1!important;justify-self:end!important;order:2!important;font-size:1.5rem!important;line-height:1!important;letter-spacing:.02em!important;display:inline-flex!important;gap:1px!important;text-shadow:-.45px -.45px 0 #000,.45px -.45px 0 #000,-.45px .45px 0 #000,.45px .45px 0 #000!important;-webkit-text-stroke:.35px #000!important;paint-order:stroke fill!important;}
.listing-card .listing-meta-rating-type .browse-card-stars .rating-star{font-size:inherit!important;line-height:1!important;color:#8b8f87!important;background:linear-gradient(90deg,#ffd84d 0 var(--fill),#8b8f87 var(--fill) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:-.35px -.35px 0 #000,.35px -.35px 0 #000,-.35px .35px 0 #000,.35px .35px 0 #000!important;-webkit-text-stroke:.35px #000!important;}
.listing-card .listing-meta-rating-type .loc{grid-column:1 / -1!important;grid-row:2!important;justify-self:end!important;order:3!important;margin-left:0!important;}
@media(max-width:900px){.listing-card .listing-meta-rating-type .loc{justify-self:start!important}.listing-card .listing-meta-rating-type .browse-card-stars{font-size:1.35rem!important}}


/* Wishlist listings use standard card layout with delete action pinned to card bottom. */
.wishlist-card-grid.listing-grid.listing-layout-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:18px!important;align-items:stretch!important;}
.wishlist-card-grid .wishlist-listing-card.listing-card{display:flex!important;flex-direction:column!important;min-height:100%!important;border-radius:22px!important;overflow:hidden!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;}
.wishlist-card-grid .wishlist-listing-card .listing-image-link{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;background:rgba(0,0,0,.08)!important;}
.wishlist-card-grid .wishlist-listing-card .listing-img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;display:block!important;}
.wishlist-card-grid .wishlist-listing-card .listing-body{display:flex!important;flex-direction:column!important;gap:.55rem!important;flex:1 1 auto!important;padding:14px!important;min-width:0!important;}
.wishlist-card-grid .wishlist-listing-card .listing-card-actions{margin-top:auto!important;padding-top:12px!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;}
.wishlist-card-grid .wishlist-listing-card .listing-card-actions form,.wishlist-card-grid .wishlist-listing-card form.listing-card-actions{width:100%!important;margin:0!important;}
.wishlist-card-grid .wishlist-delete-btn{width:100%!important;min-height:44px!important;border-color:rgba(220,38,38,.35)!important;background:rgba(220,38,38,.09)!important;color:#b91c1c!important;}
.wishlist-card-grid .wishlist-delete-btn:hover{background:rgba(220,38,38,.16)!important;}
@media(max-width:760px){.wishlist-card-grid.listing-grid.listing-layout-cards{grid-template-columns:1fr!important}.wishlist-card-grid .wishlist-listing-card.listing-card{display:flex!important;grid-template-columns:none!important;min-height:0!important}.wishlist-card-grid .wishlist-listing-card .listing-image-link{width:100%!important;height:auto!important}.wishlist-card-grid .wishlist-listing-card .listing-img{width:100%!important;height:100%!important;min-height:0!important}.wishlist-card-grid .wishlist-listing-card .listing-body{padding:12px!important}}
/* Critical Browse header row restore 2026
6: 28 */
.dashboard-tab-strip{display:flex!important;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .85rem;padding:.55rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);position:sticky;top:10px;z-index:8}.dashboard-tab-strip a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1rem;border-radius:999px;color:var(--ink);font-weight:950;text-decoration:none;border:1px solid transparent}.dashboard-tab-strip a:hover,.dashboard-tab-strip a:focus-visible{background:var(--green);color:#07110c;border-color:rgba(0,0,0,.08)}.dashboard-tab-panel{scroll-margin-top:96px}.dashboard-tab-stat-grid,.dashboard-achievement-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem}.dashboard-tab-stat-grid article,.dashboard-achievement-summary article{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(21,138,79,.10)}.dashboard-tab-stat-grid strong,.dashboard-achievement-summary strong{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1;color:var(--green)}.dashboard-tab-stat-grid span,.dashboard-achievement-summary span{font-weight:950}.dashboard-tab-stat-grid small,.dashboard-achievement-summary small{color:var(--muted);font-weight:750}.dashboard-mini-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.dashboard-mini-card a,.dashboard-achievement-chip{display:grid;gap:.55rem;height:100%;padding:.85rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.07);color:var(--ink);text-decoration:none}.dashboard-mini-card a{grid-template-columns:72px minmax(0,1fr);align-items:center}.dashboard-mini-card img{width:72px;height:72px;border-radius:14px;object-fit:cover;background:rgba(0,0,0,.08)}.dashboard-mini-card strong,.dashboard-achievement-chip strong{display:block;font-weight:950}.dashboard-mini-card small,.dashboard-achievement-chip small{display:block;color:var(--muted);font-weight:750;line-height:1.35}.dashboard-achievement-chip span{font-size:2rem;line-height:1}.dashboard-settings-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}.dashboard-settings-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1rem;border-radius:16px;border:1px solid var(--line);background:rgba(21,138,79,.12);color:var(--ink);font-weight:950;text-decoration:none}html[data-theme="dark"] .dashboard-tab-strip{background:rgba(12,22,16,.92);border-color:#52677a}html[data-theme="dark"] .dashboard-tab-strip a,html[data-theme="dark"] .dashboard-mini-card a,html[data-theme="dark"] .dashboard-achievement-chip,html[data-theme="dark"] .dashboard-settings-links a{color:#fffaf0}html[data-theme="dark"] .dashboard-tab-stat-grid article,html[data-theme="dark"] .dashboard-achievement-summary article,html[data-theme="dark"] .dashboard-mini-card a,html[data-theme="dark"] .dashboard-achievement-chip{background:rgba(255,255,255,.045)}@media(max-width:720px){.dashboard-tab-strip{position:static;border-radius:22px;display:grid!important;grid-template-columns:1fr 1fr}.dashboard-tab-strip a{border-radius:16px;padding:.7rem}.dashboard-mini-card-grid{grid-template-columns:1fr}.dashboard-mini-card a{grid-template-columns:64px minmax(0,1fr)}.dashboard-mini-card img{width:64px;height:64px}}@media(max-width:420px){.dashboard-tab-strip{grid-template-columns:1fr}}
.wishlist-card-grid,.member-listing-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.wishlist-card,.member-listing-card{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.wishlist-card-media,.member-listing-media{display:block;aspect-ratio:16/10;background:rgba(0,0,0,.08);overflow:hidden}.wishlist-card-media img,.member-listing-media img{width:100%;height:100%;object-fit:cover;display:block}.wishlist-card-body,.member-listing-body{display:grid;gap:.65rem;padding:1rem}.wishlist-card-body h2,.member-listing-body h2{margin:0;font-size:1.12rem}.wishlist-card-meta,.member-listing-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.wishlist-card-actions,.member-listing-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.member-listing-card[data-active="1"]::before,.member-listing-card[data-active="1"]::after{content:"";display:none}@media(max-width:760px){.wishlist-card-grid,.member-listing-card-grid{grid-template-columns:1fr}.member-listing-card{touch-action:pan-y}.member-listing-card::before,.member-listing-card::after{position:absolute;top:0;bottom:0;width:92px;display:flex!important;align-items:center;justify-content:center;font-weight:950;color:#fff;opacity:.88;z-index:0}.member-listing-card::before{content:"Disable";left:0;background:#2563eb}.member-listing-card::after{content:"Delete";right:0;background:#b91c1c}.member-listing-card>*{position:relative;z-index:1;background:var(--surface)}.member-listing-card[data-active="0"]::before{content:"";background:transparent}.member-listing-actions form{flex:1}.member-listing-actions button,.member-listing-actions a{width:100%;min-height:44px}}
.profile-shell .compact-card,.profile-shell .profile-form{width:100%!important;max-width:none!important;}
.profile-form.public-identity-card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem 1.25rem!important;align-items:start!important;}
.profile-form.public-identity-card h2,.profile-form.public-identity-card .handle-change-callout,.profile-form.public-identity-card .active-location-prompt,.profile-form.public-identity-card .profile-location-grid,.profile-form.public-identity-card .profile-avatar-upload-card,.profile-form.public-identity-card .account-options-grid,.profile-form.public-identity-card button[type="submit"]{grid-column:1 / -1!important;}
.profile-avatar-upload-card{display:grid!important;grid-template-columns:148px minmax(0,1fr)!important;gap:1rem!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:22px!important;background:rgba(255,255,255,.05)!important;padding:1rem!important;}
.profile-avatar-preview{width:128px!important;height:128px!important;border-radius:999px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--green),var(--green-dark))!important;color:#06110b!important;font-size:3rem!important;font-weight:950!important;border:3px solid var(--line)!important;box-shadow:var(--shadow)!important;}
.profile-avatar-preview img{width:100%!important;height:100%!important;object-fit:cover!important;}
.profile-avatar-fields{display:grid!important;gap:.85rem!important;min-width:0!important;}
.profile-avatar-fields input[type="file"]{cursor:pointer!important;background:rgba(255,255,255,.08)!important;}
@media(max-width:860px){.profile-shell{width:100%!important;padding:14px!important}.profile-form.public-identity-card{grid-template-columns:1fr!important}.profile-avatar-upload-card{grid-template-columns:1fr!important;justify-items:start!important}.profile-avatar-preview{width:104px!important;height:104px!important;font-size:2.4rem!important}}
.wishlist-card-grid,.member-listing-card-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:18px!important;margin-top:1rem!important;}
.wishlist-listing-card,.member-listing-card{position:relative!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;background:var(--surface)!important;}
.member-listing-card-inner{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;background:inherit!important;transition:transform .18s ease!important;min-height:140px!important;}
.member-listing-card .listing-image-link{width:140px!important;height:140px!important;align-self:stretch!important;}
.member-listing-card .listing-img{width:140px!important;height:140px!important;min-height:140px!important;object-fit:cover!important;}
.member-listing-card .listing-body{padding:14px!important;min-width:0!important;}
.swipe-action{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;font-weight:950!important;color:#fff!important;padding:0 1.2rem!important;z-index:1!important;}
.swipe-action-disable{justify-content:flex-start!important;background:linear-gradient(90deg,#2563eb,#38bdf8)!important;}
.swipe-action-delete{justify-content:flex-end!important;background:linear-gradient(90deg,#dc2626,#991b1b)!important;}
.prior-swap-list{display:grid!important;gap:.75rem!important;margin-top:.8rem!important;}
.swap-history-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:.75rem!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;padding:.85rem 1rem!important;}
@media(max-width:760px){.wishlist-card-grid,.member-listing-card-grid{grid-template-columns:1fr!important}.wishlist-listing-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important}.wishlist-listing-card .listing-image-link{width:112px!important;height:112px!important}.wishlist-listing-card .listing-img{width:112px!important;height:112px!important;min-height:112px!important}.wishlist-listing-card .listing-body{padding:12px!important}.member-listing-card-inner{grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important}.member-listing-card .listing-image-link,.member-listing-card .listing-img{width:112px!important;height:112px!important;min-height:112px!important}.member-listing-card .listing-manage-actions{gap:.35rem!important}.member-listing-card .listing-manage-actions button{min-height:40px!important}.swap-history-card{grid-template-columns:1fr!important}}
.browse-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;margin:.4rem 0 1rem!important;width:100%!important;}
.browse-page-title{margin:0!important;font-size:clamp(2rem,6vw,4.4rem)!important;line-height:.95!important;letter-spacing:-.06em!important;font-weight:950!important;color:var(--ink)!important;}
.browse-header-row .browse-search-toggle{margin-left:auto!important;position:static!important;right:auto!important;top:auto!important;}
.browse-header-controls{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:.65rem!important;margin-left:auto!important;flex-wrap:nowrap!important;}
.browse-view-toggle{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;box-shadow:var(--shadow)!important;min-height:52px!important;}
.browse-view-button{width:44px!important;height:44px!important;border:0!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:transparent!important;color:var(--muted)!important;cursor:pointer!important;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;}
.browse-view-button svg{width:23px!important;height:23px!important;display:block!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.browse-view-button:hover{transform:translateY(-1px)!important;color:var(--ink)!important;background:rgba(55,209,126,.12)!important;}
.browse-view-button[aria-pressed="true"]{background:linear-gradient(135deg,var(--green),var(--green-dark))!important;color:#06110b!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important;}
html[data-theme="dark"] .browse-view-button[aria-pressed="true"]{color:#031008!important;}
.listing-grid.listing-layout-list{grid-template-columns:1fr!important;}
.listing-grid.listing-layout-list .listing-card{display:grid!important;grid-template-columns:156px minmax(0,1fr)!important;min-height:156px!important;}
.listing-grid.listing-layout-list .listing-image-link{width:156px!important;height:156px!important;align-self:stretch!important;}
.listing-grid.listing-layout-list .listing-img{width:156px!important;height:156px!important;min-height:156px!important;object-fit:cover!important;}
.listing-grid.listing-layout-list .listing-body{min-width:0!important;justify-content:center!important;}
.listing-grid.listing-layout-list .listing-card-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;margin-top:auto!important;}
.listing-grid.listing-layout-list .listing-card-actions form{display:flex!important;justify-content:flex-end!important;width:auto!important;margin:0 0 0 auto!important;}
.listing-grid.listing-layout-list .listing-card-actions .small-btn{margin-left:auto!important;}
.listing-grid.listing-layout-cards .listing-card{display:flex!important;flex-direction:column!important;}
@media(max-width:560px){.browse-header-row{align-items:flex-start!important;gap:.75rem!important}.browse-header-controls{gap:.45rem!important}.browse-view-toggle{min-height:46px!important;padding:3px!important}.browse-view-button{width:40px!important;height:40px!important}.browse-view-button svg{width:21px!important;height:21px!important}}
@media(max-width:760px){.listing-grid.listing-layout-cards,.listing-grid.listing-layout-list{grid-template-columns:1fr!important}.listing-grid.listing-layout-cards .listing-card,.listing-grid.listing-layout-list .listing-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important;border-radius:18px!important}.listing-grid.listing-layout-cards .listing-image-link,.listing-grid.listing-layout-list .listing-image-link{width:112px!important;height:112px!important;align-self:stretch!important}.listing-grid.listing-layout-cards .listing-img,.listing-grid.listing-layout-list .listing-img{width:112px!important;height:112px!important;min-height:112px!important}.listing-grid.listing-layout-cards .listing-body,.listing-grid.listing-layout-list .listing-body{padding:12px!important;gap:6px!important}}



/* Browse hero removed: compact search toolbar 2026-06-28 */
.browse-toolbar{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin:.25rem 0 1rem!important;}
.browse-toolbar .browse-search-toggle{margin-left:auto!important;}



/* Critical Browse search placement/animation and brand message 2026-06-28 */
.browse-title-search-row{align-items:flex-start!important;}
.browse-title-copy{width:100%!important;}
.browse-eyebrow-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;width:100%!important;margin-bottom:.25rem!important;}
.browse-eyebrow-row .hero-eyebrow{margin:0!important;}
.browse-search-toggle{cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important;padding:.68rem .95rem!important;font-weight:950!important;min-width:52px!important;min-height:52px!important;transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;}
.browse-search-toggle:hover,.browse-search-toggle[aria-expanded="true"]{transform:translateY(-1px)!important;box-shadow:var(--shadow-strong)!important;background:rgba(55,209,126,.16)!important;}
.browse-search-toggle span[aria-hidden="true"]{font-size:1.35rem!important;line-height:1!important;}
.browse-search-card{overflow:hidden!important;max-height:0!important;opacity:0!important;transform:translateY(-8px)!important;margin:0 auto 0!important;padding:0 1rem!important;border-width:0!important;transition:max-height .34s ease, opacity .24s ease, transform .24s ease, margin .34s ease, padding .34s ease, border-width .34s ease!important;}
.browse-search-card.is-open{max-height:360px!important;opacity:1!important;transform:translateY(0)!important;margin:0 auto 1.35rem!important;padding:1rem!important;border-width:1px!important;}
.browse-search-card .browse-search-card-inner{display:grid!important;gap:.7rem!important;}
.browse-search-card form{width:100%!important;}
@media (max-width:760px){.browse-eyebrow-row{align-items:center!important}.browse-search-toggle-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.browse-search-card.is-open{max-height:520px!important}}



/* Critical Browse: default collapsed search icon, no Add Thing CTA 2026-06-28 */
.browse-search-collapsed{display:grid!important;justify-items:center!important;margin:1rem auto 1.35rem!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
.browse-search-collapsed .browse-search-toggle{list-style:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important;padding:.75rem 1rem!important;font-weight:950!important;min-width:52px!important;min-height:52px!important;}
.browse-search-collapsed .browse-search-toggle::-webkit-details-marker{display:none!important;}
.browse-search-collapsed .browse-search-toggle span[aria-hidden="true"]{font-size:1.35rem!important;line-height:1!important;}
.browse-search-collapsed:not([open]) .browse-search-toggle-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
.browse-search-collapsed[open]{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:var(--shadow)!important;padding:1rem!important;justify-items:stretch!important;}
.browse-search-collapsed[open] .browse-search-toggle{justify-self:center!important;margin-bottom:.85rem!important;}
.browse-search-collapsed form{width:100%!important;}



/* Final browse card type-right alignment 2026-06-28 */
.listing-card .listing-meta-rating-type{display:grid!important;grid-template-columns:auto 1fr max-content!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:2px!important;width:100%!important;}
.listing-card .listing-meta-rating-type .browse-card-stars{grid-column:1!important;grid-row:1!important;justify-self:start!important;}
.listing-card .listing-meta-rating-type .type-pill{grid-column:3!important;grid-row:1!important;justify-self:end!important;margin-left:0!important;}
.listing-card .listing-meta-rating-type .loc{grid-column:1 / -1!important;grid-row:2!important;justify-self:end!important;margin-left:0!important;}













/* Early responsive content width: section cards match header/page width. */
.dashboard-page,.member-dashboard,.quest-log-page{width:min(100%,calc(100vw - 32px))!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important;}
.dashboard-page>section,.member-dashboard>section,.quest-log-page>section,.dashboard-page>.compact-card,.member-dashboard>.compact-card,.quest-log-page>.compact-card{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
.quest-log-page .readiness-hero,.quest-log-page .compact-card,.quest-log-page .quest-log-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.quest-log-list{width:100%!important;max-width:100%!important;}
@media(min-width:1300px){.dashboard-page,.member-dashboard,.quest-log-page{max-width:calc(100vw - 64px)!important;}}
@media(max-width:760px){.dashboard-page,.member-dashboard,.quest-log-page{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;padding-left:8px!important;padding-right:8px!important;}}

/* Compact member slot formula display. */
.slot-formula-strip,.my-things-slot-formulas{display:grid;gap:.35rem;margin:.8rem 0 1rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:18px;background:rgba(21,138,79,.10);font-size:.9rem;line-height:1.35;}
.slot-formula-strip p,.my-things-slot-formulas p{margin:0;overflow-wrap:anywhere;}
.slot-formula-strip strong,.my-things-slot-formulas strong{color:var(--green);}
.wishlist-formula-note{display:block;margin-top:.35rem;font-size:.78rem;line-height:1.3;color:var(--muted);max-width:34ch;}
html[data-theme="dark"] .slot-formula-strip,html[data-theme="dark"] .my-things-slot-formulas{background:rgba(94,234,159,.08);}



/* Early admin sensitive-action confirmation and user delete controls. */
.admin-security-confirm-card{border:2px solid rgba(220,38,38,.35)!important;}
.admin-security-confirm-form{display:grid!important;gap:.85rem!important;max-width:620px!important;}
.trash-icon-btn{display:inline-grid!important;place-items:center!important;width:2.35rem!important;height:2.35rem!important;border-radius:999px!important;border:1px solid rgba(220,38,38,.35)!important;background:rgba(220,38,38,.09)!important;color:#b91c1c!important;font-size:1.05rem!important;cursor:pointer!important;}
.trash-icon-btn:hover{background:rgba(220,38,38,.18)!important;transform:translateY(-1px)!important;}

/* Header user-mode control: clickable line slider, not a bulky pill. */
.header-mode-switch{width:min(100%,420px)!important;}
.header-mode-switch .mode-switch{position:relative!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;align-items:end!important;gap:0!important;width:100%!important;min-width:0!important;max-width:420px!important;height:42px!important;padding:0 0 8px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;}
.header-mode-switch .mode-switch::before{content:""!important;position:absolute!important;left:12px!important;right:12px!important;bottom:10px!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(34,197,94,.65),rgba(167,139,250,.65),rgba(56,189,248,.65),rgba(251,146,60,.65))!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.18)!important;}
.header-mode-switch .mode-switch .mode-knob{position:absolute!important;z-index:1!important;left:0!important;bottom:4px!important;top:auto!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#22c55e!important;border:3px solid #07110c!important;box-shadow:0 0 0 2px rgba(255,255,255,.88),0 8px 18px rgba(0,0,0,.28)!important;transition:transform .18s ease,background .18s ease!important;}
.header-mode-switch .mode-switch-mod .mode-knob{transform:translateX(calc((100% - 18px) * 0))!important;}
.header-mode-switch .mode-switch-admin .mode-knob{transform:translateX(calc((100% - 18px) * 0))!important;}
.header-mode-switch .mode-switch.is-member .mode-knob{transform:translateX(calc((100% - 18px) * 0))!important;background:#22c55e!important;}
.header-mode-switch .mode-switch.is-subscriber .mode-knob{transform:translateX(calc((100% - 18px) * .3333))!important;background:#a78bfa!important;}
.header-mode-switch .mode-switch-mod.is-staff .mode-knob{transform:translateX(calc((100% - 18px) * 1))!important;background:#38bdf8!important;}
.header-mode-switch .mode-switch-admin.is-staff .mode-knob{transform:translateX(calc((100% - 18px) * .6666))!important;background:#38bdf8!important;}
.header-mode-switch .mode-switch-admin.is-admin .mode-knob{transform:translateX(calc((100% - 18px) * 1))!important;background:#fb923c!important;}
.header-mode-switch .mode-switch .mode-option{position:relative!important;z-index:2!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;height:34px!important;padding:0 .35rem 16px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#dbeafe!important;font-size:.72rem!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;text-shadow:0 1px 2px rgba(0,0,0,.55)!important;cursor:pointer!important;}
.header-mode-switch .mode-switch .mode-option::after{content:""!important;position:absolute!important;left:50%!important;bottom:5px!important;width:9px!important;height:9px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:#cbd5e1!important;border:2px solid #07110c!important;box-shadow:0 0 0 1px rgba(255,255,255,.65)!important;}
.header-mode-switch .mode-switch .mode-option[aria-pressed="true"]{color:#fff!important;}
.header-mode-switch .mode-switch .mode-option[aria-pressed="true"]::after{background:currentColor!important;}
.header-mode-switch .mode-switch .mode-option:hover,.header-mode-switch .mode-switch .mode-option:focus-visible{color:#fff!important;outline:0!important;text-decoration:underline!important;text-underline-offset:4px!important;}
.header-mode-switch .mode-switch-mod{max-width:320px!important;}
.header-mode-switch .mode-switch-admin{max-width:420px!important;}
@media(max-width:760px){.header-mode-switch{width:100%!important;max-width:420px!important}.header-mode-switch .mode-switch{height:40px!important}.header-mode-switch .mode-switch .mode-option{font-size:.68rem!important;padding-inline:.18rem!important}}



/* Final staff mode line geometry: endpoint-aligned ticks, no extra leading knob. */
.header-mode-switch .mode-switch{--tick-size:14px;--track-y:10px;--track-pad:calc(var(--tick-size) / 2);height:44px!important;padding:0 0 10px!important;}
.header-mode-switch .mode-switch::before{left:var(--track-pad)!important;right:var(--track-pad)!important;bottom:var(--track-y)!important;height:3px!important;}
.header-mode-switch .mode-switch .mode-knob{display:none!important;}
.header-mode-switch .mode-switch .mode-option{position:static!important;height:36px!important;padding:0 .28rem 18px!important;}
.header-mode-switch .mode-switch .mode-option::after{left:calc(var(--track-pad) + ((100% - (var(--track-pad) * 2)) * var(--mode-pos,0)))!important;bottom:calc(var(--track-y) - (var(--tick-size) / 2) + 1.5px)!important;width:var(--tick-size)!important;height:var(--tick-size)!important;transform:translateX(-50%)!important;border-width:2px!important;}
.header-mode-switch .mode-switch-mod .mode-option:nth-of-type(1){--mode-pos:0;}
.header-mode-switch .mode-switch-mod .mode-option:nth-of-type(2){--mode-pos:.5;}
.header-mode-switch .mode-switch-mod .mode-option:nth-of-type(3){--mode-pos:1;}
.header-mode-switch .mode-switch-admin .mode-option:nth-of-type(1){--mode-pos:0;}
.header-mode-switch .mode-switch-admin .mode-option:nth-of-type(2){--mode-pos:.333333;}
.header-mode-switch .mode-switch-admin .mode-option:nth-of-type(3){--mode-pos:.666667;}
.header-mode-switch .mode-switch-admin .mode-option:nth-of-type(4){--mode-pos:1;}
.header-mode-switch .mode-switch .mode-option[aria-pressed="true"]::after{width:calc(var(--tick-size) * 1.22)!important;height:calc(var(--tick-size) * 1.22)!important;bottom:calc(var(--track-y) - (var(--tick-size) * .61) + 1.5px)!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 8px 18px rgba(0,0,0,.32)!important;}
@media(max-width:760px){.header-mode-switch .mode-switch{--tick-size:13px;height:42px!important}.header-mode-switch .mode-switch .mode-option{font-size:.66rem!important;padding-inline:.1rem!important}}





/* Quest log and active quest panel. */
.active-quest-card{border-color:rgba(34,197,94,.38)!important;background:linear-gradient(135deg,rgba(21,138,79,.12),rgba(255,255,255,.04))!important;}
.quest-progress-line{display:grid!important;grid-template-columns:auto minmax(120px,1fr) auto!important;gap:.65rem!important;align-items:center!important;margin:.65rem 0!important;font-size:.9rem!important;}
.quest-progress-line>span{height:10px!important;border-radius:999px!important;background:rgba(148,163,184,.28)!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)!important;}
.quest-progress-line i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#22c55e,#38bdf8)!important;}
.quest-progress-line em{font-style:normal!important;font-weight:950!important;color:var(--green)!important;}
.quest-log-list{display:grid!important;gap:.75rem!important;}
.quest-log-card{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)!important;gap:1rem!important;align-items:center!important;padding:.85rem!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--surface)!important;}
.quest-log-card p{margin:.2rem 0 0!important;color:var(--muted)!important;}
.quest-log-card.is-complete{opacity:.78!important;}
.quest-log-card.is-complete strong::before{content:'✓ ';color:var(--green)!important;}
.game-toast-quest{border-color:rgba(34,197,94,.55)!important;}
@media(max-width:760px){.quest-log-card{grid-template-columns:1fr!important}.quest-progress-line{grid-template-columns:1fr!important;gap:.35rem!important}}

/* Dashboard fit + compact slot details table + quick-link select. */
.member-dashboard{width:100%!important;max-width:min(1120px,calc(100vw - 24px))!important;padding-left:12px!important;padding-right:12px!important;overflow-x:hidden!important;}
.member-dashboard .dashboard-hero,.member-dashboard .compact-card,.member-dashboard .dashboard-tab-panel,.member-dashboard .dashboard-overview-block{max-width:100%!important;min-width:0!important;overflow:hidden!important;}
.member-dashboard .dashboard-tab-strip{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;}
.member-dashboard .dashboard-tab-strip>a{white-space:nowrap!important;min-width:0!important;}
.dashboard-quick-links-select{display:inline-flex!important;align-items:center!important;gap:.35rem!important;margin:0 0 0 auto!important;min-width:0!important;flex:0 0 auto!important;}
.dashboard-quick-links-select span{display:none!important;}
.dashboard-quick-links-select select{max-width:170px!important;min-width:132px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--ink)!important;padding:.58rem 1.9rem .58rem .85rem!important;font-weight:850!important;}
.slot-formula-strip{display:none!important;}
.slot-details-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:.75rem 0 1rem!important;border:1px solid var(--line)!important;border-radius:18px!important;background:rgba(21,138,79,.08)!important;}
.slot-details-table{width:100%!important;min-width:0!important;border-collapse:collapse!important;font-size:.86rem!important;line-height:1.25!important;table-layout:fixed!important;}
.slot-details-table th,.slot-details-table td{padding:.5rem .6rem!important;border-bottom:1px solid var(--line)!important;text-align:left!important;vertical-align:top!important;overflow-wrap:anywhere!important;}
.slot-details-table th:nth-child(1){width:44%!important}.slot-details-table th:nth-child(2),.slot-details-table th:nth-child(3){width:16%!important}.slot-details-table th:nth-child(4){width:24%!important}
.slot-details-table thead th{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--muted)!important;background:rgba(21,138,79,.12)!important;}
.slot-details-table tbody th{font-weight:850!important;color:var(--ink)!important;}
.slot-details-table tfoot th,.slot-details-table tfoot td{font-weight:950!important;color:var(--green)!important;background:rgba(21,138,79,.10)!important;border-bottom:0!important;}
.member-dashboard .dashboard-overview-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;}
.member-dashboard .dashboard-tab-stat-grid,.member-dashboard .slot-meter-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;width:100%!important;max-width:100%!important;}
.member-dashboard .wishlist-card-grid,.member-dashboard .dashboard-wishlist-card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;width:100%!important;max-width:100%!important;}
@media(max-width:700px){.member-dashboard{max-width:calc(100vw - 16px)!important;padding-left:8px!important;padding-right:8px!important}.dashboard-quick-links-select{width:100%!important;margin-left:0!important}.dashboard-quick-links-select select{max-width:100%!important;width:100%!important}.slot-details-table{font-size:.78rem!important}.slot-details-table th,.slot-details-table td{padding:.42rem!important}.slot-details-table th:nth-child(1){width:38%!important}.slot-details-table th:nth-child(4){width:30%!important}}

/* Dashboard horizontal fit repair. */
html,body{max-width:100%;overflow-x:hidden;}
.site-main,.container,.dashboard-page,.member-dashboard,.admin-shell,.admin-settings-page{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.dashboard-page,.member-dashboard{width:min(100%,1180px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(12px,2vw,20px)!important;padding-right:clamp(12px,2vw,20px)!important;overflow-x:hidden!important;}
.dashboard-page *,.member-dashboard *,.admin-shell *,.admin-settings-page *{box-sizing:border-box;min-width:0;}
.dashboard-tab-strip{max-width:100%!important;overflow:visible!important;}
.dashboard-overview-grid,.dashboard-tab-stat-grid,.dashboard-mini-card-grid,.dashboard-achievement-summary,.dashboard-settings-links,.dashboard-account-links,.wishlist-card-grid,.dashboard-wishlist-card-grid,.member-listing-card-grid,.slot-meter-grid{max-width:100%!important;min-width:0!important;}
.dashboard-things-grid,.compact-dashboard-things{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.dashboard-things-head,.dashboard-things-row{grid-template-columns:minmax(120px,1fr) minmax(86px,.6fr) minmax(74px,.55fr) minmax(180px,1.5fr)!important;}
.dashboard-things-head span,.dashboard-things-row>*{overflow-wrap:anywhere!important;word-break:normal!important;}
.todo-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.todo-table-wrap table{min-width:min(100%,720px)!important;}
.admin-matrix-grid{max-width:100%!important;overflow:hidden!important;}
.admin-matrix-row{max-width:100%!important;grid-template-columns:minmax(100px,.7fr) minmax(140px,1fr) minmax(90px,.5fr) minmax(56px,.32fr) minmax(180px,1.2fr)!important;}
@media(max-width:860px){.dashboard-page,.member-dashboard{padding-left:12px!important;padding-right:12px!important}.dashboard-overview-grid,.dashboard-tab-stat-grid,.dashboard-achievement-summary,.slot-meter-grid{grid-template-columns:1fr!important}.dashboard-things-head{display:none!important}.dashboard-things-row{grid-template-columns:1fr!important;border-bottom:1px solid var(--line)!important}.dashboard-things-row>*{border-right:0!important;padding:10px 12px!important}.dashboard-things-row>*::before{content:attr(role);display:none}.admin-matrix-row{grid-template-columns:1fr!important}.wishlist-card-grid,.dashboard-wishlist-card-grid,.member-listing-card-grid{grid-template-columns:1fr!important}}

/* Subscriber benefits matrix + 4-position staff/subscriber switch. */
.admin-matrix-grid{display:grid;gap:.5rem;margin:1rem 0 1.2rem;}
.admin-matrix-row{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(170px,1fr) minmax(110px,.55fr) minmax(70px,.35fr) minmax(240px,1.3fr);gap:.7rem;align-items:center;padding:.78rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);}
.admin-matrix-head{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:var(--muted);background:rgba(21,138,79,.10);}
.admin-matrix-row input.input{min-width:0;width:100%;}
.admin-matrix-row strong{font-weight:950;}
.admin-matrix-row small{line-height:1.35;color:var(--muted);}
html[data-theme="dark"] .admin-matrix-row{background:rgba(15,23,42,.72);}
.mode-switch .mode-option{appearance:none!important;border:0!important;background:transparent!important;font:inherit!important;cursor:pointer!important;}
.mode-switch-mod{min-width:284px!important;}
.mode-switch-admin{min-width:360px!important;}
.mode-switch-mod .mode-knob{width:calc((100% - 8px)/3)!important;}
.mode-switch-admin .mode-knob{width:calc((100% - 8px)/4)!important;}
.mode-switch.is-member .mode-knob{transform:translateX(0)!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;}
.mode-switch.is-subscriber .mode-knob{transform:translateX(100%)!important;background:linear-gradient(135deg,#7c3aed,#a78bfa)!important;}
.mode-switch-mod.is-staff .mode-knob{transform:translateX(200%)!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;}
.mode-switch-admin.is-staff .mode-knob{transform:translateX(200%)!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;}
.mode-switch-admin.is-admin .mode-knob{transform:translateX(300%)!important;background:linear-gradient(135deg,#ea580c,#fb923c)!important;}
.mode-switch.is-member .mode-option:nth-of-type(2),.mode-switch.is-subscriber .mode-option:nth-of-type(3),.mode-switch-mod.is-staff .mode-option:nth-of-type(4),.mode-switch-admin.is-staff .mode-option:nth-of-type(4),.mode-switch-admin.is-admin .mode-option:nth-of-type(5){color:#06110b!important;}
@media(max-width:900px){.admin-matrix-head{display:none}.admin-matrix-row{grid-template-columns:1fr}.admin-matrix-row span::before,.admin-matrix-row strong::before,.admin-matrix-row small::before{content:attr(data-label) ': ';display:block;margin-bottom:.15rem;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.mode-switch-mod,.mode-switch-admin{min-width:min(100%,360px)!important;}}
@media(max-width:460px){.mode-switch .mode-option{font-size:.68rem!important;padding:.34rem .34rem!important}.mode-switch-admin{min-width:330px!important}.mode-switch-mod{min-width:260px!important}}

/* Critical true 3-position admin mode slider 2026-06-28 */
.mode-switch{position:relative!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;align-items:center!important;gap:0!important;min-width:178px!important;padding:4px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
.mode-switch-mod{min-width:124px!important;}
.mode-switch .mode-option{position:relative!important;z-index:2!important;text-align:center!important;padding:.38rem .58rem!important;border-radius:999px!important;font-size:.78rem!important;font-weight:950!important;color:#dbeafe!important;white-space:nowrap!important;}
.mode-switch .mode-knob{position:absolute!important;z-index:1!important;top:4px!important;bottom:4px!important;left:4px!important;width:calc((100% - 8px)/2)!important;border-radius:999px!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;transition:transform .18s ease,width .18s ease!important;}
.mode-switch-mod.is-staff .mode-knob{transform:translateX(100%)!important;}
.mode-switch-admin .mode-knob{width:calc((100% - 8px)/3)!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;}
.mode-switch-admin.is-staff .mode-knob{transform:translateX(100%)!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;}
.mode-switch-admin.is-admin .mode-knob{transform:translateX(200%)!important;background:linear-gradient(135deg,#ea580c,#fb923c)!important;}
.mode-switch.is-member .mode-option:nth-of-type(2),.mode-switch-mod.is-staff .mode-option:nth-of-type(3),.mode-switch-admin.is-admin .mode-option:nth-of-type(4){color:#06110b!important;}
.mode-switch-admin.is-staff .mode-option:nth-of-type(3){color:#06110b!important;}
.mode-switch .mode-slider{display:none!important;}

/* Final override for subscriber/admin mode slider positions. */
.mode-switch .mode-option{appearance:none!important;border:0!important;background:transparent!important;font:inherit!important;cursor:pointer!important;}
.mode-switch-mod{min-width:284px!important;}
.mode-switch-admin{min-width:360px!important;}
.mode-switch-mod .mode-knob{width:calc((100% - 8px)/3)!important;}
.mode-switch-admin .mode-knob{width:calc((100% - 8px)/4)!important;}
.mode-switch.is-member .mode-knob{transform:translateX(0)!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;}
.mode-switch.is-subscriber .mode-knob{transform:translateX(100%)!important;background:linear-gradient(135deg,#7c3aed,#a78bfa)!important;}
.mode-switch-mod.is-staff .mode-knob{transform:translateX(200%)!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;}
.mode-switch-admin.is-staff .mode-knob{transform:translateX(200%)!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;}
.mode-switch-admin.is-admin .mode-knob{transform:translateX(300%)!important;background:linear-gradient(135deg,#ea580c,#fb923c)!important;}
.mode-switch.is-member .mode-option:nth-of-type(2),.mode-switch.is-subscriber .mode-option:nth-of-type(3),.mode-switch-mod.is-staff .mode-option:nth-of-type(4),.mode-switch-admin.is-staff .mode-option:nth-of-type(4),.mode-switch-admin.is-admin .mode-option:nth-of-type(5){color:#06110b!important;}



/* Critical header quest system messages and final listing polish 2026-06-28 */
.site-header-inner{position:relative!important;}
.header-system-message-wrap{grid-column:1 / -1!important;justify-self:center!important;width:min(760px,calc(100vw - 32px))!important;display:grid!important;gap:6px!important;max-height:120px!important;opacity:1!important;transform:translateY(0)!important;transition:max-height .35s ease,opacity .28s ease,transform .28s ease,margin .35s ease!important;margin:.45rem auto 0!important;}
.header-system-message-wrap.is-collapsing{max-height:0!important;opacity:0!important;transform:translateY(-8px)!important;margin-top:0!important;overflow:hidden!important;}
.header-system-message{display:flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;text-align:center!important;border-radius:999px!important;padding:.55rem .95rem!important;background:linear-gradient(135deg,rgba(22,122,85,.96),rgba(20,82,112,.96))!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important;font-weight:850!important;}
.header-system-message.error{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;}
.header-system-message strong{text-transform:uppercase!important;letter-spacing:.06em!important;font-size:.74rem!important;}
.listing-meta-rating-type .type-pill{margin-left:auto!important;justify-self:end!important;}
.report-listing-panel{align-self:end!important;}
.toast-host{right:18px!important;bottom:18px!important;z-index:2200!important;}
@media (max-width:760px){.header-system-message{border-radius:18px!important;align-items:flex-start!important;flex-direction:column!important}.header-system-message-wrap{width:calc(100vw - 24px)!important}}



/* Critical browse/listing/moderation polish 2026-06-28 */
.listing-meta-rating-type{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;width:100%!important;}
.listing-meta-rating-type .browse-card-stars{grid-column:1!important;}
.listing-meta-rating-type .type-pill{grid-column:3!important;justify-self:end!important;margin-left:auto!important;}
.listing-meta-rating-type .loc{grid-column:1 / -1!important;justify-self:end!important;margin-left:0!important;}
.listing-qr-centered{text-align:center!important;display:grid!important;justify-items:center!important;align-content:start!important;}
.listing-qr-centered h2,.listing-qr-centered p{max-width:28rem;margin-left:auto!important;margin-right:auto!important;}
.report-listing-panel{display:grid!important;justify-items:center!important;margin:1rem auto!important;width:100%!important;}
.report-listing-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important;border:1px solid #991b1b!important;box-shadow:0 10px 22px rgba(220,38,38,.25)!important;padding:.72rem 1.15rem!important;font-weight:950!important;text-decoration:none!important;}
.report-listing-btn:hover{background:#b91c1c!important;color:#fff!important;}
.danger-pill-btn{border-radius:999px!important;border:1px solid #991b1b!important;background:#dc2626!important;color:#fff!important;font-weight:850!important;padding:.45rem .75rem!important;}
.mode-switch-admin .mode-slider{width:46px!important;}
.mode-switch-admin.is-admin .mode-slider{background:#7c2d12!important;}
.mode-switch-admin.is-admin .mode-slider::before{transform:translateX(28px)!important;background:#f97316!important;}
.mode-switch-admin span:last-child{color:#fb923c;font-weight:950;}
@media (max-width:900px){.listing-meta-rating-type{grid-template-columns:auto 1fr auto!important}.listing-meta-rating-type .loc{justify-self:start!important}}



/* Critical Browse card/search corrections 2026-06-28 */
.filters form{grid-template-columns:minmax(240px,1.5fr) .72fr .62fr .58fr auto!important;align-items:end!important;}
.listing-meta-rating-type{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.listing-meta-rating-type .browse-card-stars{order:1!important;color:#ffd76a!important;font-size:1rem!important;line-height:1!important;}
.listing-meta-rating-type .type-pill{order:2!important;margin-left:0!important;}
.listing-meta-rating-type .loc{order:3!important;margin-left:auto!important;}
.listing-card-actions{margin-top:auto!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;padding-top:12px!important;}
.listing-card-actions form{margin:0!important;width:100%!important;display:flex!important;justify-content:center!important;}
.listing-card-actions .small-btn{min-width:min(190px,90%)!important;text-align:center!important;}
@media (max-width:900px){.filters form{grid-template-columns:1fr!important}.listing-meta-rating-type .loc{margin-left:0!important;flex-basis:100%!important}}

/* Critical internal listing report form. */
.report-listing-panel{margin:.65rem 0 1rem}.report-listing-panel summary{display:inline-flex;cursor:pointer}.report-listing-form{display:grid;gap:.75rem;margin-top:.8rem;padding:1rem;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:rgba(15,23,42,.18)}.report-listing-form textarea{resize:vertical}

/* Critical listing slideshow arrow placement and related-card thumbnails. */
.permanent-listing-page .listing-slide-frame{position:relative!important;}
.permanent-listing-page .slide-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;min-width:78px!important;height:42px!important;border:0!important;border-radius:999px!important;background:rgba(8,15,24,.62)!important;color:#fff!important;font-size:14px!important;line-height:1!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 10px 22px rgba(0,0,0,.28)!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;padding:0 .8rem!important;}
.permanent-listing-page .slide-nav:hover,.permanent-listing-page .slide-nav:focus-visible{background:rgba(20,184,166,.88)!important;color:#03130f!important;outline:2px solid rgba(255,255,255,.8)!important;}
.permanent-listing-page .slide-prev{left:10px!important;right:auto!important;}
.permanent-listing-page .slide-next{right:10px!important;left:auto!important;}
.related-listing-card .listing-image-link{display:block!important;}
.related-listing-card .listing-img{display:block!important;width:100%!important;height:180px!important;object-fit:cover!important;object-position:50% 58%!important;}

/* Critical listing detail rounded background panels. */
.permanent-listing-page .detail-shell{border-radius:28px!important;overflow:hidden!important;}
.permanent-listing-page .detail-panel{border-radius:24px!important;overflow:hidden!important;}
.permanent-listing-page .listing-slide-frame{border-radius:24px!important;overflow:hidden!important;}

/* Critical member listing manage actions. */
.listing-manage-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.listing-manage-actions form{margin:0}.listing-manage-actions button{min-height:36px}.danger-link{border:1px solid rgba(239,68,68,.45)!important;background:rgba(239,68,68,.12)!important;color:#fecaca!important;border-radius:999px!important;padding:.45rem .8rem!important;font-weight:900!important;cursor:pointer!important}html[data-theme="light"] .danger-link{color:#991b1b!important;background:#fee2e2!important}

/* Critical add-listing collapsed sections and condition/readiness guide. */
.add-listing-help,.add-listing-section-card,.optional-listing-fields{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);padding:.85rem 1rem;margin:.85rem 0}.add-listing-help summary,.add-listing-section-card summary,.optional-listing-fields summary{cursor:pointer;font-weight:950;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.add-listing-help summary::-webkit-details-marker,.add-listing-section-card summary::-webkit-details-marker,.optional-listing-fields summary::-webkit-details-marker{display:none}.add-listing-help summary:after,.add-listing-section-card summary:after,.optional-listing-fields summary:after{content:'+';display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:rgba(53,208,127,.18);color:var(--green);font-weight:950}.add-listing-help[open] summary:after,.add-listing-section-card[open] summary:after,.optional-listing-fields[open] summary:after{content:'–'}.add-listing-section-body,.optional-listing-fields .shipping-estimator-fields{margin-top:.85rem}.inline-help-link{font-size:.88rem;font-weight:900;margin-left:.35rem;color:var(--green);white-space:nowrap}.legal-card .button{margin:.35rem .35rem .35rem 0}@media(max-width:760px){.inline-help-link{display:block;margin:.25rem 0 0}.add-listing-help,.add-listing-section-card,.optional-listing-fields{padding:.75rem}}
/* Critical mobile header brand sizing. */
@media (max-width:760px){
  .site-header-inner{padding:10px 14px!important;gap:12px!important;}
  .brand{grid-template-columns:48px auto!important;column-gap:11px!important;}
  .brand-logo{width:48px!important;height:48px!important;}
  .brand-name{font-size:1.78rem!important;line-height:.95!important;}
  .brand-tagline{font-size:.9rem!important;line-height:1.05!important;}
}
@media (max-width:390px){
  .brand{grid-template-columns:44px auto!important;column-gap:9px!important;}
  .brand-logo{width:44px!important;height:44px!important;}
  .brand-name{font-size:1.58rem!important;}
  .brand-tagline{font-size:.82rem!important;}
}

/* Critical browse-card thumbnail framing: use each listing's own image and favor portrait subjects. */
.listing-card .listing-img,.listing-layout-list .listing-img,.listing-list .listing-img,.st-card .st-img{object-fit:cover!important;object-position:center 58%!important;}
.listing-card .listing-image-link{background:linear-gradient(135deg,rgba(15,23,42,.08),rgba(15,23,42,.18))!important;}
.listing-card-item .listing-image-link,.listing-card-service .listing-image-link{background:inherit!important;}
.listing-card .listing-img-contain{object-fit:contain!important;object-position:center center!important;background:transparent!important;}
.listing-card .listing-img-cover{object-fit:cover!important;object-position:center 55%!important;}

/* Critical OAuth onboarding profile location fields. */
.onboarding-location-card{border:1px solid rgba(59,130,246,.35);background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(16,185,129,.1));}
.profile-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.profile-location-grid input{text-transform:none;}
.profile-location-grid input[name="state"]{text-transform:uppercase;}
@media (max-width:720px){.profile-location-grid{grid-template-columns:1fr;}}


/* Critical beta theme image overlays + dashboard cleanup: placed before fragile legacy CSS. */
html[data-skin] body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:screen;background-repeat:repeat,no-repeat;background-size:260px 260px,cover;background-position:top left,center}html[data-skin] .site-header,html[data-skin] .site-main,html[data-skin] .site-footer{position:relative;z-index:1}
html[data-skin="powered-armor"] body::before{opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%2338d9ff' stroke-width='2' opacity='.75'%3E%3Cpath d='M130 24l76 34v58c0 54-31 89-76 120-45-31-76-66-76-120V58z'/%3E%3Cpath d='M64 94h132M82 146h96M130 48v146'/%3E%3Ccircle cx='130' cy='112' r='18'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 50% 12%,rgba(56,217,255,.25),transparent 34%)}
html[data-skin="ember-dungeon"] body::before{opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23ff9f1c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.72'%3E%3Cpath d='M58 210h144M74 210V92l56-44 56 44v118M98 210v-52c0-20 64-20 64 0v52M90 96h22M148 96h22M74 128h112'/%3E%3Cpath d='M42 232c20-22 30-40 16-68 28 18 34 44 22 68'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 18% 18%,rgba(220,38,38,.30),transparent 32%)}
html[data-skin="green-dino"] body::before{opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%231f7a35' opacity='.42'%3E%3Cellipse cx='72' cy='170' rx='28' ry='20' transform='rotate(-22 72 170)'/%3E%3Cellipse cx='54' cy='132' rx='11' ry='24' transform='rotate(-34 54 132)'/%3E%3Cellipse cx='84' cy='122' rx='11' ry='24'/%3E%3Cellipse cx='112' cy='138' rx='11' ry='24' transform='rotate(34 112 138)'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 80% 8%,rgba(255,138,61,.24),transparent 28%)}
html[data-skin="pipe-kingdom"] body::before{opacity:.20;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%230b66d8' stroke-width='4' opacity='.46'%3E%3Crect x='38' y='142' width='54' height='78' rx='10'/%3E%3Crect x='28' y='120' width='74' height='28' rx='8'/%3E%3Crect x='168' y='94' width='54' height='126' rx='10'/%3E%3Crect x='158' y='72' width='74' height='28' rx='8'/%3E%3Cpath d='M48 62h40M68 42v40M124 166h38M143 147v38'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.18),transparent 42%)}
html[data-skin="woodland-quest"] body::before{opacity:.24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.62'%3E%3Cpath d='M130 28l18 56 58 0-47 34 18 56-47-35-47 35 18-56-47-34 58 0z'/%3E%3Cpath d='M46 214c44-14 74-38 84-72 10 34 40 58 84 72M130 82v138'/%3E%3Ccircle cx='130' cy='130' r='64'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 50% 0%,rgba(212,175,55,.24),transparent 30%)}
.dashboard-overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:1rem;margin-top:1rem;align-items:start}.dashboard-overview-block{display:grid;gap:.75rem;min-width:0}.dashboard-overview-block h3{margin:.15rem 0 .25rem;font-size:1.15rem;letter-spacing:-.025em}.compact-dashboard-things{box-shadow:none}.dashboard-settings-panel{display:grid;gap:1rem}.dashboard-settings-handle-form{margin-top:.25rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.dashboard-settings-account-links{margin-top:.25rem}.slot-unlocks-inline .slot-meter-grid{margin-top:.4rem}@media(max-width:860px){.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-tab-strip{position:static!important;border-radius:22px!important}.dashboard-tab-strip a{flex:1 1 130px}}
.skin-store-card{position:relative;overflow:hidden;isolation:isolate}.skin-store-card>*:not(.skin-preview-overlay){position:relative;z-index:1}.skin-preview-overlay{height:92px;margin:-.25rem -.25rem .8rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--cream));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden;position:relative}.skin-preview-overlay::before{content:"";position:absolute;inset:0;opacity:.7;background-size:140px 140px;background-repeat:repeat}.skin-store-card[data-skin-preview="powered-armor"] .skin-preview-overlay{background:linear-gradient(135deg,#050b12,#16202e)}.skin-store-card[data-skin-preview="powered-armor"] .skin-preview-overlay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2338d9ff' stroke-width='2' opacity='.8'%3E%3Cpath d='M70 12l42 20v34c0 30-17 50-42 66-25-16-42-36-42-66V32z'/%3E%3C/g%3E%3C/svg%3E")}.skin-store-card[data-skin-preview="ember-dungeon"] .skin-preview-overlay{background:linear-gradient(135deg,#120604,#32130b)}.skin-store-card[data-skin-preview="green-dino"] .skin-preview-overlay{background:linear-gradient(135deg,#d8f5b1,#6fcf97)}.skin-store-card[data-skin-preview="pipe-kingdom"] .skin-preview-overlay{background:linear-gradient(135deg,#bfe3ff,#d9f99d)}.skin-store-card[data-skin-preview="woodland-quest"] .skin-preview-overlay{background:linear-gradient(135deg,#0b1710,#1e4a2b)}.skin-overlay-note{border-radius:16px;margin:.65rem 0!important}

/* Critical achievement game-board cleanup 2026-06-28 */
/* Critical UI appearance skins: placed before fragile legacy CSS so browser always parses them. */
html[data-skin="powered-armor"]{--paper:#050b12!important;--surface:#101722!important;--cream:#16202e!important;--mint:#152f3a!important;--ink:#f8fafc!important;--muted:#a6b7c9!important;--green:#38d9ff!important;--green-dark:#f4b11a!important;--orange:#ef4444!important;--line:rgba(56,217,255,.45)!important;--shadow:0 12px 32px rgba(56,217,255,.20)!important;--shadow-strong:0 18px 46px rgba(239,68,68,.28)!important;}
html[data-skin="powered-armor"] body{background:radial-gradient(circle at 50% -10%,rgba(56,217,255,.32),transparent 28%),linear-gradient(180deg,#090f1a,#13070a 65%,#05070b)!important;}
html[data-skin="ember-dungeon"]{--paper:#100704!important;--surface:#1b0d09!important;--cream:#25100a!important;--mint:#32130b!important;--ink:#ffe8c7!important;--muted:#d59b72!important;--green:#ff9f1c!important;--green-dark:#b91c1c!important;--orange:#dc2626!important;--line:rgba(255,159,28,.45)!important;--shadow:0 12px 32px rgba(185,28,28,.25)!important;--shadow-strong:0 18px 46px rgba(255,159,28,.24)!important;}
html[data-skin="ember-dungeon"] body{background:radial-gradient(circle at 20% 0%,rgba(220,38,38,.32),transparent 26%),radial-gradient(circle at 80% 18%,rgba(255,159,28,.18),transparent 22%),linear-gradient(180deg,#120604,#060202)!important;}
html[data-skin="green-dino"]{--paper:#e9ffd8!important;--surface:#fffbea!important;--cream:#d8f5b1!important;--mint:#b8ed8d!important;--ink:#12331d!important;--muted:#476b38!important;--green:#39b54a!important;--green-dark:#1f7a35!important;--orange:#ff8a3d!important;--line:rgba(31,122,53,.34)!important;--shadow:0 12px 30px rgba(31,122,53,.20)!important;--shadow-strong:0 18px 44px rgba(255,138,61,.24)!important;}
html[data-skin="green-dino"] body{background:radial-gradient(circle at 15% 8%,rgba(255,138,61,.20),transparent 22%),linear-gradient(180deg,#d8f5b1,#9be08b 58%,#6fcf97)!important;}
html[data-skin="pipe-kingdom"]{--paper:#e8f3ff!important;--surface:#ffffff!important;--cream:#dff0ff!important;--mint:#cde8ff!important;--ink:#0b1f3a!important;--muted:#45617d!important;--green:#e11d2e!important;--green-dark:#0b66d8!important;--orange:#fbbf24!important;--line:rgba(11,102,216,.34)!important;--shadow:0 12px 30px rgba(11,102,216,.20)!important;--shadow-strong:0 18px 46px rgba(225,29,46,.24)!important;}
html[data-skin="pipe-kingdom"] body{background:radial-gradient(circle at 20% 5%,rgba(251,191,36,.24),transparent 16%),linear-gradient(180deg,#bfe3ff,#f7fbff 55%,#d9f99d)!important;}
html[data-skin="woodland-quest"]{--paper:#0b1710!important;--surface:#13251a!important;--cream:#17331f!important;--mint:#1e4a2b!important;--ink:#fff7d6!important;--muted:#c7b98b!important;--green:#d4af37!important;--green-dark:#2f855a!important;--orange:#7dd3fc!important;--line:rgba(212,175,55,.42)!important;--shadow:0 12px 32px rgba(212,175,55,.18)!important;--shadow-strong:0 18px 46px rgba(47,133,90,.28)!important;}
html[data-skin="woodland-quest"] body{background:radial-gradient(circle at 50% -10%,rgba(212,175,55,.24),transparent 24%),linear-gradient(180deg,#0b1710,#06100a 65%,#030805)!important;}
html[data-skin] .site-header,html[data-skin] .compact-card,html[data-skin] .listing-card,html[data-skin] .filters,html[data-skin] .dashboard-hero,html[data-skin] .readiness-hero{border-color:var(--line)!important;box-shadow:var(--shadow)!important;}
html[data-skin] .site-header{background:color-mix(in srgb,var(--surface) 88%,transparent)!important;}
html[data-skin] .button.primary,html[data-skin] .primary-btn,html[data-skin] .filter-btn,html[data-skin] .nav-cta,html[data-skin] .wishlist-button,html[data-skin] .small-btn{background:linear-gradient(135deg,var(--green),var(--green-dark))!important;color:#fff!important;border-color:var(--line)!important;}
html[data-skin="green-dino"] .button.primary,html[data-skin="green-dino"] .primary-btn,html[data-skin="green-dino"] .filter-btn,html[data-skin="green-dino"] .nav-cta,html[data-skin="green-dino"] .wishlist-button,html[data-skin="green-dino"] .small-btn,html[data-skin="pipe-kingdom"] .button.primary,html[data-skin="pipe-kingdom"] .primary-btn,html[data-skin="pipe-kingdom"] .filter-btn,html[data-skin="pipe-kingdom"] .nav-cta,html[data-skin="pipe-kingdom"] .wishlist-button,html[data-skin="pipe-kingdom"] .small-btn{color:#07110c!important;}
html[data-skin] .theme-toggle-track,html[data-skin] .profile-menu-section,html[data-skin] .menu-toggle{border-color:var(--line)!important;box-shadow:var(--shadow)!important;}
html[data-theme][data-skin="powered-armor"] body{background:radial-gradient(circle at 50% -10%,rgba(56,217,255,.32),transparent 28%),linear-gradient(180deg,#090f1a,#13070a 65%,#05070b)!important;}
html[data-theme][data-skin="ember-dungeon"] body{background:radial-gradient(circle at 20% 0%,rgba(220,38,38,.32),transparent 26%),radial-gradient(circle at 80% 18%,rgba(255,159,28,.18),transparent 22%),linear-gradient(180deg,#120604,#060202)!important;}
html[data-theme][data-skin="green-dino"] body{background:radial-gradient(circle at 15% 8%,rgba(255,138,61,.20),transparent 22%),linear-gradient(180deg,#d8f5b1,#9be08b 58%,#6fcf97)!important;}
html[data-theme][data-skin="pipe-kingdom"] body{background:radial-gradient(circle at 20% 5%,rgba(251,191,36,.24),transparent 16%),linear-gradient(180deg,#bfe3ff,#f7fbff 55%,#d9f99d)!important;}
html[data-theme][data-skin="woodland-quest"] body{background:radial-gradient(circle at 50% -10%,rgba(212,175,55,.24),transparent 24%),linear-gradient(180deg,#0b1710,#06100a 65%,#030805)!important;}
html[data-skin] body .listing-card-item,html[data-skin] body .listing-card-service,html[data-skin] body .compact-card,html[data-skin] body .filters{background:linear-gradient(145deg,var(--surface),var(--cream) 52%,var(--mint))!important;color:var(--ink)!important;border-color:var(--line)!important;}
html[data-skin] body .listing-card-service{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--mint) 80%,#7dd3fc 20%) 52%,color-mix(in srgb,var(--green) 30%,var(--surface) 70%))!important;}
html[data-theme][data-skin] .listing-grid .listing-card-item,html[data-theme][data-skin] .listing-list .listing-card-item{background:linear-gradient(145deg,var(--surface),var(--cream) 52%,var(--mint))!important;color:var(--ink)!important;border-color:var(--line)!important;}
html[data-theme][data-skin] .listing-grid .listing-card-service,html[data-theme][data-skin] .listing-list .listing-card-service{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--mint) 80%,#7dd3fc 20%) 52%,color-mix(in srgb,var(--green) 30%,var(--surface) 70%))!important;color:var(--ink)!important;border-color:var(--line)!important;}
.achievement-quest-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:1rem;margin:1rem 0 1.2rem}.current-quest-card{background:linear-gradient(135deg,rgba(55,209,126,.16),rgba(246,195,67,.14));border:1px solid var(--line);border-radius:24px;padding:1rem;box-shadow:var(--shadow)}.current-quest-card h2,.quick-actions-card h2{margin:.15rem 0 .45rem}.quest-progress-label{display:flex;justify-content:space-between;gap:.75rem;font-weight:950;margin:.75rem 0 .35rem}.quest-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.quick-actions-card{border:1px solid var(--line);border-radius:24px;padding:1rem;background:var(--surface);box-shadow:var(--shadow)}.quick-action-list{display:grid;gap:.55rem}.quick-action-list a{display:flex;justify-content:space-between;gap:.75rem;border:1px solid var(--line);border-radius:16px;padding:.75rem .85rem;background:var(--cream);color:var(--ink);text-decoration:none;font-weight:950}.quick-action-list a:hover{background:var(--mint)}.recent-unlocks{margin-top:1.5rem}.recent-unlock-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.recent-unlock-card{border:1px solid var(--line);border-radius:20px;padding:1rem;background:linear-gradient(135deg,rgba(246,195,67,.16),rgba(55,209,126,.12));box-shadow:var(--shadow)}.recent-unlock-card strong,.recent-unlock-card span{display:block}.recent-unlock-card span{color:var(--muted);margin-top:.25rem}.achievement-card.is-earned{background:linear-gradient(145deg,rgba(55,209,126,.18),rgba(246,195,67,.12)),var(--surface)}.achievement-card:not(.is-earned){opacity:.88}.achievement-card:not(.is-earned) .badge-icon{filter:grayscale(1);opacity:.65}.achievement-card .badge-pill{font-size:.78rem}.achievement-card .private-note{margin:.65rem 0 0}@media(max-width:760px){.achievement-quest-board{grid-template-columns:1fr}.quest-actions .small-btn{flex:1 1 160px}.quick-action-list a{min-height:44px;align-items:center}}









/* Sensitive admin action must visibly wait for SES verification. */
.admin-security-confirm-card.is-pending-security{position:sticky!important;top:12px!important;z-index:30!important;border:2px solid rgba(245,158,11,.8)!important;box-shadow:0 18px 45px rgba(245,158,11,.22),var(--shadow-strong)!important;}
.admin-security-confirm-card.is-pending-security::before{content:'SES verification required before this action applies'!important;display:block!important;margin:0 0 .75rem!important;padding:.7rem .85rem!important;border-radius:14px!important;background:rgba(245,158,11,.16)!important;color:var(--ink)!important;font-weight:950!important;text-align:center!important;}
@media(max-width:760px){.admin-security-confirm-card.is-pending-security{top:6px!important}.admin-security-confirm-form{grid-template-columns:1fr!important}.admin-security-confirm-form .input,.admin-security-confirm-form button,.admin-security-confirm-form a{width:100%!important;text-align:center!important;justify-content:center!important;}}
/* Admin member portrait sub-cards with role select and icon controls. */
.admin-user-mod-card .todo-table-wrap{display:none!important;}
.admin-member-card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1rem!important;margin-top:1rem!important;}
.admin-member-sub-card{display:grid!important;gap:.85rem!important;border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;padding:1rem!important;box-shadow:var(--shadow)!important;min-width:0!important;}
.admin-member-card-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.75rem!important;align-items:start!important;}
.admin-member-card-main strong,.admin-member-card-main span{display:block!important;overflow-wrap:anywhere!important;}
.admin-member-meta{display:grid!important;gap:.3rem!important;justify-items:end!important;text-align:right!important;}
.admin-member-action-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.7rem!important;align-items:center!important;}
.admin-member-role-form{display:grid!important;grid-template-columns:minmax(120px,1fr) 46px!important;gap:.55rem!important;align-items:center!important;min-width:0!important;}
.admin-member-role-select{width:100%!important;min-width:0!important;height:46px!important;}
.admin-member-icon-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.45rem!important;}
.icon-action-btn{display:inline-grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.08)!important;color:var(--ink)!important;font-size:1.1rem!important;cursor:pointer!important;padding:0!important;}
.save-icon-btn{border-color:rgba(34,197,94,.45)!important;background:rgba(34,197,94,.12)!important;}
.disable-icon-btn{border-color:rgba(245,158,11,.5)!important;background:rgba(245,158,11,.12)!important;}
.icon-action-btn:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow)!important;}
.icon-placeholder{display:inline-block!important;width:46px!important;height:46px!important;}
@media(max-width:760px){
 .admin-shell{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;padding-left:0!important;padding-right:0!important;}
 .admin-user-mod-card{padding:12px!important;border-radius:18px!important;}
 .admin-member-card-grid{grid-template-columns:1fr!important;gap:.8rem!important;}
 .admin-member-sub-card{padding:.85rem!important;border-radius:18px!important;}
 .admin-member-card-main{grid-template-columns:1fr!important;}
 .admin-member-meta{justify-items:start!important;text-align:left!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
 .admin-member-action-bar{grid-template-columns:1fr!important;align-items:stretch!important;}
 .admin-member-role-form{grid-template-columns:minmax(0,1fr) 46px!important;}
 .admin-member-icon-actions{justify-content:space-between!important;width:100%!important;}
}
/* Early admin member actions: save role and delete spaced on either side. */
.admin-user-action-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.85rem!important;min-width:320px!important;}
.admin-role-save-form{display:flex!important;align-items:center!important;gap:.55rem!important;grid-template-columns:none!important;flex:1 1 auto!important;}
.admin-role-save-form select{min-width:130px!important;}
.admin-delete-user-form{display:inline-flex!important;grid-template-columns:none!important;flex:0 0 auto!important;margin-left:auto!important;}
.role-save-btn{white-space:nowrap!important;}
.admin-protected-label{margin-left:auto!important;}
@media(max-width:760px){.admin-user-action-row{min-width:280px!important;}.admin-role-save-form{flex-wrap:wrap!important;}}
/* PC admin layout fit: consistent page width, no mode-description pills, compact admin drawers. */
.admin-shell{
  width:min(100% - clamp(24px,4vw,64px),1220px)!important;
  max-width:1220px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:1rem!important;
  overflow-x:hidden!important;
}
.admin-shell>.compact-card,
.admin-shell>.profile-hero,
.admin-shell>.admin-stats,
.admin-shell>.admin-grid,
.admin-shell>.swap-ops-overview,
.admin-shell>.trade-cycle-overview{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.admin-shell .profile-hero.compact-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:clamp(18px,2.2vw,28px)!important;
}
.admin-shell .admin-stats{
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;
}
.admin-shell .admin-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:1rem!important;
}
.admin-shell .compact-card{
  padding:clamp(16px,1.8vw,24px)!important;
}
.admin-shell .admin-section-heading{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:.75rem!important;
}
.admin-shell .todo-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  border-radius:16px!important;
  -webkit-overflow-scrolling:touch!important;
}
.admin-shell table{
  width:100%!important;
  min-width:min(860px,100%)!important;
  table-layout:auto!important;
}
.admin-shell th,.admin-shell td{
  max-width:280px!important;
  overflow-wrap:anywhere!important;
  vertical-align:top!important;
}
.admin-shell .admin-research-controls,
.admin-shell .swap-action-strip{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:.75rem!important;
  align-items:end!important;
}
.admin-shell .swap-map-grid,
.admin-shell .admin-business-hero-row{
  grid-template-columns:1fr!important;
}
.admin-achievement-drawer{
  overflow:hidden!important;
}
.admin-achievement-drawer>summary,
.admin-collapsible>summary{
  cursor:pointer!important;
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  padding:.25rem 0 .75rem!important;
  font-weight:950!important;
}
.admin-achievement-drawer>summary::-webkit-details-marker,
.admin-collapsible>summary::-webkit-details-marker{display:none!important;}
.admin-achievement-drawer>summary::after,
.admin-collapsible>summary::after{
  content:'Open'!important;
  flex:0 0 auto!important;
  color:var(--green)!important;
  font-size:.75rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.admin-achievement-drawer[open]>summary::after,
.admin-collapsible[open]>summary::after{content:'Close'!important;}
.admin-achievement-drawer>summary small,
.admin-collapsible>summary small{color:var(--muted)!important;font-weight:800!important;}
.mode-duty-grid{display:none!important;}
@media(max-width:760px){
  .admin-shell{width:min(100% - 24px,100%)!important;}
  .admin-shell table{min-width:760px!important;}
  .admin-shell .admin-section-heading{display:grid!important;grid-template-columns:1fr!important;}
}

/* Critical phone-first repairs for Achievements and table-heavy member pages. */
.achievements-page{max-width:1180px}.achievement-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:1rem;align-items:stretch}.achievement-hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.02;letter-spacing:-.055em}.achievement-score-card{display:grid;place-content:center;text-align:center;min-width:0}.achievement-score-card strong{font-size:clamp(2.1rem,8vw,4.25rem);line-height:.92}.gamification-dashboard{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.achievement-callouts{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr)!important}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}.achievement-card,.game-stat-card,.next-badge-card,.recent-badge-card{min-width:0}.achievement-card h2,.achievement-card p,.next-badge-card h2,.next-badge-card p{overflow-wrap:anywhere}.achievement-card-top{display:flex;gap:.65rem;align-items:center;justify-content:space-between;min-width:0}.badge-pill{white-space:normal;text-align:center;line-height:1.15}.recent-badge{min-width:0}.recent-badge strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.dashboard-page.achievements-page{padding-left:12px!important;padding-right:12px!important}.achievement-hero{grid-template-columns:1fr!important;padding:18px!important;border-radius:20px!important}.achievement-hero h1{font-size:clamp(2rem,10vw,2.75rem)!important}.achievement-hero .plain-copy{font-size:.98rem!important;line-height:1.5!important}.level-strip{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}.level-strip span{justify-content:space-between!important;width:100%!important}.achievement-score-card{min-height:96px!important;padding:16px!important;border-radius:18px!important}.gamification-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.game-stat-card{padding:.85rem!important;border-radius:16px!important}.game-stat-card strong{font-size:1.6rem!important}.achievement-callouts{grid-template-columns:1fr!important;gap:.8rem!important}.next-badge-card,.recent-badge-card,.achievement-card{padding:14px!important;border-radius:18px!important;margin:0!important}.achievement-grid{grid-template-columns:1fr!important;gap:.8rem!important}.achievement-card-top{align-items:flex-start!important}.achievement-icon{width:46px!important;height:46px!important;min-width:46px!important;font-size:1.45rem!important}.badge-pill{padding:6px 9px!important;font-size:.76rem!important}.recent-badge{grid-template-columns:36px minmax(0,1fr)!important}.recent-badge em{grid-column:2!important}.todo-table-wrap{overflow:visible!important}.todo-table-wrap table,.todo-table-wrap thead,.todo-table-wrap tbody,.todo-table-wrap tr,.todo-table-wrap th,.todo-table-wrap td{display:block!important;width:100%!important}.todo-table-wrap thead{display:none!important}.todo-table-wrap tr{border:1px solid var(--line)!important;border-radius:16px!important;margin:.7rem 0!important;padding:.75rem!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important}.todo-table-wrap td{border:0!important;padding:.32rem 0!important;overflow-wrap:anywhere!important}.todo-table-wrap td:first-child{font-weight:950;color:var(--green)!important}.todo-table-wrap form,.todo-table-wrap .inline-admin-form{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important}.todo-table-wrap select,.todo-table-wrap input,.todo-table-wrap button{max-width:100%!important}.admin-section-heading,.privacy-card-head,.swap-user-head{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important;align-items:start!important}.admin-section-heading .secondary-btn{width:max-content;max-width:100%}.profile-shell,.admin-shell,.dashboard-page{gap:1rem!important}.account-options-grid,.dashboard-account-links,.member-notification-list{grid-template-columns:1fr!important}.dashboard-handle-form{grid-template-columns:1fr!important}.dashboard-handle-form button{width:100%!important}}
@media(max-width:430px){.gamification-dashboard{grid-template-columns:1fr!important}.achievement-card-top{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important}.achievement-card-top .badge-pill{justify-self:start}.site-main{overflow-x:hidden}.container{max-width:100%!important}}
/* Critical add-listing camera/photo-primary controls. */
.listing-photo-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.camera-capture-button{min-height:44px;white-space:nowrap}.camera-status{margin:.25rem 0 0;color:var(--muted);font-weight:800}.camera-status.is-error{color:#ef4444}.listing-photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin:.5rem 0 1rem}.listing-photo-preview-card{display:grid;gap:.45rem;border:1px solid var(--line);border-radius:16px;padding:.65rem;background:rgba(255,255,255,.055);cursor:pointer}.listing-photo-preview-card input{width:20px;height:20px}.listing-photo-preview-frame{display:block;overflow:hidden;border-radius:12px;background:#102018;aspect-ratio:4/3}.listing-photo-preview-frame img{width:100%;height:100%;object-fit:cover;display:block}.listing-photo-preview-label{font-weight:950;color:var(--ink)}.camera-capture-overlay{position:fixed;inset:0;z-index:2147483500;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:20px}.camera-capture-panel{width:min(720px,100%);display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow-strong)}.camera-capture-panel video{width:100%;border-radius:16px;background:#000}.camera-capture-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:640px){.listing-photo-tools{grid-template-columns:1fr}.camera-capture-button{width:100%}}
/* Critical dashboard account/notifications layout. */
.dashboard-account-card,.dashboard-notifications-card{display:grid;gap:1rem}.dashboard-handle-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:.85rem;align-items:end}.dashboard-handle-form label{display:grid;gap:.35rem;font-weight:900}.dashboard-account-links,.member-notification-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.dashboard-account-links a,.member-notification-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);padding:.85rem;text-decoration:none;color:var(--ink);font-weight:900}.dashboard-account-links a:hover{background:var(--mint);color:#031008}.member-notification-card{display:grid;gap:.35rem;font-weight:800}.member-notification-card span,.member-notification-card small{color:var(--muted);font-weight:750}.member-notification-card a{justify-self:start;color:var(--green);font-weight:950}@media(max-width:680px){.dashboard-handle-form{grid-template-columns:1fr}.dashboard-handle-form button{width:100%}}


/* Phone portrait: center elevated-mode active pill text. */
@media (max-width: 480px) and (orientation: portrait){
  .staff-mode-edge-label{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(86vw, 320px)!important;
    max-width:calc(100vw - 48px)!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.15!important;
    padding:.45rem .75rem!important;
  }
}
/* Critical early elevated-mode visibility: admin/mod staff mode border must survive fragile legacy CSS. */
.staff-mode-edge-border{position:fixed!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;pointer-events:none!important;z-index:2147483000!important;border:8px solid rgba(239,68,68,.96)!important;box-shadow:inset 0 0 30px rgba(239,68,68,.95),0 0 30px rgba(239,68,68,.85)!important}.staff-mode-edge-border.mod-border{border-color:rgba(249,115,22,.96)!important;box-shadow:inset 0 0 30px rgba(249,115,22,.95),0 0 30px rgba(249,115,22,.85)!important}.staff-mode-edge-label{position:fixed!important;top:10px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;display:inline-flex!important;width:auto!important;height:auto!important;z-index:2147483001!important;pointer-events:none!important;padding:.38rem .9rem!important;border-radius:999px!important;background:rgba(127,29,29,.97)!important;color:#fff!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;box-shadow:0 0 18px rgba(239,68,68,.78)!important}.staff-mode-edge-label.mod-label{background:rgba(154,52,18,.97)!important;box-shadow:0 0 18px rgba(249,115,22,.78)!important}
/* Critical admin Site Settings responsive/accessibility repair. */
.admin-settings-page{width:min(100%,1180px)!important;margin:0 auto!important;padding-left:clamp(12px,2vw,20px)!important;padding-right:clamp(12px,2vw,20px)!important;overflow-x:hidden!important}.admin-settings-page .compact-card{width:100%!important;max-width:none!important;min-width:0!important}.admin-settings-page .profile-hero.compact-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:1rem!important;align-items:center!important}.admin-settings-card{display:grid!important;gap:1rem!important}.admin-settings-page .admin-section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important;gap:1rem!important;align-items:start!important}.admin-settings-page code,.admin-settings-page input,.admin-settings-page textarea,.admin-settings-page select{max-width:100%!important;overflow-wrap:anywhere!important}.admin-settings-page .input,.admin-settings-page input,.admin-settings-page select,.admin-settings-page textarea{width:100%!important;min-height:46px!important;font-size:16px!important}.admin-settings-page button,.admin-settings-page .primary-btn,.admin-settings-page .secondary-btn{min-height:46px!important;min-width:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.admin-settings-page .inline-admin-form{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto!important;gap:.85rem!important;align-items:end!important}.admin-settings-page .inline-admin-form label,.admin-settings-page .admin-todo-form label,.admin-settings-page .settings-control-grid label{display:grid!important;gap:.38rem!important;min-width:0!important;font-weight:900!important}.admin-settings-page .toggle-row{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:.6rem!important;padding:.7rem .75rem!important;border:1px solid var(--line)!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important}.admin-settings-page .toggle-row input[type=checkbox]{width:22px!important;height:22px!important;margin:0!important;accent-color:var(--green)!important}.admin-settings-page .admin-todo-form{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;align-items:stretch!important}.admin-settings-page .settings-control-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:.85rem!important;align-items:end!important}.admin-settings-page .secret-settings-form{gap:1rem!important}.admin-settings-page .todo-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.admin-settings-page .admin-business-status-table{width:100%!important;min-width:760px!important}.admin-settings-page .admin-business-status-table th,.admin-settings-page .admin-business-status-table td{vertical-align:top!important}.admin-settings-page .private-note,.admin-settings-page .plain-copy,.admin-settings-page .muted{overflow-wrap:anywhere!important}html[data-theme=dark] .admin-settings-page .toggle-row{background:rgba(15,23,42,.46)!important;border-color:#52677a!important}@media(max-width:820px){.admin-settings-page .profile-hero.compact-card,.admin-settings-page .admin-section-heading,.admin-settings-page .inline-admin-form{grid-template-columns:1fr!important}.admin-settings-page .profile-hero .secondary-btn,.admin-settings-page .inline-admin-form button,.admin-settings-page .admin-todo-form button{width:100%!important}.admin-settings-page .admin-business-status-table{min-width:0!important}.admin-settings-page .admin-business-status-table thead{display:none!important}.admin-settings-page .admin-business-status-table tbody,.admin-settings-page .admin-business-status-table tr,.admin-settings-page .admin-business-status-table td{display:block!important;width:100%!important}.admin-settings-page .admin-business-status-table tr{border:1px solid var(--line)!important;border-radius:16px!important;margin:.75rem 0!important;padding:.85rem!important;background:rgba(255,255,255,.045)!important}.admin-settings-page .admin-business-status-table td{border:0!important;padding:.35rem 0!important}.admin-settings-page .admin-business-status-table td::before{content:attr(data-label)!important;display:block!important;color:var(--muted)!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-size:.76rem!important;margin-bottom:.2rem!important}.admin-settings-page .admin-business-status-table td .input{width:100%!important}.admin-settings-page .settings-control-grid{grid-template-columns:1fr!important}}@media(max-width:430px){.admin-settings-page{padding-left:10px!important;padding-right:10px!important}.admin-settings-page .compact-card{padding:14px!important;border-radius:18px!important}.admin-settings-page h1{font-size:clamp(2rem,11vw,2.7rem)!important;line-height:1!important}.admin-settings-page h2{font-size:1.25rem!important}.admin-settings-page .status-pill{white-space:normal!important;text-align:center!important}}
/* Critical early header theme toggle sizing/no-border repair. */
.header-actions .header-theme-button.theme-toggle-pill,.header-theme-button.theme-toggle-pill{width:auto!important;height:46px!important;min-width:72px!important;min-height:46px!important;padding:4px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.header-actions .header-theme-button.theme-toggle-pill:hover,.header-actions .header-theme-button.theme-toggle-pill:focus,.header-actions .header-theme-button.theme-toggle-pill:focus-visible{background:transparent!important;border:0!important;outline:2px solid transparent!important;box-shadow:none!important}.header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track{width:66px!important;height:38px!important;margin:0!important}.header-actions .header-theme-button.theme-toggle-pill .theme-toggle-knob{width:30px!important;height:30px!important}.header-actions .header-theme-button.theme-toggle-pill[data-theme-state=dark] .theme-toggle-knob{transform:translateX(28px)!important}@media(max-width:640px){.header-actions .header-theme-button.theme-toggle-pill{height:46px!important;min-height:46px!important;min-width:68px!important;padding:4px!important}.header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track{width:62px!important;height:38px!important}.header-actions .header-theme-button.theme-toggle-pill .theme-toggle-knob{width:30px!important;height:30px!important}.header-actions .header-theme-button.theme-toggle-pill[data-theme-state=dark] .theme-toggle-knob{transform:translateX(24px)!important}}
/* Critical early privacy controls repair: placed before fragile legacy CSS. */
.privacy-toggle-form{display:grid!important;grid-template-columns:1fr!important;gap:.85rem!important;width:100%!important;align-items:stretch!important}.privacy-toggle-form .privacy-toggle-row{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:.2rem .85rem!important;align-items:start!important;width:100%!important;margin:0!important;padding:1rem!important;border:1px solid var(--line)!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;box-sizing:border-box!important}.privacy-toggle-form .privacy-toggle-row input[type=checkbox]{grid-column:1!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;margin:.15rem 0 0!important;padding:0!important;justify-self:center!important;accent-color:var(--green)!important}.privacy-toggle-form .privacy-toggle-row>span{grid-column:2!important;display:grid!important;gap:.28rem!important;min-width:0!important}.privacy-toggle-form .privacy-toggle-row strong,.privacy-toggle-form .privacy-toggle-row small{display:block!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important}.privacy-toggle-form .privacy-toggle-row strong{color:var(--ink)!important;font-size:1rem!important}.privacy-toggle-form .privacy-toggle-row small{color:var(--muted)!important;font-size:.9rem!important;font-weight:700!important}.privacy-toggle-form .button.primary{width:100%!important;min-height:48px!important;margin-top:.25rem!important}html[data-theme=dark] .privacy-toggle-form .privacy-toggle-row{background:rgba(255,255,255,.035)!important}html[data-theme=dark] .privacy-toggle-form .privacy-toggle-row strong{color:#fffaf0!important}html[data-theme=dark] .privacy-toggle-form .privacy-toggle-row small{color:#d4dee7!important}
/* SwapThing production-value demo UI */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin:0; padding:0; }
:root {
  color-scheme: light;
  --ink:#07263d;
  --muted:#526a78;
  --line:#c8d7df;
  --paper:#f5f8fa;
  --surface:#ffffff;
  --cream:#eef4f7;
  --mint:#e8f1f5;
  --green:#0b4f78;
  --green-dark:#063350;
  --orange:#b88428;
  --gold:#e0b050;
  --shadow:rgba(0,48,80,.10) 0 1px 2px, rgba(0,48,80,.14) 0 8px 24px;
  --shadow-strong:rgba(0,48,80,.18) 0 14px 38px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink:#eef6fa;
  --muted:#a9b8c0;
  --line:#294455;
  --paper:#061622;
  --surface:#0b2638;
  --cream:#102d41;
  --mint:#12384f;
  --green:#e0b050;
  --green-dark:#c99738;
  --orange:#d7a24a;
  --gold:#f0c96a;
  --shadow:rgba(0,0,0,.24) 0 1px 2px, rgba(0,0,0,.32) 0 8px 24px;
  --shadow-strong:rgba(0,0,0,.42) 0 14px 38px;
}
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: radial-gradient(circle at top left, rgba(224,176,80,.18), transparent 34%), linear-gradient(180deg, var(--paper), #ffffff 52%, #e8f1f5);
  color:var(--ink);
  line-height:1.45;
}
html[data-theme="dark"] body { background:#07110c; background-image: radial-gradient(circle at 12% 0%, rgba(55,209,126,.16), transparent 30%), linear-gradient(180deg, #0b160f 0%, #07110c 58%, #030806 100%); }
img { max-width:100%; display:block; }
a { color:inherit; }
.container { max-width:1220px; margin:0 auto; padding:28px 22px; width:100%; }
.site-main { min-height:calc(100vh - 136px); }
.site-header { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
html[data-theme="dark"] .site-header { background:rgba(7,17,12,.94); }
.site-header-inner { max-width:1220px; margin:0 auto; padding:12px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; position:relative; }
.brand { display:grid; grid-template-columns:42px auto; grid-template-rows:auto auto; column-gap:10px; align-items:center; text-decoration:none; color:var(--ink); }
.brand-logo { grid-row:1 / span 2; width:42px; height:42px; object-fit:contain; filter:drop-shadow(0 0 16px rgba(55,209,126,.24)); }
.brand-name { font-size:1.42rem; font-weight:950; letter-spacing:-.04em; line-height:1; }
.brand-tagline { color:var(--green); font-size:.78rem; font-weight:900; line-height:1.1; }
.header-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.profile-chip { display:inline-flex; align-items:center; gap:10px; min-height:46px; max-width:280px; padding:5px 12px 5px 5px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink); text-decoration:none; box-shadow:var(--shadow); }
.profile-chip:hover { background:var(--mint); }
.profile-avatar { width:36px; height:36px; border-radius:50%; display:inline-grid; place-items:center; overflow:hidden; flex:0 0 auto; background:var(--green); color:#031008; font-weight:950; }
.profile-avatar img { width:100%; height:100%; object-fit:cover; }
.profile-chip-text { display:grid; line-height:1.05; min-width:0; }
.profile-chip-text strong, .profile-chip-text small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-chip-text strong { font-size:.92rem; font-weight:950; }
.profile-chip-text small { margin-top:3px; color:var(--muted); font-size:.76rem; font-weight:850; }
.nav { position:absolute; top:calc(100% + 8px); right:22px; display:none !important; width:min(320px, calc(100vw - 32px)); flex-direction:column; align-items:stretch; gap:8px; padding:14px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.98); box-shadow:var(--shadow-strong); z-index:1001; }
html[data-theme="dark"] .nav { background:rgba(7,17,12,.98); }
body:has([data-theme-toggle]:checked) .nav { background:rgba(7,17,12,.98); }
.nav.is-open { display:flex !important; }
.menu-toggle { display:inline-flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; width:46px; height:46px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); cursor:pointer; box-shadow:var(--shadow); }
.menu-toggle span { display:block; width:22px; height:3px; border-radius:999px; background:currentColor; }
.menu-toggle:hover { background:var(--mint); }
.menu-toggle[aria-expanded="true"] { background:var(--green); color:#031008; }
.nav-link { text-decoration:none; font-weight:900; font-size:1.05rem; color:var(--ink); padding:11px 15px; border-radius:999px; }
.nav-link:hover { background:var(--mint); }
.nav-cta { background:var(--green); color:#031008; box-shadow:0 7px 18px rgba(55,209,126,.18); }
.nav-cta:hover { background:var(--green-dark); color:#fff; }
.theme-switch { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink); padding:5px 8px; font-weight:900; user-select:none; cursor:pointer; }
.theme-switch input { position:absolute; opacity:0; inline-size:1px; block-size:1px; }
.theme-slider { position:relative; display:inline-block; width:36px; height:32px; border-radius:999px; background:#d8f5e3; box-shadow:inset 0 0 0 1px var(--line); transition:background .16s ease, box-shadow .16s ease; }
.theme-slider::before { content:""; position:absolute; top:2px; left:2px; width:28px; height:28px; border-radius:50%; background:var(--green); box-shadow:0 2px 6px rgba(0,0,0,.28); transform:translateX(0); transition:transform .16s ease, background .16s ease; }
.theme-switch input:checked + .theme-slider { background:#173824; }
.theme-switch input:checked + .theme-slider::before { transform:translateX(4px); background:var(--green); }
.theme-switch input:focus-visible + .theme-slider { outline:3px solid rgba(55,209,126,.42); outline-offset:3px; }
.mode-switch-form { margin:0; }
.mode-switch { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink); padding:5px 8px; font-weight:900; cursor:pointer; }
.mode-slider { width:30px; height:18px; border-radius:999px; background:#2d3944; position:relative; display:inline-block; }
.mode-slider::before { content:""; position:absolute; width:14px; height:14px; left:2px; top:2px; border-radius:50%; background:var(--muted); transition:.18s ease; }
.mode-switch.is-staff .mode-slider { background:#173824; }
.mode-switch.is-staff .mode-slider::before { transform:translateX(12px); background:var(--green); }
.theme-label { font-size:.76rem; }
.nav-link, .menu-theme-switch { width:100%; justify-content:center; text-align:center; }
.browse-hero { background: radial-gradient(circle at 12% 8%, rgba(248,201,92,.16), transparent 24%), radial-gradient(circle at 88% 0%, rgba(244,124,72,.14), transparent 28%), linear-gradient(135deg,#0c1710 0%,#122018 54%,#102918 100%); border-bottom:1px solid var(--line); }
.browse-hero-inner { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:28px; align-items:end; padding-top:62px; padding-bottom:56px; }
.hero-eyebrow { margin:0 0 10px; color:var(--green); text-transform:uppercase; font-weight:950; font-size:.78rem; letter-spacing:.13em; }
.browse-hero h1 { max-width:780px; margin:0; font-size:clamp(2.5rem,6vw,5.9rem); line-height:.92; letter-spacing:-.075em; font-weight:950; }
.page-subtitle, .plain-copy { color:var(--muted); font-size:1.08rem; max-width:720px; margin:.7rem 0 0; }
.hero-proof { background:rgba(16,29,21,.86); border:1px solid var(--line); border-radius:28px; padding:22px; box-shadow:var(--shadow); }
.hero-proof strong { display:block; font-size:3.2rem; line-height:.9; letter-spacing:-.06em; }
.hero-proof span { color:var(--muted); font-weight:800; }
.steps-band { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:-42px; margin-bottom:28px; }
.steps-band article, .filters, .listing-card, .detail-panel, .trade-box, .trust-grid article, .add-card, .readiness-tracker, .completion-card { background:rgba(16,29,21,.96); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.steps-band article { padding:18px; }
.steps-band strong, .steps-band span, .trust-grid strong, .trust-grid span { display:block; }
.steps-band span, .trust-grid span { color:var(--muted); margin-top:4px; }
.page-title-row { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.page-title { font-size:clamp(2rem,4vw,3.4rem); line-height:1; margin:0 0 6px; letter-spacing:-.06em; }
.filters { padding:15px; margin-bottom:22px; }
.filters form { display:grid; grid-template-columns:1.4fr .65fr .65fr .6fr auto; gap:10px; }
.input, .select, textarea { width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:16px; font:inherit; background:#0b160f; color:var(--ink); outline:none; }
.input:focus, .select:focus, textarea:focus { border-color:var(--green); box-shadow:0 0 0 4px rgba(55,209,126,.13); }
.input::placeholder, textarea::placeholder { color:#718579; }
textarea { min-height:112px; resize:vertical; }
.filter-btn, .primary-btn { border:0; border-radius:999px; background:var(--green); color:#031008; font-weight:950; padding:13px 19px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; font:inherit; }
.filter-btn:hover, .primary-btn:hover { background:var(--green-dark); color:#fff; }
.secondary-btn, .back-link, .view-link { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:11px 16px; font-weight:950; text-decoration:none; }
.secondary-btn { background:#d9fbe7; color:#031008; }
.back-link { color:var(--muted); padding-left:0; }
.filter-note { margin-top:10px; color:var(--muted); font-size:.93rem; }
.listing-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(238px,1fr)); gap:18px; }
.compact-grid { grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); }
.listing-card { overflow:hidden; display:flex; flex-direction:column; text-decoration:none; color:var(--ink); transition:transform .16s ease, box-shadow .16s ease; }
.listing-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-strong); }
.listing-image-link { display:block; background:#122018; line-height:0; font-size:0; color:transparent; overflow:hidden; }
.listing-image-link * { font-size:0; color:transparent; }
.listing-img { width:100%; height:188px; object-fit:cover; background:#122018; }
.listing-body { padding:15px; display:flex; flex-direction:column; gap:8px; flex:1; }
.listing-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.listing-meta-right { justify-content:flex-end; }
.badge { background:#173824; color:var(--green); border-radius:999px; padding:5px 9px; font-size:.74rem; font-weight:950; }
.loc, .owner { color:var(--muted); font-size:.86rem; }
.demo-indicator { min-height:1.35rem; color:var(--gold); font-size:.74rem; font-weight:950; text-transform:uppercase; letter-spacing:.04em; }
.listing-title { margin:0; font-size:1.08rem; line-height:1.25; }
.owner-rating, .rating-inline { display:inline-flex; align-items:center; gap:6px; color:#d8f8d4; font-weight:850; font-size:.9rem; }
.rating-stars, .rating-inline { color:#ffd76a; letter-spacing:.04em; }
.listing-desc { color:var(--muted); margin:0; line-height:1.45; }
.listing-title a:hover { text-decoration:underline; }
.listing-desc { margin:0; color:var(--muted); font-size:.93rem; }
.listing-footer { margin-top:auto; padding-top:10px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.view-link { color:var(--green); padding:0; }
.product-page { padding-top:18px; }
.detail-shell { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:28px; align-items:start; }
.detail-media img { width:100%; border-radius:32px; background:#122018; box-shadow:var(--shadow-strong); }
.detail-panel { padding:24px; }
.detail-panel h1, .add-product-shell h1, .readiness-hero h1 { margin:12px 0; font-size:clamp(2rem,4vw,3.9rem); line-height:1; letter-spacing:-.06em; }
.big-meta { justify-content:flex-start; }
.quick-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0; }
.quick-facts div { background:var(--cream); border-radius:18px; padding:12px; }
.quick-facts strong, .quick-facts span { display:block; }
.quick-facts span { color:var(--muted); margin-top:4px; }
.trade-box { margin-top:18px; padding:18px; background:var(--surface); }
.trade-box h2, .trust-section h2, .related-section h2, .listing-questions h2 { margin:0 0 8px; letter-spacing:-.035em; }
.trade-form, .question-form, .answer-form { display:grid; gap:10px; }
.offer-toast, .add-result { background:#103522; color:#b9fbd5; border:1px solid #1f6b43; border-radius:14px; padding:12px; font-weight:850; }
.trust-section, .related-section, .listing-questions { margin-top:34px; }
.listing-questions { background:var(--surface); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); padding:20px; }
.question-list { display:grid; gap:12px; margin-top:16px; }
.question-card { background:var(--cream); border:1px solid var(--line); border-radius:18px; padding:14px; }
.question-card p { margin:.45rem 0 0; }
.question-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--muted); font-size:.9rem; }
.question-meta strong { color:var(--ink); }
.owner-answer { margin-top:10px; padding:10px 12px; background:var(--mint); border-radius:14px; }
.answer-pending { display:inline-flex; margin-top:10px; color:var(--orange); font-weight:900; }
.wishlist-action-box { display:flex; align-items:center; }
.wishlist-action-box form { margin:0; }
.detail-topline { justify-content:space-between; align-items:flex-start; }
.owner-handle-top { margin-left:auto; }
.quick-facts-single { grid-template-columns:minmax(160px, 220px); }
.detail-wishlist-row { display:flex; justify-content:center; align-items:center; margin-top:auto; padding-top:22px; }
.detail-wishlist-row form { margin:0; }
.detail-wishlist-row .primary-btn { width:auto; min-width:220px; }
.detail-media { display:grid; gap:10px; }
.detail-media img { width:100%; border-radius:22px; object-fit:cover; }
.handle-hover { position:relative; display:inline-flex; cursor:help; font-weight:900; color:var(--ink); }
.handle-card { position:absolute; left:0; bottom:calc(100% + 10px); z-index:30; display:none; min-width:230px; max-width:280px; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); box-shadow:var(--shadow-strong); font-weight:800; line-height:1.35; }
.owner-handle-top .handle-card { left:auto; right:0; top:calc(100% + 10px); bottom:auto; }
.handle-hover:hover .handle-card, .handle-hover:focus .handle-card, .handle-hover:focus-within .handle-card { display:grid; gap:6px; }
.handle-card span, .handle-card em { display:block; color:var(--muted); font-style:normal; }
.rating-stars { display:inline-flex !important; gap:1px; vertical-align:-.08em; }
.rating-star { display:inline-block; color:#8b8f87; background:linear-gradient(90deg, #f6c343 0 var(--fill), #8b8f87 var(--fill) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.handle-medals { display:grid; gap:3px; margin-top:4px; }

.trust-grid article { padding:18px; }
.add-product-shell { display:grid; grid-template-columns:minmax(0,.85fr) minmax(340px,1fr); gap:28px; align-items:start; }
.add-card { display:grid; gap:12px; padding:22px; }
.add-card label, .trade-form label { font-weight:950; }
.alert { background:#301a0d; border:1px solid #8e4b1f; color:#ffd9bf; padding:14px; border-radius:18px; }
.site-footer { text-align:center; color:var(--muted); padding:20px 22px; }
.footer-stats { max-width:1120px; margin:0 auto 12px; display:flex; flex-wrap:nowrap; justify-content:center; gap:8px; align-items:stretch; overflow-x:auto; padding-bottom:2px; }
.footer-stats .footer-stat-pill { background:rgba(16,29,21,.78); border:1px solid var(--line); border-radius:16px; padding:8px 10px; box-shadow:var(--shadow); min-width:92px; color:inherit; text-decoration:none; flex:0 0 auto; }
.footer-stats .footer-stat-pill:hover,.footer-stats .footer-stat-pill:focus-visible{border-color:rgba(81,180,122,.62);transform:translateY(-1px);}
.footer-stats strong { display:block; color:var(--green); font-size:1.35rem; line-height:1; letter-spacing:-.04em; white-space:nowrap; }
.footer-stats strong small{font-size:.64em;letter-spacing:-.02em;margin-left:0;text-transform:lowercase;}
.footer-stats span { display:block; margin-top:3px; font-size:.78rem; line-height:1; font-weight:850; white-space:nowrap; }
.trophy-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-top:14px; }
.trophy-card { display:grid; gap:6px; align-items:center; justify-items:start; background:rgba(255,255,255,.08); border:1px solid var(--line); border-radius:18px; padding:14px; }
.trophy-icon { font-size:2rem; line-height:1; }
.trophy-card strong { color:var(--ink); }
.trophy-card small, .trophy-card em { color:var(--muted); font-size:.82rem; }
.trophy-case-card{width:min(100%,1120px)!important;overflow:hidden!important;background:radial-gradient(circle at 16% 0%,rgba(246,195,67,.18),transparent 30%),linear-gradient(180deg,rgba(14,24,18,.98),rgba(11,18,25,.96))!important;color:#f8fbf3!important;}
.trophy-case-card .plain-copy{max-width:820px!important;}
.trophy-shelf-summary{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;margin:1rem 0!important;}
.trophy-shelf-summary span{display:inline-flex!important;align-items:center!important;gap:.38rem!important;border:1px solid rgba(246,195,67,.24)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;padding:.46rem .72rem!important;font-weight:900!important;color:#dceadf!important;}
.trophy-shelf-summary strong{color:#f6c343!important;}
.trophy-shelf-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;margin-top:14px!important;}
.trophy-tier-stack{display:grid!important;gap:1.1rem!important;margin-top:1rem!important;}
.trophy-tier-section{border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;padding:1rem!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.10))!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important;}
.trophy-tier-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;margin:0 0 .75rem!important;padding-bottom:.55rem!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
.trophy-tier-heading h3{margin:0!important;font-size:.95rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#fff7d6!important;}
.trophy-tier-heading span{border-radius:999px!important;padding:.28rem .55rem!important;background:rgba(255,255,255,.08)!important;color:#c7d7ca!important;font-size:.72rem!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.07em!important;}
.trophy-tier-legendary{border-color:rgba(255,207,51,.35)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 28px rgba(255,207,51,.08)!important;}
.trophy-tier-relic{border-color:rgba(139,92,246,.32)!important;}
.trophy-tier-gold{border-color:rgba(250,204,21,.28)!important;}
.trophy-tier-silver{border-color:rgba(148,203,255,.28)!important;}
.trophy-tier-bronze{border-color:rgba(217,119,6,.24)!important;}
.dashboard-trophy-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;}
.trophy-card-v2{--trophy-a:#f6c343;--trophy-b:#a56b18;--trophy-c:#fff2a8;--trophy-glow:rgba(246,195,67,.26);position:relative!important;display:grid!important;grid-template-rows:auto auto auto!important;justify-items:center!important;gap:.7rem!important;min-height:245px!important;padding:18px 14px 14px!important;border-radius:26px!important;border:1px solid color-mix(in srgb,var(--trophy-a) 45%,rgba(255,255,255,.18))!important;background:radial-gradient(circle at 50% 8%,var(--trophy-glow),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.10))!important;box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.16)!important;overflow:hidden!important;text-align:center!important;}
.trophy-card-v2{perspective:800px!important;background:radial-gradient(circle at 50% 8%,var(--trophy-glow),transparent 34%),radial-gradient(ellipse at 50% 96%,rgba(0,0,0,.42),transparent 34%),linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 42%,rgba(0,0,0,.16))!important;}
.trophy-card-v2::before{content:''!important;position:absolute!important;inset:10px 10px auto!important;height:5px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,var(--trophy-c),transparent)!important;opacity:.76!important;}
.trophy-card-v2::after{content:'TRADABLE'!important;position:absolute!important;top:12px!important;right:12px!important;border-radius:999px!important;padding:.24rem .44rem!important;background:rgba(16,185,129,.20)!important;border:1px solid rgba(95,209,156,.54)!important;color:#b8ffd9!important;font-size:.58rem!important;font-weight:950!important;letter-spacing:.08em!important;}
.trophy-card-v2.is-bound{border-style:dashed!important;filter:saturate(.88)!important;}
.trophy-card-v2.is-bound::after{content:'BOUND'!important;background:rgba(148,163,184,.18)!important;border-color:rgba(226,232,240,.34)!important;color:#e2e8f0!important;}
.game-trophy-object{position:relative!important;width:118px!important;height:128px!important;margin-top:8px!important;display:grid!important;place-items:start center!important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.34))!important;}
.game-trophy-object{transform-style:preserve-3d!important;transform:rotateX(4deg)!important;}
.game-trophy-object::before{content:''!important;position:absolute!important;left:26px!important;right:26px!important;top:12px!important;height:62px!important;border-radius:12px 12px 30px 30px!important;background:linear-gradient(135deg,var(--trophy-c),var(--trophy-a) 44%,var(--trophy-b))!important;box-shadow:inset 8px 5px 12px rgba(255,255,255,.34),inset -9px -8px 12px rgba(0,0,0,.18)!important;clip-path:polygon(8% 0,92% 0,82% 74%,64% 100%,36% 100%,18% 74%)!important;}
.game-trophy-object::before{border-top:4px solid color-mix(in srgb,var(--trophy-c) 78%,#fff 18%)!important;border-left:1px solid rgba(255,255,255,.28)!important;border-right:1px solid rgba(0,0,0,.18)!important;box-shadow:inset 10px 5px 11px rgba(255,255,255,.36),inset -12px -10px 14px rgba(0,0,0,.24),0 10px 18px rgba(0,0,0,.24)!important;}
.game-trophy-object::after{content:''!important;position:absolute!important;left:15px!important;right:15px!important;bottom:0!important;height:54px!important;background:linear-gradient(180deg,var(--trophy-a),var(--trophy-b))!important;clip-path:polygon(38% 0,62% 0,66% 35%,84% 35%,94% 100%,6% 100%,16% 35%,34% 35%)!important;border-radius:8px!important;box-shadow:inset 0 6px 8px rgba(255,255,255,.18)!important;}
.game-trophy-object::after{border-bottom:5px solid rgba(0,0,0,.34)!important;box-shadow:inset 0 6px 8px rgba(255,255,255,.20),inset 0 -10px 12px rgba(0,0,0,.32),0 12px 16px rgba(0,0,0,.30)!important;}
.game-trophy-object span{position:absolute!important;z-index:2!important;top:28px!important;left:50%!important;transform:translateX(-50%)!important;width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(5,10,14,.26)!important;border:1px solid rgba(255,255,255,.34)!important;font-size:1.85rem!important;line-height:1!important;}
.trophy-handle{position:absolute!important;z-index:0!important;top:29px!important;width:34px!important;height:38px!important;border:8px solid color-mix(in srgb,var(--trophy-a) 72%,#fff 12%)!important;border-bottom-color:color-mix(in srgb,var(--trophy-b) 78%,#000 8%)!important;border-radius:50% 50% 44% 44%!important;background:transparent!important;box-shadow:inset 0 3px 4px rgba(255,255,255,.30),0 7px 10px rgba(0,0,0,.22)!important;}
.trophy-handle-left{left:8px!important;transform:rotate(-13deg)!important;}
.trophy-handle-right{right:8px!important;transform:rotate(13deg)!important;}
.trophy-look-owner .trophy-handle,.trophy-look-account_origin .trophy-handle,.trophy-look-supporter .trophy-handle{display:none!important;}
.trophy-card-v2.is-tradable .game-trophy-object{animation:trophy-glint 4.5s ease-in-out infinite!important;}
.trophy-copy{display:grid!important;gap:.28rem!important;min-width:0!important;}
.trophy-copy strong{font-size:1rem!important;line-height:1.08!important;color:#fffbe8!important;text-wrap:balance!important;}
.trophy-copy small{color:#bad1c2!important;font-weight:850!important;font-size:.78rem!important;line-height:1.25!important;}
.trophy-proof-chip{border:0!important;border-radius:999px!important;padding:.34rem .55rem!important;background:rgba(255,255,255,.08)!important;color:#b8c7bd!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.trophy-look-owner{--trophy-a:#ffcf33;--trophy-b:#8b3f0a;--trophy-c:#fff6b7;--trophy-glow:rgba(255,207,51,.34);}
.trophy-look-owner .game-trophy-object::before{clip-path:polygon(50% 0,63% 35%,100% 22%,82% 82%,18% 82%,0 22%,37% 35%)!important;border-radius:12px!important;}
.trophy-look-account_origin,.trophy-look-supporter{--trophy-a:#9ca3af;--trophy-b:#334155;--trophy-c:#f8fafc;}
.trophy-look-account_origin .game-trophy-object::before,.trophy-look-supporter .game-trophy-object::before{clip-path:polygon(50% 0,92% 16%,86% 68%,50% 100%,14% 68%,8% 16%)!important;border-radius:20px!important;}
.trophy-look-supporter{--trophy-a:#8b5cf6;--trophy-b:#4338ca;--trophy-c:#f0e7ff;--trophy-glow:rgba(139,92,246,.34);}
.trophy-look-holiday_labor_day{--trophy-a:#f97316;--trophy-b:#7c2d12;--trophy-c:#fed7aa;}
.trophy-look-holiday_new_years_day{--trophy-a:#60a5fa;--trophy-b:#312e81;--trophy-c:#dbeafe;}
.trophy-look-holiday_mlk_day{--trophy-a:#f8fafc;--trophy-b:#64748b;--trophy-c:#ffffff;}
.trophy-look-holiday_memorial_day,.trophy-look-holiday_independence_day{--trophy-a:#ef4444;--trophy-b:#1d4ed8;--trophy-c:#ffffff;}
.trophy-look-holiday_thanksgiving{--trophy-a:#d97706;--trophy-b:#78350f;--trophy-c:#fde68a;}
.trophy-look-holiday_christmas{--trophy-a:#22c55e;--trophy-b:#991b1b;--trophy-c:#dcfce7;}
.trophy-look-event_participant{--trophy-a:#38bdf8;--trophy-b:#075985;--trophy-c:#e0f2fe;}
.trophy-look-helpful_answer{--trophy-a:#34d399;--trophy-b:#065f46;--trophy-c:#d1fae5;}
.trophy-look-swap_streak{--trophy-a:#fb7185;--trophy-b:#9f1239;--trophy-c:#ffe4e6;}
.trophy-look-browse_trailblazer{--trophy-a:#facc15;--trophy-b:#854d0e;--trophy-c:#fef9c3;}
.achievement-browser{width:min(100%,1120px)!important;margin:1rem 0!important;}
.achievement-controls{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(180px,260px) auto!important;gap:.85rem!important;align-items:end!important;}
.achievement-controls label{display:grid!important;gap:.35rem!important;color:var(--muted)!important;font-size:.78rem!important;font-weight:950!important;letter-spacing:.05em!important;text-transform:uppercase!important;}
.achievement-controls .input,.achievement-controls .select{width:100%!important;min-height:44px!important;border-radius:14px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.08)!important;color:var(--ink)!important;padding:.65rem .8rem!important;font:inherit!important;text-transform:none!important;letter-spacing:0!important;}
.achievement-result-count{justify-self:end!important;display:inline-flex!important;align-items:center!important;min-height:44px!important;border:1px solid rgba(95,209,156,.32)!important;border-radius:999px!important;background:rgba(95,209,156,.10)!important;color:var(--green)!important;padding:.5rem .78rem!important;font-weight:950!important;white-space:nowrap!important;}
.achievement-card[hidden]{display:none!important;}

/* Detailed game-trophy object pass: richer geometry without image assets. */
.game-trophy-object{isolation:isolate!important;}
.game-trophy-object span::before{content:''!important;position:absolute!important;inset:-7px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.62),transparent 20%),conic-gradient(from 210deg,var(--trophy-b),var(--trophy-a),var(--trophy-c),var(--trophy-a),var(--trophy-b))!important;z-index:-1!important;box-shadow:inset 0 2px 5px rgba(255,255,255,.45),inset 0 -8px 10px rgba(0,0,0,.22),0 5px 12px rgba(0,0,0,.24)!important;}
.game-trophy-object span::after{content:''!important;position:absolute!important;inset:8px 6px auto!important;height:11px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;opacity:.75!important;}
.trophy-card-v2 .game-trophy-object{background:radial-gradient(ellipse at 50% 92%,rgba(0,0,0,.42),transparent 42%)!important;}
.trophy-card-v2 .game-trophy-object::before{outline:1px solid rgba(255,255,255,.26)!important;outline-offset:-5px!important;background:radial-gradient(circle at 31% 18%,rgba(255,255,255,.88),transparent 9%),linear-gradient(110deg,rgba(255,255,255,.42),transparent 23%),linear-gradient(135deg,var(--trophy-c),var(--trophy-a) 43%,var(--trophy-b))!important;}
.trophy-card-v2 .game-trophy-object::after{background:radial-gradient(ellipse at 50% 13%,rgba(255,255,255,.34),transparent 20%),linear-gradient(180deg,var(--trophy-c) 0 8%,var(--trophy-a) 9% 38%,var(--trophy-b) 39% 72%,#1f2937 73% 100%)!important;box-shadow:inset 0 5px 9px rgba(255,255,255,.22),inset 0 -8px 12px rgba(0,0,0,.35),0 10px 18px rgba(0,0,0,.24)!important;}
.trophy-card-v2 .trophy-copy::before{content:''!important;width:78px!important;height:9px!important;justify-self:center!important;margin:-.2rem 0 .05rem!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,var(--trophy-c),var(--trophy-a),var(--trophy-c),transparent)!important;opacity:.62!important;}
.trophy-card-v2 .trophy-copy strong{position:relative!important;}
.trophy-card-v2 .trophy-proof-chip{box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 12px rgba(0,0,0,.18)!important;}
.trophy-card-v2:not(.trophy-look-owner):not(.trophy-look-account_origin):not(.trophy-look-supporter) .game-trophy-object{--handle:color-mix(in srgb,var(--trophy-a) 72%,#fff 8%);}
.trophy-card-v2:not(.trophy-look-owner):not(.trophy-look-account_origin):not(.trophy-look-supporter) .game-trophy-object span{box-shadow:-41px 1px 0 -25px transparent,41px 1px 0 -25px transparent!important;}
.trophy-card-v2:not(.trophy-look-owner):not(.trophy-look-account_origin):not(.trophy-look-supporter) .game-trophy-object span{background:radial-gradient(circle at 50% 45%,rgba(8,14,20,.28),rgba(8,14,20,.50))!important;}
.trophy-card-v2:not(.trophy-look-owner):not(.trophy-look-account_origin):not(.trophy-look-supporter) .game-trophy-object span + i{display:none!important;}
.trophy-card-v2:not(.trophy-look-owner):not(.trophy-look-account_origin):not(.trophy-look-supporter) .game-trophy-object:has(span)::before{box-shadow:inset 8px 5px 12px rgba(255,255,255,.34),inset -9px -8px 12px rgba(0,0,0,.18),-30px 15px 0 -18px transparent,30px 15px 0 -18px transparent!important;}
.game-trophy-object span{box-shadow:0 0 0 6px rgba(255,255,255,.08),inset 0 2px 6px rgba(255,255,255,.28),inset 0 -7px 10px rgba(0,0,0,.26)!important;}
.trophy-look-owner .game-trophy-object span{top:38px!important;background:rgba(58,32,8,.30)!important;}
.trophy-look-owner .game-trophy-object::after{clip-path:polygon(32% 0,68% 0,72% 32%,88% 32%,98% 100%,2% 100%,12% 32%,28% 32%)!important;}
.trophy-look-supporter .game-trophy-object span,.trophy-look-account_origin .game-trophy-object span{top:31px!important;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.22),rgba(0,0,0,.28))!important;clip-path:polygon(50% 0,86% 28%,72% 84%,50% 100%,28% 84%,14% 28%)!important;border-radius:14px!important;}
.trophy-look-browse_trailblazer .game-trophy-object::before{clip-path:polygon(12% 0,88% 0,84% 64%,70% 83%,58% 100%,42% 100%,30% 83%,16% 64%)!important;}
@keyframes trophy-glint{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes trophy-secure-pulse{0%,100%{box-shadow:0 18px 44px rgba(0,0,0,.22),0 0 0 0 color-mix(in srgb,var(--trophy-a) 0%,transparent),inset 0 1px rgba(255,255,255,.16)}50%{box-shadow:0 22px 54px rgba(0,0,0,.28),0 0 0 2px color-mix(in srgb,var(--trophy-a) 28%,transparent),0 0 34px color-mix(in srgb,var(--trophy-a) 28%,transparent),inset 0 1px rgba(255,255,255,.22)}}
@keyframes trophy-rare-orbit{0%{transform:rotate(0deg);opacity:.28}50%{opacity:.82}100%{transform:rotate(360deg);opacity:.28}}
@keyframes trophy-legendary-aura{0%,100%{transform:translateY(0) rotateX(4deg) scale(1);filter:drop-shadow(0 16px 18px rgba(0,0,0,.34)) drop-shadow(0 0 10px color-mix(in srgb,var(--trophy-a) 26%,transparent))}50%{transform:translateY(-6px) rotateX(9deg) scale(1.035);filter:drop-shadow(0 20px 22px rgba(0,0,0,.38)) drop-shadow(0 0 24px color-mix(in srgb,var(--trophy-a) 58%,transparent))}}
.trophy-card-v2.trophy-rarity-bound .game-trophy-object{animation:trophy-glint 6.5s ease-in-out infinite!important;}
.trophy-card-v2.trophy-rarity-rare{animation:trophy-secure-pulse 4.4s ease-in-out infinite!important;}
.trophy-card-v2.trophy-rarity-rare .game-trophy-object{animation:trophy-glint 3.4s ease-in-out infinite!important;}
.trophy-card-v2.trophy-rarity-legendary{animation:trophy-secure-pulse 3.2s ease-in-out infinite!important;}
.trophy-card-v2.trophy-rarity-legendary .game-trophy-object{animation:trophy-legendary-aura 3.1s ease-in-out infinite!important;}
.trophy-card-v2.trophy-rarity-rare::before,.trophy-card-v2.trophy-rarity-legendary::before{height:auto!important;inset:-32% -18%!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--trophy-a) 42%,transparent),transparent,color-mix(in srgb,var(--trophy-c) 34%,transparent),transparent)!important;opacity:.36!important;animation:trophy-rare-orbit 9s linear infinite!important;}
.trophy-card-v2.trophy-rarity-legendary::before{opacity:.55!important;animation-duration:5.8s!important;}
.trophy-card-v2 .trophy-proof-chip{position:relative!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--trophy-a) 28%,rgba(255,255,255,.14))!important;}
.trophy-card-v2 .trophy-proof-chip::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important;transform:translateX(-120%)!important;animation:trophy-proof-scan 4.8s ease-in-out infinite!important;}
@keyframes trophy-proof-scan{0%,58%,100%{transform:translateX(-120%)}72%{transform:translateX(120%)}}
@media (prefers-reduced-motion: reduce){.trophy-card-v2,.trophy-card-v2::before,.trophy-card-v2 .game-trophy-object,.trophy-card-v2 .trophy-proof-chip::after{animation:none!important}}
@media(max-width:760px){.achievement-controls{grid-template-columns:1fr!important}.achievement-result-count{justify-self:start!important}}
@media(max-width:640px){.trophy-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.trophy-card-v2{min-height:230px!important;padding:15px 10px 12px!important}.game-trophy-object{width:104px!important;height:118px!important}.trophy-copy strong{font-size:.88rem!important}.trophy-copy small{font-size:.7rem!important}.trophy-proof-chip{display:none!important}}
.member-hover-link{font-weight:900!important;color:var(--green)!important;text-decoration:none!important;border-bottom:1px dotted currentColor!important;}
.member-hover-link:hover,.member-hover-link:focus{color:#9ff3c0!important;outline:none!important;}
.member-hover-card{position:absolute!important;z-index:2400!important;width:min(320px,calc(100vw - 20px))!important;border:1px solid rgba(95,209,156,.36)!important;border-radius:20px!important;background:radial-gradient(circle at 14% 0%,rgba(95,209,156,.18),transparent 32%),linear-gradient(180deg,rgba(15,26,36,.98),rgba(9,16,22,.98))!important;color:#eef6fa!important;box-shadow:0 24px 60px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.12)!important;padding:14px!important;}
.member-hover-card[hidden]{display:none!important;}
.member-hover-top{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:.75rem!important;align-items:center!important;}
.member-hover-avatar{width:54px!important;height:54px!important;border-radius:16px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--green),#38bdf8)!important;color:#06110b!important;font-weight:950!important;font-size:1.35rem!important;box-shadow:inset 0 1px rgba(255,255,255,.28)!important;}
.member-hover-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.member-hover-top strong{display:block!important;color:#fff8df!important;font-size:1.02rem!important;line-height:1.1!important;}
.member-hover-top a,.member-hover-cta{color:#9ff3c0!important;font-weight:900!important;text-decoration:none!important;}
.member-hover-loc,.member-hover-bio,.member-hover-skills{margin:.65rem 0 0!important;color:#d8e7df!important;line-height:1.35!important;font-size:.9rem!important;}
.member-hover-skills{color:#b8c7bd!important;font-size:.82rem!important;}
.member-hover-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))!important;gap:.45rem!important;margin:.8rem 0!important;}
.member-hover-stats span{border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;padding:.48rem!important;text-align:center!important;}
.member-hover-stats b{display:block!important;color:#f6c343!important;font-size:1rem!important;line-height:1!important;}.member-hover-stats small{display:block!important;margin-top:.18rem!important;color:#b8c7bd!important;font-weight:850!important;font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.member-hover-cta{display:inline-flex!important;margin-top:.15rem!important;border:1px solid rgba(95,209,156,.35)!important;border-radius:999px!important;padding:.42rem .65rem!important;background:rgba(95,209,156,.10)!important;}
.member-hover-loading{color:#d8e7df!important;font-weight:850!important;}
.beta-agent-feedback-card{margin-top:1rem!important;}
.beta-feedback-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:1rem!important;}
.beta-feedback-card{position:relative!important;display:grid!important;gap:.62rem!important;padding:1rem!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(16,42,32,.82))!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;overflow:hidden!important;}
.beta-feedback-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#94a3b8;}
.beta-feedback-card.severity-high::before{background:#ef4444;}.beta-feedback-card.severity-medium::before{background:#f59e0b;}.beta-feedback-card.severity-low::before{background:#22c55e;}.beta-feedback-card.severity-note::before{background:#38bdf8;}
.beta-feedback-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;}
.beta-feedback-top strong{color:#f8fafc!important;font-size:1.05rem!important;}.beta-feedback-top span{text-transform:uppercase!important;font-weight:950!important;font-size:.72rem!important;letter-spacing:.08em!important;padding:.22rem .5rem!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;}
.beta-feedback-card small{color:#cbd5e1!important;font-weight:750!important;}.beta-feedback-card h3{margin:.12rem 0!important;color:#ecfdf5!important;font-size:1.02rem!important;}.beta-feedback-card p{margin:0!important;color:#dbeafe!important;line-height:1.45!important;}
.beta-critique{display:grid!important;gap:.25rem!important;padding:.7rem!important;border-radius:14px!important;background:rgba(245,158,11,.1)!important;border:1px solid rgba(245,158,11,.22)!important;}.beta-critique b{color:#fde68a!important;}.beta-critique span{color:#fff7ed!important;}
.beta-feedback-card blockquote{margin:.15rem 0 0!important;padding:.75rem .9rem!important;border-left:4px solid rgba(34,197,94,.78)!important;background:rgba(34,197,94,.1)!important;border-radius:12px!important;color:#dcfce7!important;font-weight:850!important;font-style:italic!important;}
.browse-join-nudge{max-width:820px;margin:1.2rem auto;padding:1rem 1.15rem;border:1px solid rgba(95,209,156,.38);border-radius:22px;background:linear-gradient(135deg,rgba(16,29,21,.95),rgba(22,72,48,.88));box-shadow:0 18px 44px rgba(0,0,0,.22);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;text-align:center}.browse-join-nudge strong{color:#f6c343;font-size:1.05rem}.browse-join-nudge span{color:#e6f5ea;font-weight:800}.browse-join-nudge a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.48rem .75rem;font-weight:950;text-decoration:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff}.browse-join-nudge a:first-of-type{background:#5fd19c;color:#07150d;border-color:#5fd19c}
.dashboard-tab-strip a{position:relative!important;overflow:visible!important}.dashboard-tab-badge{position:absolute!important;top:-8px!important;right:-7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important;border:2px solid #fff7ed!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.72rem!important;line-height:1!important;font-weight:950!important;box-shadow:0 6px 14px rgba(220,38,38,.36)!important;z-index:3!important;pointer-events:none!important}html[data-theme="dark"] .dashboard-tab-badge{border-color:#111827!important}
.trust-page{display:grid;gap:1rem;margin:1.25rem auto;max-width:1180px;padding:0 1rem}.trust-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1rem;align-items:stretch}.trust-total-card{display:grid;place-content:center;text-align:center;border:1px solid rgba(81,180,122,.35);border-radius:24px;background:radial-gradient(circle at top,rgba(81,180,122,.22),rgba(16,29,21,.72));padding:1.25rem}.trust-total-card strong{font-size:3rem;line-height:1;color:#d9ffe7}.trust-total-card span{font-weight:950;text-transform:uppercase;letter-spacing:.08em}.trust-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.trust-source-card{background:rgba(16,29,21,.82);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}
.trust-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;gap:1.25rem!important;align-items:center!important;}
.trust-total-card{border:1px solid rgba(95,209,156,.35);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(95,209,156,.22),transparent 46%),rgba(5,16,12,.72);padding:1.3rem;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 44px rgba(0,0,0,.24);}
.trust-total-card strong{display:block;color:#5fd19c;font-size:3.2rem;line-height:1;font-weight:950;}.trust-total-card span{display:block;color:#fff8df;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.trust-total-card small{display:block;margin-top:.45rem;color:#c7d7ca;font-weight:850;}
.trust-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;}.trust-source-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(20,36,49,.92),rgba(13,24,34,.92));padding:1rem;box-shadow:inset 0 1px rgba(255,255,255,.08);}.trust-source-card span{display:block;color:#9ff3c0;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.trust-source-card strong{display:block;margin:.35rem 0;color:#f6c343;font-size:2rem;line-height:1}.trust-source-card small{color:#c7d7ca;line-height:1.35;}
.trust-math-card .admin-section-heading{margin-bottom:.9rem}.trust-equation{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;}.trust-equation span{min-width:98px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);padding:.75rem;text-align:center;color:#f6c343;font-size:1.45rem;font-weight:950;}.trust-equation small{display:block;margin-top:.18rem;color:#b8c7bd;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.trust-equation b{color:#9ff3c0;font-size:1.25rem}.trust-equation-total{background:rgba(95,209,156,.14)!important;border-color:rgba(95,209,156,.38)!important;color:#5fd19c!important;}
.trust-detail-columns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;align-items:start}.trust-detail-card{min-width:0;grid-column:span 2;width:100%!important;max-width:100%!important;justify-self:stretch!important;box-sizing:border-box!important}.trust-detail-card:last-child:nth-child(odd){grid-column:1 / -1}.trust-detail-card:nth-last-child(2):nth-child(odd),.trust-detail-card:nth-last-child(2):nth-child(odd)+.trust-detail-card{grid-column:span 3}.trust-detail-card:only-child{grid-column:1 / -1}.trust-detail-card .admin-section-heading{align-items:start}.trust-detail-card .admin-section-heading>strong{color:#f6c343;white-space:nowrap}.trust-line-list{display:grid;gap:.55rem;margin-top:.75rem;max-height:520px;overflow:auto;padding-right:.25rem}.trust-line-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.6rem;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);padding:.55rem}.trust-line-item>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(95,209,156,.10)}.trust-line-item strong{display:block;color:#fff8df;font-size:.92rem;line-height:1.15}.trust-line-item small{display:block;color:#aebdb5;font-size:.74rem;margin-top:.16rem}.trust-line-item b{color:#5fd19c;font-weight:950;}.trust-breakdown-link{margin-top:.7rem;display:inline-flex!important}.metric-card-link{display:inline-block;margin-top:.25rem;color:#9ff3c0;font-weight:900;}
@media(max-width:900px){.trust-hero{grid-template-columns:1fr!important}.trust-breakdown-grid,.trust-detail-columns{grid-template-columns:1fr 1fr}.trust-detail-card,.trust-detail-card:last-child:nth-child(odd),.trust-detail-card:nth-last-child(2):nth-child(odd),.trust-detail-card:nth-last-child(2):nth-child(odd)+.trust-detail-card{grid-column:auto}.trust-detail-card:only-child{grid-column:1 / -1}.trust-total-card{text-align:left}.trust-equation span{min-width:80px}}
@media(max-width:640px){.trust-breakdown-grid,.trust-detail-columns{grid-template-columns:1fr}.trust-detail-card,.trust-detail-card:only-child{grid-column:1 / -1}.trust-equation{display:grid;grid-template-columns:1fr}.trust-equation b{text-align:center}.trust-line-list{max-height:none}}
.site-footer p { margin:0; }
.readiness-page { padding-top:18px; }
.readiness-hero { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:24px; align-items:start; margin-bottom:18px; }
.private-note { display:inline-flex; margin:16px 0 0; color:#ffd166; background:#302811; border:1px solid #806520; border-radius:999px; padding:8px 12px; font-weight:900; }
.completion-card { padding:20px; text-align:right; position:sticky; top:94px; }
.completion-card strong { display:block; color:var(--green); font-size:3.4rem; line-height:.9; letter-spacing:-.06em; }
.completion-card span { display:block; color:var(--muted); font-weight:600; margin-top:10px; }
.readiness-tracker { padding:22px; }
.readiness-agents, .readiness-updates { margin-bottom:18px; padding:22px; background:rgba(16,29,21,.96); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.agent-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin-top:12px; }
.agent-grid article, .readiness-updates li { background:#102015; border:1px solid var(--line); border-radius:16px; padding:12px; }
.readiness-agents h2, .readiness-updates h2 { color:#fff8df; }
.readiness-agents .plain-copy { color:#eef6fa; }
.agent-card-head { display:flex; align-items:center; gap:10px; }
.agent-card-head strong { color:#fff8df; font-size:1.05rem; }
.agent-avatar { display:block; width:64px; height:64px; border-radius:18px; object-fit:cover; border:2px solid rgba(255,255,255,.42); box-shadow:0 10px 20px rgba(0,0,0,.24); flex:0 0 auto; }
.agent-grid p, .readiness-updates p, .readiness-updates em { margin:.45rem 0 0; color:#eef6fa; }
.readiness-updates ol { list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px; }
.task-notes-editor.is-disabled { opacity:.65; }
.task-notes-editor textarea:disabled { cursor:not-allowed; background:#1f2420; color:#b8c7ba; }
.tracker-head { display:flex; justify-content:space-between; align-items:baseline; gap:16px; border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:12px; }
.tracker-head h2 { margin:0; font-size:1.55rem; letter-spacing:-.035em; }
.tracker-head span { color:var(--green); font-weight:650; }
.readiness-bullets { margin:0; padding-left:1.2rem; display:grid; gap:12px; }
.readiness-bullets li { padding:10px 12px; border-radius:16px; background:#3b3218; border:1px solid #f0c96a; color:#fff8df; }
.readiness-bullets li.is-done { background:#11351d; border-color:#32d26f; }
.readiness-bullets li.is-blocked { background:#4d1717; border-color:#ff5f57; }
.readiness-bullets li.is-todo, .readiness-bullets li.is-in_progress { background:#3b3218; border-color:#f0c96a; }
.readiness-bullets li.is-done, .readiness-bullets li.is-done .task-text { opacity:.9; text-decoration:none; color:#eaffef; }
.readiness-task-list { list-style:none; padding-left:0; }
.readiness-task { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:start; }
.task-main { display:grid; gap:8px; }
.task-line { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.task-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; align-items:end; max-width:460px; }
.task-notes-display { display:grid; gap:4px; margin-top:4px; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:#0b2638; color:#eef6fa; }
.task-notes-display strong { color:var(--green); font-size:.82rem; font-weight:650; letter-spacing:.02em; }
.task-note-entry { display:grid; gap:5px; padding:8px 0; border-top:1px solid var(--line); }
.task-note-entry:first-of-type { border-top:0; padding-top:0; }
.task-note-entry p { margin:0; color:#eef6fa; }
.task-note-meta { display:flex; flex-wrap:wrap; gap:8px; color:#b7c6cf; font-size:.78rem; font-weight:400; }
.task-notes-editor { display:grid; gap:5px; width:100%; color:#eef6fa; font-weight:500; }
.task-notes-editor textarea { width:100%; min-width:260px; border-radius:12px; border:1px solid var(--line); background:#061622; color:#eef6fa; padding:8px 10px; font:inherit; resize:vertical; }
.task-status, .task-owner, .task-date, .task-importance { display:inline-flex; border-radius:999px; padding:3px 8px; font-size:.75rem; font-weight:500; margin-right:0; }
.task-status { background:#12384f; color:#f0c96a; }
.is-todo .task-status { background:#3b3218; color:#f0c96a; }
.is-in_progress .task-status { background:#12324d; color:#9bd3ff; }
.is-blocked .task-status { background:#4d1717; color:#ffb4a9; }
.task-owner { background:#102d41; color:#d7e8f2; }
.task-date, .task-importance { background:#11293a; color:#d7e8f2; }
.task-text { display:block; font-weight:400; color:#eef6fa; }
.readiness-sort { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.small-btn { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:999px; padding:7px 10px; background:#0b2638; color:#eef6fa; font-weight:500; text-decoration:none; cursor:pointer; }
.small-btn:hover, .small-btn.is-active, .primary-action { background:var(--green); color:#07110c; }
.status-update { display:flex; gap:6px; align-items:center; color:#eef6fa; font-weight:500; }
.status-update select, .status-update input { border-radius:10px; border:1px solid var(--line); background:#061622; color:#eef6fa; padding:6px; }
html[data-theme="light"] .readiness-bullets li, html[data-theme="light"] .readiness-bullets li { background:#102015; color:#f3fff5; }
html[data-theme="light"] .readiness-bullets li .task-text, html[data-theme="light"] .readiness-bullets li .task-text { color:#f3fff5; }
html[data-theme="light"] .readiness-bullets li.is-done .task-text, html[data-theme="light"] .readiness-bullets li.is-done .task-text { color:#c9d8cc; }
html[data-theme="light"] .small-btn, html[data-theme="light"] .small-btn { background:#173824; color:#f5fff6; }
html[data-theme="light"] .small-btn:hover, html[data-theme="light"] .small-btn.is-active, html[data-theme="light"] .primary-action, html[data-theme="light"] .small-btn:hover, html[data-theme="light"] .small-btn.is-active, html[data-theme="light"] .primary-action { background:#1e8f3e; color:#ffffff; }
html[data-theme="light"] .status-update, html[data-theme="light"] .status-update { color:#f3fff5; }
/* Keep readiness task cards readable even when the rest of the page is in light mode. */
.readiness-task-list .readiness-task,
.readiness-task-list .readiness-task .task-text,
.readiness-task-list .readiness-task .status-update,
.readiness-task-list .readiness-task .status-update span { color:#f7fff8 !important; }
.readiness-task-list .readiness-task.is-done,
.readiness-task-list .readiness-task.is-done .task-text { color:#d4e2d7 !important; }
.readiness-task-list .task-date,
.readiness-task-list .task-importance { color:#f0fff2 !important; background:#243226 !important; }
.readiness-task-list .task-owner { color:#d8ecff !important; }
.readiness-task-list .task-status { color:#ffffff !important; }
.readiness-task-list .status-update select, .readiness-task-list .status-update input { color:#ffffff !important; background:#061622 !important; }
@media (max-width: 900px) {
  .site-header-inner { align-items:center; }
  .menu-toggle { display:inline-flex; }
  .nav { position:absolute; top:calc(100% + 8px); right:16px; left:16px; width:auto; display:none !important; flex-direction:column; align-items:stretch; gap:8px; padding:14px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.98); box-shadow:var(--shadow-strong); z-index:1001; }
  html[data-theme="dark"] .nav { background:rgba(7,17,12,.98); }
  .nav.is-open { display:flex !important; }
  .nav-link, .menu-theme-switch { width:100%; justify-content:center; text-align:center; }
  .browse-hero-inner, .detail-shell, .add-product-shell, .readiness-hero { grid-template-columns:1fr; }
  .completion-card { position:static; text-align:left; }
  .hero-proof { max-width:260px; }
  .filters form, .trust-grid, .quick-facts, .steps-band { grid-template-columns:1fr; }
  .steps-band { margin-top:-24px; }
}
@media (max-width: 700px) {
  .footer-stats { justify-content:flex-start; gap:6px; }
  .footer-stats .footer-stat-pill { padding:7px 6px; border-radius:14px; min-width:78px; }
  .footer-stats strong { font-size:1.08rem; }
  .footer-stats span { font-size:.68rem; }
}
@media (max-width: 560px) {
  .container { padding-left:16px; padding-right:16px; }
  .browse-hero h1 { font-size:2.7rem; }
  .brand { grid-template-columns:36px auto; }
  .brand-logo { width:36px; height:36px; }
  .brand-tagline { display:block !important; }
  .profile-chip { padding:5px; max-width:46px; }
  .profile-chip-text { position:absolute; opacity:0; pointer-events:none; }
  .nav-link { padding:8px 10px; }
}

/* Critical phone portrait header repair: keep tagline visible and prevent right controls from crushing the brand. */
@media (max-width: 560px) {
  .site-header-inner { grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"brand actions" "mode mode" !important; padding:9px 10px !important; gap:6px 8px !important; overflow:visible !important; }
  .site-header-inner .brand { grid-area:brand !important; min-width:0 !important; grid-template-columns:40px minmax(0,1fr) !important; column-gap:8px !important; align-items:center !important; }
  .brand-logo { width:40px !important; height:40px !important; }
  .brand-name { font-size:1.45rem !important; line-height:.95 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .brand-tagline { display:block !important; font-size:.78rem !important; line-height:1.05 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .site-header-inner .header-actions { grid-area:actions !important; gap:4px !important; justify-self:end !important; min-width:max-content !important; }
  .header-actions .header-theme-button.theme-toggle-pill { min-width:58px !important; width:58px !important; height:40px !important; min-height:40px !important; padding:2px !important; }
  .header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track { width:52px !important; height:32px !important; }
  .header-actions .header-theme-button.theme-toggle-pill .theme-toggle-knob { width:24px !important; height:24px !important; }
  .header-actions .header-theme-button.theme-toggle-pill[data-theme-state=dark] .theme-toggle-knob { transform:translateX(20px) !important; }
  .profile-menu-section { gap:3px !important; padding:3px !important; }
  .profile-menu-section .profile-chip { max-width:38px !important; min-height:36px !important; padding:1px !important; }
  .profile-avatar { width:32px !important; height:32px !important; }
  .profile-chip-text { display:none !important; }
  .menu-toggle { width:40px !important; height:40px !important; min-width:40px !important; border-radius:14px !important; }
  .menu-toggle span { width:20px !important; height:3px !important; }
}


/* SwapThing auth/profile/admin polish */
.login-shell { min-height: 68vh; display: grid; place-items: center; padding: 2rem 1rem; background: radial-gradient(circle at 12% 8%, rgba(248,201,92,.16), transparent 24%), radial-gradient(circle at 88% 0%, rgba(244,124,72,.14), transparent 28%), linear-gradient(135deg,#0c1710 0%,#122018 54%,#102918 100%); border:1px solid var(--line); border-radius: 28px; }
.login-card, .compact-card { width: min(100%, 760px); background: rgba(16,29,21,.96); color: var(--ink); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow-strong); padding: clamp(1.25rem, 2.5vw, 2.25rem); }
.login-brand { text-align: center; margin-bottom: 1.25rem; }
.login-brand img { max-width: 170px; height: auto; margin-bottom: .75rem; }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 900; color: var(--green); margin: 0 0 .35rem; }
.login-brand h1, .profile-hero h1 { margin: 0 0 .5rem; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.02; }
.social-login-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; margin: 1.2rem 0 .75rem; }
.social-btn { border: 1px solid var(--line); border-radius: 14px; background: #0b160f; padding: .85rem 1rem; font-weight: 850; cursor: not-allowed; color: var(--ink); text-align:center; text-decoration:none; }
a.social-btn { cursor:pointer; display:inline-block; }
a.social-btn:hover { filter:brightness(1.12); }
.social-btn.google { border-left: 5px solid #4285f4; } .social-btn.amazon { border-left: 5px solid #ff9900; } .social-btn.facebook { border-left: 5px solid #1877f2; } .social-btn.apple { border-left: 5px solid #111; }
.muted { color: var(--muted); } .small { font-size: .9rem; }
.divider { display: flex; align-items: center; gap: 1rem; color: var(--muted); margin: 1.2rem 0; }
.divider:before, .divider:after { content: ''; height: 1px; background: var(--line); flex: 1; }
.login-form, .profile-form { display: grid; gap: 1rem; }
.login-form label, .profile-form label { display: grid; gap: .4rem; font-weight: 900; color: var(--ink); }
.login-form input, .profile-form input, .profile-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 14px; padding: .9rem 1rem; font: inherit; background: #0b160f; color: var(--ink); }
.button.primary, button.primary { background: var(--green); color: #031008; border: 0; border-radius: 999px; padding: .95rem 1.2rem; font-weight: 950; cursor: pointer; text-decoration: none; display: inline-block; }
.button.primary:hover, button.primary:hover { background: var(--green-dark); color:#fff; }
.danger-btn { background:#b91c1c; color:#fff; border:0; border-radius:999px; padding:.55rem .8rem; font-weight:900; cursor:pointer; }
.danger-btn:hover { background:#7f1d1d; }
.admin-collapsible summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; font-size:1.05rem; font-weight:950; }
.admin-collapsible summary small { color:var(--muted); font-weight:800; }
.admin-search-label { display:grid; gap:.35rem; margin:.85rem 0; font-weight:900; }
.admin-table-search { max-width:420px; }
.admin-section-heading { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.swap-status-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:.75rem; margin:1rem 0; }
.swap-map-grid { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr); gap:1rem; align-items:start; }
.swap-region-map { min-height:220px; border:1px solid var(--line); border-radius:18px; padding:1rem; background:radial-gradient(circle at 30% 35%, rgba(58,160,255,.22), transparent 28%), radial-gradient(circle at 70% 60%, rgba(53,208,127,.18), transparent 26%), rgba(11,22,15,.35); display:flex; flex-wrap:wrap; align-content:flex-start; gap:.65rem; }
.swap-region-pin { border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:.45rem .7rem; background:rgba(255,255,255,.08); display:flex; gap:.45rem; align-items:center; }
.swap-action-strip { display:flex; flex-wrap:wrap; gap:.8rem; align-items:end; margin:.8rem 0; }
.swap-action-strip label { display:grid; gap:.3rem; font-weight:900; }
.swap-score-card, .swap-region-pin, .swap-timeline-row { cursor:pointer; text-align:left; font:inherit; color:inherit; }
.swap-region-map:after { content:'SwapThing service area · DFW / North Texas'; position:absolute; right:14px; bottom:10px; color:rgba(255,255,255,.62); font-size:.78rem; font-weight:900; letter-spacing:.03em; }
.swap-heat-map[data-heat-mode='user'] { background:radial-gradient(circle at 35% 45%, rgba(168,85,247,.24), transparent 30%), radial-gradient(circle at 65% 45%, rgba(58,160,255,.18), transparent 28%), rgba(11,22,15,.35); }
.swap-heat-map[data-heat-mode='category'] { background:radial-gradient(circle at 35% 45%, rgba(53,208,127,.22), transparent 30%), radial-gradient(circle at 65% 55%, rgba(59,130,246,.24), transparent 30%), rgba(11,22,15,.35); }
.swap-heat-map[data-heat-mode='status'] { background:radial-gradient(circle at 35% 45%, rgba(251,191,36,.24), transparent 30%), radial-gradient(circle at 70% 55%, rgba(239,68,68,.18), transparent 28%), rgba(11,22,15,.35); }
.swap-score-card { border-color:rgba(53,208,127,.35); box-shadow:0 0 0 1px rgba(53,208,127,.08), 0 12px 30px rgba(53,208,127,.08); }
.swap-heat-map { position:relative; overflow:hidden; }
.swap-heat-map:before { content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(53,208,127,.08), rgba(58,160,255,.1), rgba(255,193,7,.08)); pointer-events:none; }
.swap-region-pin { position:relative; z-index:1; }
.swap-region-pin.heat-1 { background:rgba(53,208,127,.16); }
.swap-region-pin.heat-2 { background:rgba(94,234,212,.2); }
.swap-region-pin.heat-3 { background:rgba(250,204,21,.22); }
.swap-region-pin.heat-4 { background:rgba(251,146,60,.25); }
.swap-region-pin.heat-5 { background:rgba(248,113,113,.28); }
.swap-timeline-panel { border:1px solid var(--line); border-radius:18px; padding:1rem; background:rgba(255,255,255,.04); }
.swap-timeline-row { display:grid; grid-template-columns:110px 1fr 36px; gap:.6rem; align-items:center; margin:.45rem 0; }
.swap-timeline-row meter { width:100%; height:12px; }
.swap-status-pill { display:inline-flex; border-radius:999px; padding:.25rem .55rem; background:rgba(53,208,127,.14); color:var(--green); font-weight:900; }
.admin-research-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.75rem; margin:.85rem 0; }
.admin-research-controls label { display:grid; gap:.35rem; font-weight:900; }
.account-options-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:.75rem; margin:1rem 0; }
.account-options-grid article { border:1px solid var(--line); border-radius:14px; padding:.8rem; background:rgba(255,255,255,.04); display:grid; gap:.25rem; }
@media (max-width: 760px) { .swap-map-grid { grid-template-columns:1fr; } }
.full { width: 100%; }
.mfa-card { max-width: 560px; }
.elevated-access-warning { color:#ff4d4d !important; }
.mfa-code-input { text-align:center; font-size:1.45rem !important; letter-spacing:.28em; font-weight:950; }
.mfa-resend-form { display:grid; }
.elevated-terms-modal { position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.62); }
.elevated-terms-modal[hidden] { display:none; }
.elevated-terms-card { position:relative; width:min(100%,520px); background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow-strong); padding:22px; }
.elevated-terms-close { position:absolute; top:12px; right:12px; width:36px; height:36px; border-radius:999px; border:1px solid var(--line); background:color-mix(in srgb,var(--surface) 88%,transparent); color:var(--ink); font-size:1.45rem; line-height:1; font-weight:900; display:grid; place-items:center; cursor:pointer; }
.elevated-terms-close:hover,.elevated-terms-close:focus-visible { border-color:rgba(239,68,68,.7); background:rgba(239,68,68,.12); color:#ef4444; }
.elevated-terms-card h2 { margin-top:0; }
.elevated-terms-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-top:18px; }
.error { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; padding: .85rem 1rem; border-radius: 14px; margin: 1rem 0; }
.success { background: #dcfce7; color: #14532d; border: 1px solid #86efac; padding: .85rem 1rem; border-radius: 14px; margin: 1rem 0; }
.profile-shell, .admin-shell { display: grid; gap: 1.25rem; }
.profile-hero.compact-card { width: 100%; background: rgba(16,29,21,.96); }
.profile-follow-row { display: flex; flex-wrap: wrap; gap: .65rem; margin: .85rem 0; color: var(--muted); }
.profile-follow-row span { display: inline-flex; align-items: center; gap: .25rem; padding: .35rem .65rem; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.06); }
.profile-follow-form { margin: .35rem 0 .75rem; }
.follow-toggle { display: inline-flex; align-items: center; gap: .6rem; border: 1px solid rgba(34,197,94,.45); border-radius: 999px; padding: .45rem .8rem .45rem .5rem; background: rgba(34,197,94,.12); color: var(--text); font-weight: 900; cursor: pointer; }
.follow-toggle-track { width: 2.55rem; height: 1.35rem; border-radius: 999px; background: rgba(255,255,255,.18); position: relative; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.follow-toggle-knob { position: absolute; width: 1rem; height: 1rem; left: .18rem; top: .17rem; border-radius: 999px; background: #fff; transition: transform .16s ease; }
.follow-toggle.is-on { background: rgba(34,197,94,.24); border-color: rgba(34,197,94,.75); }
.follow-toggle.is-on .follow-toggle-track { background: rgba(34,197,94,.75); }
.follow-toggle.is-on .follow-toggle-knob { transform: translateX(1.18rem); }
.privacy-request-picker { margin-top: .75rem; }
.privacy-request-picker > summary { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; list-style: none; cursor: pointer; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: .55rem .85rem; background: rgba(255,255,255,.08); font-weight: 900; }
.privacy-request-picker > summary::-webkit-details-marker { display: none; }
.privacy-request-options { display: grid; gap: .8rem; max-width: 520px; margin-top: .85rem; padding: .9rem; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(0,0,0,.18); }
.privacy-request-options fieldset { display: grid; gap: .45rem; border: 0; padding: 0; margin: 0; }
.privacy-request-options legend { font-weight: 900; margin-bottom: .35rem; }
.privacy-request-options label { display: flex; gap: .5rem; align-items: flex-start; color: var(--text); }
.privacy-request-note { display: grid!important; gap: .35rem!important; }
.privacy-request-note textarea { width: 100%; border-radius: 14px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); color: var(--text); padding: .65rem .75rem; }
.admin-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap: 1rem; }
.mode-duty-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mode-duty-grid article { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:14px; box-shadow:var(--shadow); }
.mode-duty-grid strong, .mode-duty-grid span { display:block; }
.mode-duty-grid span { color:var(--muted); margin-top:5px; }
.stat-card { background: #fff; border: 1px solid #e1e8f2; border-radius: 18px; padding: 1rem; box-shadow: 0 12px 28px rgba(13,28,50,.08); }
.stat-card strong { display: block; font-size: 2rem; color: #0f4fd6; }
.stat-card span { text-transform: capitalize; color: #607086; font-weight: 800; }
.admin-grid { display: grid; gap: 1rem; }
.admin-grid .compact-card, .admin-todos { width: 100%; overflow-x: auto; }
.admin-todo-form { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:.75rem; align-items:end; margin:1rem 0; }
.admin-todo-form label, .inline-admin-form { display:grid; gap:.35rem; }
.admin-todo-form input, .admin-todo-form select, .admin-todo-form textarea, .inline-admin-form select { border:1px solid #cbd5e1; border-radius:12px; padding:.7rem .8rem; font:inherit; }
.admin-todo-form .todo-notes { grid-column:1 / -2; }
.inline-admin-form { grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto; align-items:center; }
.inline-admin-form button { border:0; border-radius:999px; padding:.55rem .8rem; font-weight:900; cursor:pointer; }
.todo-table-wrap { overflow-x:auto; }
table { width: 100%; border-collapse: collapse; } th, td { padding: .65rem .75rem; border-bottom: 1px solid #e5ebf4; text-align: left; vertical-align:top; } th { color: #334155; font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; }
th.sortable-header { cursor:pointer; user-select:none; }
th.sortable-header:after { content:' ↕'; color:#94a3b8; font-weight:900; }
th.sortable-header[aria-sort='ascending']:after { content:' ↑'; color:var(--green); }
th.sortable-header[aria-sort='descending']:after { content:' ↓'; color:var(--green); }
th.sortable-header:focus { outline:2px solid var(--green); outline-offset:2px; border-radius:6px; }
@media (max-width: 640px) { .social-login-grid { grid-template-columns: 1fr; } .login-shell { border-radius: 16px; } }

.dashboard-console { background:#050b08; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow-strong); overflow:hidden; margin:24px 0; }
.console-topbar { display:flex; align-items:center; gap:8px; padding:12px 16px; background:#0b160f; border-bottom:1px solid var(--line); color:var(--muted); }
.console-dot { width:11px; height:11px; border-radius:50%; display:inline-block; } .console-dot.red{background:#ff5f56;} .console-dot.amber{background:#ffbd2e;} .console-dot.green{background:#27c93f;}
.dashboard-console pre { margin:0; padding:20px; overflow:auto; color:#b7ffcf; font: 0.95rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.dashboard-actions { display:flex; gap:12px; flex-wrap:wrap; margin:20px 0; }
html[data-theme="light"] .dashboard-console { background:#102017; }

/* Explicit theme surfaces: light is the normal/default page, dark only changes global surfaces and readable text. */
html[data-theme="light"] body,
:root:not([data-theme="dark"]) body { color:var(--ink); }

html[data-theme="light"] .login-shell,
:root:not([data-theme="dark"]) .login-shell { background: radial-gradient(circle at 12% 8%, rgba(21,138,79,.14), transparent 24%), radial-gradient(circle at 88% 0%, rgba(244,124,72,.10), transparent 28%), linear-gradient(135deg,#f3fbf5 0%,#ffffff 54%,#e9f8ee 100%); }

html[data-theme="light"] .steps-band article,
html[data-theme="light"] .filters,
html[data-theme="light"] .listing-card,
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .trade-box,
html[data-theme="light"] .trust-grid article,
html[data-theme="light"] .add-card,
html[data-theme="light"] .readiness-tracker,
html[data-theme="light"] .completion-card,
html[data-theme="light"] .login-card,
html[data-theme="light"] .compact-card,
:root:not([data-theme="dark"]) .steps-band article,
:root:not([data-theme="dark"]) .filters,
:root:not([data-theme="dark"]) .listing-card,
:root:not([data-theme="dark"]) .detail-panel,
:root:not([data-theme="dark"]) .trade-box,
:root:not([data-theme="dark"]) .trust-grid article,
:root:not([data-theme="dark"]) .add-card,
:root:not([data-theme="dark"]) .readiness-tracker,
:root:not([data-theme="dark"]) .completion-card,
:root:not([data-theme="dark"]) .login-card,
:root:not([data-theme="dark"]) .compact-card { background:rgba(255,255,255,.96); color:var(--ink); }

html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] textarea,
html[data-theme="light"] .social-btn,
html[data-theme="light"] .login-form input,
html[data-theme="light"] .profile-form input,
html[data-theme="light"] .profile-form textarea,
:root:not([data-theme="dark"]) .input,
:root:not([data-theme="dark"]) .select,
:root:not([data-theme="dark"]) textarea,
:root:not([data-theme="dark"]) .social-btn,
:root:not([data-theme="dark"]) .login-form input,
:root:not([data-theme="dark"]) .profile-form input,
:root:not([data-theme="dark"]) .profile-form textarea { background:#ffffff; color:var(--ink); border-color:var(--line); }

html[data-theme="dark"] .site-main { background:transparent; }
html[data-theme="dark"] .login-shell { background:#07110c; background-image: radial-gradient(circle at 12% 8%, rgba(248,201,92,.10), transparent 24%), radial-gradient(circle at 88% 0%, rgba(244,124,72,.10), transparent 28%), linear-gradient(135deg,#07110c 0%,#0b160f 54%,#030806 100%); }
html[data-theme="dark"] .steps-band article,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .listing-card,
html[data-theme="dark"] .detail-panel,
html[data-theme="dark"] .trade-box,
html[data-theme="dark"] .trust-grid article,
html[data-theme="dark"] .add-card,
html[data-theme="dark"] .readiness-tracker,
html[data-theme="dark"] .completion-card,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .compact-card { background:rgba(16,29,21,.96); color:var(--ink); }
html[data-theme="dark"] .input,
html[data-theme="dark"] .select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .social-btn,
html[data-theme="dark"] .login-form input,
html[data-theme="dark"] .profile-form input,
html[data-theme="dark"] .profile-form textarea { background:#0b160f; color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] .stat-card { background:#101d15; border-color:var(--line); color:var(--ink); }
html[data-theme="dark"] table th,
html[data-theme="dark"] table td { border-color:var(--line); color:var(--ink); }


/* Theme fix: make the visible page shell actually switch. Checkbox state is supported directly with :has(), data-theme remains the persisted fallback. */

html[data-theme="light"] {
  background-color:#f3fbf5;
  background-image:radial-gradient(circle at top left, #d8f5e3, transparent 34%), linear-gradient(180deg, #f3fbf5, #ffffff 52%, #edf8f1);
  color:#102017;
}

html[data-theme="dark"] body,
body:has([data-theme-toggle]:checked) {
  background-color:#07110c;
  background-image:radial-gradient(circle at 12% 0%, rgba(55,209,126,.16), transparent 30%), linear-gradient(180deg, #0b160f 0%, #07110c 58%, #030806 100%);
  color:#eef8f1;
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header { background-color:rgba(255,255,255,.94); color:#102017; }

html[data-theme="dark"] .site-header,
body:has([data-theme-toggle]:checked) .site-header { background-color:rgba(7,17,12,.94); color:#eef8f1; }

html[data-theme="light"] .browse-hero,
html[data-theme="light"] .readiness-hero,
html[data-theme="light"] .login-shell,
html[data-theme="light"] .browse-hero,
html[data-theme="light"] .readiness-hero,
html[data-theme="light"] .login-shell {
  background-color:#f3fbf5;
  background-image:radial-gradient(circle at 12% 8%, rgba(21,138,79,.14), transparent 24%), radial-gradient(circle at 88% 0%, rgba(244,124,72,.10), transparent 28%), linear-gradient(135deg,#f3fbf5 0%,#ffffff 54%,#e9f8ee 100%);
  color:#102017;
}

html[data-theme="dark"] .browse-hero,
html[data-theme="dark"] .readiness-hero,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .login-shell,
body:has([data-theme-toggle]:checked) .browse-hero,
body:has([data-theme-toggle]:checked) .readiness-hero,
body:has([data-theme-toggle]:checked) .dashboard-hero,
body:has([data-theme-toggle]:checked) .login-shell {
  background-color:#07110c !important;
  background-image:radial-gradient(circle at 12% 8%, rgba(248,201,92,.10), transparent 24%), radial-gradient(circle at 88% 0%, rgba(244,124,72,.10), transparent 28%), linear-gradient(135deg,#07110c 0%,#0b160f 54%,#030806 100%) !important;
  color:#eef8f1 !important;
}

html[data-theme="light"] .steps-band article,
html[data-theme="light"] .filters,
html[data-theme="light"] .listing-card,
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .trade-box,
html[data-theme="light"] .trust-grid article,
html[data-theme="light"] .add-card,
html[data-theme="light"] .readiness-tracker,
html[data-theme="light"] .completion-card,
html[data-theme="light"] .login-card,
html[data-theme="light"] .compact-card,
html[data-theme="light"] .footer-stats div,.footer-stats .footer-stat-pill,
html[data-theme="light"] .steps-band article,
html[data-theme="light"] .filters,
html[data-theme="light"] .listing-card,
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .trade-box,
html[data-theme="light"] .trust-grid article,
html[data-theme="light"] .add-card,
html[data-theme="light"] .readiness-tracker,
html[data-theme="light"] .completion-card,
html[data-theme="light"] .login-card,
html[data-theme="light"] .compact-card,
html[data-theme="light"] .footer-stats div,.footer-stats .footer-stat-pill {
  background-color:rgba(255,255,255,.96);
  color:#102017;
  border-color:#cfe3d6;
}

html[data-theme="dark"] .steps-band article,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .listing-card,
html[data-theme="dark"] .detail-panel,
html[data-theme="dark"] .trade-box,
html[data-theme="dark"] .trust-grid article,
html[data-theme="dark"] .add-card,
html[data-theme="dark"] .readiness-tracker,
html[data-theme="dark"] .completion-card,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .compact-card,
html[data-theme="dark"] .footer-stats div,.footer-stats .footer-stat-pill,
body:has([data-theme-toggle]:checked) .steps-band article,
body:has([data-theme-toggle]:checked) .filters,
body:has([data-theme-toggle]:checked) .listing-card,
body:has([data-theme-toggle]:checked) .detail-panel,
body:has([data-theme-toggle]:checked) .trade-box,
body:has([data-theme-toggle]:checked) .trust-grid article,
body:has([data-theme-toggle]:checked) .add-card,
body:has([data-theme-toggle]:checked) .readiness-tracker,
body:has([data-theme-toggle]:checked) .completion-card,
body:has([data-theme-toggle]:checked) .login-card,
body:has([data-theme-toggle]:checked) .compact-card,
body:has([data-theme-toggle]:checked) .footer-stats div,.footer-stats .footer-stat-pill {
  background-color:rgba(16,29,21,.96);
  color:#eef8f1;
  border-color:#26382e;
}

html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] textarea,
html[data-theme="light"] .social-btn,
html[data-theme="light"] .login-form input,
html[data-theme="light"] .profile-form input,
html[data-theme="light"] .profile-form textarea,
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] textarea,
html[data-theme="light"] .social-btn,
html[data-theme="light"] .login-form input,
html[data-theme="light"] .profile-form input,
html[data-theme="light"] .profile-form textarea {
  background-color:#ffffff;
  color:#102017;
  border-color:#cfe3d6;
}

html[data-theme="dark"] .input,
html[data-theme="dark"] .select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .social-btn,
html[data-theme="dark"] .login-form input,
html[data-theme="dark"] .profile-form input,
html[data-theme="dark"] .profile-form textarea,
body:has([data-theme-toggle]:checked) .input,
body:has([data-theme-toggle]:checked) .select,
body:has([data-theme-toggle]:checked) textarea,
body:has([data-theme-toggle]:checked) .social-btn,
body:has([data-theme-toggle]:checked) .login-form input,
body:has([data-theme-toggle]:checked) .profile-form input,
body:has([data-theme-toggle]:checked) .profile-form textarea {
  background-color:#0b160f;
  color:#eef8f1;
  border-color:#26382e;
}

/* Browse display options and listing type color system */
.compact-landing .browse-hero-inner { grid-template-columns:minmax(0,1fr) auto; align-items:center; padding-top:34px; padding-bottom:34px; }
.compact-landing h1 { font-size:clamp(2.1rem,4.8vw,4.6rem); }
.hero-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.filters form { grid-template-columns:minmax(220px,1.4fr) .65fr .65fr .55fr .55fr auto; }
.listing-card-item { background:linear-gradient(145deg, rgba(16,52,35,.98), rgba(13,31,23,.96)); }
.listing-card-service { background:linear-gradient(145deg, rgba(25,38,74,.98), rgba(18,24,46,.96)); }
.listing-card-item .listing-image-link { background:linear-gradient(135deg,#123523,#0b1710); }
.listing-card-service .listing-image-link { background:linear-gradient(135deg,#18264a,#11172b); }
.type-pill { margin-left:auto; border-radius:999px; padding:4px 8px; font-size:.72rem; font-weight:950; color:#06110b; background:var(--green); }
.listing-card-service .type-pill { color:#07101d; background:#8ec5ff; }
.listing-list { display:grid; grid-template-columns:1fr; gap:12px; }
.listing-list .listing-card { display:grid; grid-template-columns:168px minmax(0,1fr); min-height:150px; }
.listing-list .listing-image-link { height:100%; }
.listing-list .listing-img { height:100%; min-height:150px; }
.listing-list .listing-body { padding:16px 18px; justify-content:center; }
.listing-list .listing-title { font-size:1.22rem; }
.listing-list .listing-desc { max-width:780px; }
html[data-theme="light"] .listing-card-item,
:root:not([data-theme="dark"]) .listing-card-item,
html[data-theme="light"] .listing-card-item { background:linear-gradient(145deg, rgba(235,255,242,.98), rgba(207,242,221,.96)); }
html[data-theme="light"] .listing-card-service,
:root:not([data-theme="dark"]) .listing-card-service,
html[data-theme="light"] .listing-card-service { background:linear-gradient(145deg, rgba(236,244,255,.98), rgba(206,224,252,.96)); }
@media (max-width: 900px) { .filters form { grid-template-columns:1fr; } .compact-landing .browse-hero-inner { grid-template-columns:1fr; } .hero-actions { justify-content:flex-start; } }
@media (max-width: 620px) { .listing-list .listing-card { grid-template-columns:1fr; } .listing-list .listing-img { height:188px; } }


/* SwapThing refreshed marketplace palette and browse controls */
:root {
  --ink:#16202a;
  --muted:#657484;
  --line:#d8e2ea;
  --paper:#f7f3ec;
  --surface:#ffffff;
  --cream:#fff8ed;
  --mint:#e9f6ef;
  --green:#167a55;
  --green-dark:#0f5d42;
  --orange:#d96c3f;
  --gold:#d99b2b;
  --shadow:rgba(28,45,58,.08) 0 1px 2px, rgba(28,45,58,.12) 0 10px 28px;
  --shadow-strong:rgba(28,45,58,.18) 0 18px 44px;
}
html[data-theme="dark"] {
  --ink:#f4efe7;
  --muted:#b7c0c8;
  --line:#34495a;
  --paper:#101820;
  --surface:#172330;
  --cream:#211d19;
  --mint:#142a24;
  --green:#5fd19c;
  --green-dark:#35a975;
  --orange:#ff936f;
  --gold:#f1c15f;
}
html[data-theme="light"] {
  background-color:#f7f3ec;
  background-image:radial-gradient(circle at 8% 0%, rgba(22,122,85,.14), transparent 30%), radial-gradient(circle at 92% 8%, rgba(217,108,63,.12), transparent 28%), linear-gradient(180deg,#f7f3ec 0%,#ffffff 48%,#eef7f2 100%);
  color:var(--ink);
}
html[data-theme="dark"] body,
body:has([data-theme-toggle]:checked) {
  background-color:#101820;
  background-image:radial-gradient(circle at 8% 0%, rgba(95,209,156,.14), transparent 30%), radial-gradient(circle at 92% 8%, rgba(255,147,111,.10), transparent 28%), linear-gradient(180deg,#101820 0%,#0c141b 58%,#070b10 100%);
}
.site-header { box-shadow:0 8px 28px rgba(28,45,58,.06); }
.brand-logo { filter:drop-shadow(0 8px 16px rgba(22,122,85,.22)); }
.nav-cta, .filter-btn, .primary-btn, .button.primary, button.primary { color:#fff; }
.browse-search-panel { padding:18px; }
.filters form { grid-template-columns:minmax(240px,1.5fr) .72fr .62fr .72fr auto; align-items:end; }
.field-label { display:grid; gap:6px; color:var(--muted); font-size:.78rem; font-weight:950; letter-spacing:.04em; text-transform:uppercase; }
.field-label .input, .field-label .select { text-transform:none; letter-spacing:0; font-size:1rem; font-weight:500; }
.browse-toolbar { display:flex; justify-content:flex-end; margin:-8px 0 18px; }
.compact-field { width:min(180px, 100%); }
.listing-card { background:var(--surface); border-color:var(--line); }
.listing-card-item, html[data-theme="light"] .listing-card-item, :root:not([data-theme="dark"]) .listing-card-item, html[data-theme="light"] .listing-card-item { background:linear-gradient(145deg,#ffffff,#dcf8e8 48%,#bdf0d2); }
.listing-card-service, html[data-theme="light"] .listing-card-service, :root:not([data-theme="dark"]) .listing-card-service, html[data-theme="light"] .listing-card-service { background:linear-gradient(145deg,#ffffff,#dcecff 48%,#bddaff); }
html[data-theme="dark"] .listing-card-item, body:has([data-theme-toggle]:checked) .listing-card-item { background:linear-gradient(145deg,#235f40,#173b2d 55%,#10251c); }
html[data-theme="dark"] .listing-card-service, body:has([data-theme-toggle]:checked) .listing-card-service { background:linear-gradient(145deg,#245b9a,#1d3c74 55%,#162645); }
.type-pill { color:#fff; background:var(--green); margin-left:0; }
.listing-card-service .type-pill { color:#0d1724; background:#9ecbff; }
.type-pill span[aria-hidden="true"] { font-size:1.32em; line-height:1; margin-right:3px; }

.swap-opportunities-page .ops-card { margin-top:22px; }
.swap-user-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; margin-bottom:14px; }
.swap-user-head h2 { margin:.1rem 0 .35rem; }
.swap-user-head small { color:var(--muted); font-size:.8em; }
.swap-table { display:grid; gap:10px; }
.swap-row { display:grid; grid-template-columns:90px minmax(0,1.2fr) minmax(0,1.2fr) 110px; gap:12px; align-items:center; padding:12px 14px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.045); }
.swap-row-head { font-weight:800; color:var(--muted); background:transparent; border-style:dashed; }
.swap-row span { min-width:0; }
.swap-row strong { display:block; overflow-wrap:anywhere; }
.swap-row small { display:block; color:var(--muted); margin-top:3px; }
.swap-cycle strong, .swap-score strong { font-size:1.05rem; }
.swap-score { text-align:right; }
@media (max-width:820px){ .swap-user-head,.swap-row{display:block}.swap-row > span{display:block;margin:.45rem 0}.swap-score{text-align:left} }
.demo-indicator { display:none !important; }
.profile-form select { width:100%; }
@media (max-width: 900px) { .filters form { grid-template-columns:1fr; } .browse-toolbar { justify-content:stretch; } .compact-field { width:100%; } }

/* One-time gamification toasts */
.toast-host {
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2000;
  display:grid;
  gap:12px;
  width:min(390px, calc(100vw - 32px));
  pointer-events:none;
}
.game-toast {
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 14px;
  border:1px solid rgba(224,176,80,.55);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(11,38,56,.98), rgba(6,22,34,.98));
  color:#eef6fa;
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
  pointer-events:auto;
  opacity:0;
  transform:translateY(18px) scale(.98);
  transition:opacity .22s ease, transform .22s ease;
}
.game-toast.is-visible { opacity:1; transform:translateY(0) scale(1); }
.game-toast-icon {
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 35% 25%, #fff4bd, #e0b050 56%, #8f641c);
  color:#061622;
  font-size:1.45rem;
  font-weight:950;
  box-shadow:0 0 22px rgba(224,176,80,.34);
}
.game-toast-copy { min-width:0; }
.game-toast-copy strong { display:block; font-size:.98rem; line-height:1.15; }
.game-toast-copy p { margin:.18rem 0 0; color:#cbd9df; font-size:.9rem; line-height:1.3; }
.game-toast-close {
  border:0;
  align-self:start;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#eef6fa;
  cursor:pointer;
  font-size:1.2rem;
  line-height:1;
}
.game-toast-close:hover { background:rgba(255,255,255,.18); }
.game-toast-level-up .game-toast-icon { background:radial-gradient(circle at 35% 25%, #f5ffd9, #82d66a 56%, #2c7c42); }
.game-toast-streak .game-toast-icon { background:radial-gradient(circle at 35% 25%, #fff0d0, #ff985d 56%, #a94820); }
.game-toast-trade .game-toast-icon { background:radial-gradient(circle at 35% 25%, #dff7ff, #59b6ff 56%, #155a98); }
@media (max-width: 620px) {
  .toast-host { right:12px; bottom:12px; width:calc(100vw - 24px); }
  .game-toast { grid-template-columns:42px 1fr auto; padding:12px; }
  .game-toast-icon { width:42px; height:42px; }
}

/* Theme authority repair: no checkbox toggle exists; html[data-theme] controls all mode colors. */
html[data-theme="dark"] body { background:#101820 !important; background-image:radial-gradient(circle at 8% 0%, rgba(95,209,156,.14), transparent 30%), radial-gradient(circle at 92% 8%, rgba(255,147,111,.10), transparent 28%), linear-gradient(180deg,#101820 0%,#0c141b 58%,#070b10 100%) !important; color:#fffaf0 !important; }
html[data-theme="dark"] .site-header, html[data-theme="dark"] .nav { background:#101820 !important; color:#fffaf0 !important; border-color:#52677a !important; }
html[data-theme="dark"] .nav-link, html[data-theme="dark"] .brand, html[data-theme="dark"] .brand-name, html[data-theme="dark"] .menu-toggle { color:#fffaf0 !important; }
html[data-theme="dark"] .menu-toggle, html[data-theme="dark"] .menu-theme-button, html[data-theme="dark"] .privacy-alert-bell { background:#1b2a38 !important; color:#fffaf0 !important; border-color:#52677a !important; }
html[data-theme="dark"] .login-card, html[data-theme="dark"] .compact-card, html[data-theme="dark"] .add-card, html[data-theme="dark"] .filters, html[data-theme="dark"] .listing-card, html[data-theme="dark"] .detail-panel, html[data-theme="dark"] .trade-box, html[data-theme="dark"] .trust-grid article, html[data-theme="dark"] .footer-stats div,.footer-stats .footer-stat-pill, html[data-theme="dark"] .quick-facts div { background:#1b2a38 !important; color:#fffaf0 !important; border-color:#52677a !important; }
html[data-theme="dark"] .plain-copy, html[data-theme="dark"] .muted, html[data-theme="dark"] .field-help, html[data-theme="dark"] .loc, html[data-theme="dark"] .owner, html[data-theme="dark"] .back-link, html[data-theme="dark"] .site-footer, html[data-theme="dark"] .quick-facts span { color:#d4dee7 !important; }
html[data-theme="dark"] .input, html[data-theme="dark"] .select, html[data-theme="dark"] textarea { background:#0d1722 !important; color:#fffaf0 !important; border-color:#708395 !important; }
html[data-theme="light"] body { background-color:#f3fbf5 !important; background-image:radial-gradient(circle at top left, #d8f5e3, transparent 34%), linear-gradient(180deg, #f3fbf5, #ffffff 52%, #edf8f1) !important; color:#102017 !important; }
html[data-theme="light"] .site-header { background-color:rgba(255,255,255,.94) !important; color:#102017 !important; }




/* Member dashboard game-feel layout: aligned Your Things grid/table and slot notices. */
.dashboard-things-grid { display:grid; gap:0; border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:var(--shadow); background:var(--surface); }
.dashboard-things-head,.dashboard-things-row { display:grid; grid-template-columns:1.1fr .55fr .65fr 1.7fr; gap:0; align-items:stretch; }
.dashboard-things-head { background:rgba(21,138,79,.16); font-weight:950; text-transform:uppercase; letter-spacing:.04em; font-size:.78rem; }
.dashboard-things-head span,.dashboard-things-row > * { padding:12px 14px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); min-width:0; }
.dashboard-things-head span:last-child,.dashboard-things-row > *:last-child { border-right:0; }
.dashboard-things-row:last-child > * { border-bottom:0; }
.dashboard-things-row strong { color:var(--green); }
.slot-warning-card { border-color:#f59e0b !important; background:linear-gradient(135deg,rgba(254,243,199,.92),rgba(255,255,255,.96)) !important; }
html[data-theme="dark"] .slot-warning-card { background:linear-gradient(135deg,rgba(120,53,15,.42),rgba(27,42,56,.96)) !important; color:#fffaf0 !important; }
.dashboard-listings-card table th,.dashboard-listings-card table td { vertical-align:middle; }
@media (max-width:760px) {
  .dashboard-things-grid { border-radius:18px; }
  .dashboard-things-head { display:none; }
  .dashboard-things-row { grid-template-columns:1fr; padding:12px; border-bottom:1px solid var(--line); }
  .dashboard-things-row:last-child { border-bottom:0; }
  .dashboard-things-row > * { border:0; padding:3px 0; }
  .dashboard-things-row > *:nth-child(2)::before { content:'Used: '; color:var(--muted); font-weight:900; }
  .dashboard-things-row > *:nth-child(3)::before { content:'Limit: '; color:var(--muted); font-weight:900; }
  .dashboard-things-row > *:nth-child(4)::before { content:'Earn More: '; color:var(--muted); font-weight:900; }
}

/* Parsed-before-legacy-block: shipping carrier logo buttons. */
.carrier-button-row { display:flex !important; gap:12px !important; flex-wrap:wrap !important; align-items:center !important; margin-top:10px !important; }
.carrier-logo-button { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:96px !important; height:58px !important; border:1px solid var(--line) !important; border-radius:16px !important; background:#fff !important; box-shadow:0 8px 24px rgba(15,23,42,.10) !important; text-decoration:none !important; transition:transform .15s ease, box-shadow .15s ease !important; overflow:hidden !important; }
.carrier-logo-button:hover,.carrier-logo-button:focus-visible { transform:translateY(-1px) !important; box-shadow:0 12px 28px rgba(15,23,42,.16) !important; }
.carrier-logo-button img { max-width:72px !important; max-height:36px !important; width:auto !important; height:auto !important; object-fit:contain !important; box-shadow:none !important; border-radius:0 !important; background:transparent !important; }


/* Header controls refinement: profile+menu combined, theme toggle beside it, elevated mode centered on small screens. */
.header-actions .header-theme-toggle { width:auto !important; min-width:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.header-actions .header-theme-toggle .theme-toggle-track { width:58px !important; height:34px !important; }
.header-actions .header-theme-toggle .theme-toggle-knob { width:26px !important; height:26px !important; }
.header-actions .header-theme-toggle[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(24px) !important; }
.menu-toggle-profile { flex-direction:row !important; justify-content:flex-start !important; gap:8px !important; width:auto !important; min-width:46px !important; max-width:230px !important; padding:5px 9px 5px 5px !important; border-radius:999px !important; }
.menu-toggle-profile > span:not(.profile-avatar):not(.profile-chip-text):not(.menu-bars) { display:none !important; }
.menu-toggle-profile .profile-avatar { width:34px !important; height:34px !important; }
.menu-profile-text { display:grid !important; text-align:left !important; min-width:0 !important; }
.menu-bars { display:inline-flex !important; flex-direction:column !important; gap:4px !important; margin-left:2px !important; color:currentColor !important; }
.menu-bars span { display:block !important; width:18px !important; height:2px !important; border-radius:999px !important; background:currentColor !important; }
@media (max-width:760px) {
  .site-header-inner { grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"brand actions" "mode mode" !important; align-items:center !important; }
  .site-header-inner .brand { grid-area:brand !important; }
  .header-actions { grid-area:actions !important; justify-self:end !important; gap:6px !important; margin-left:0 !important; }
  .header-center-controls { grid-area:mode !important; grid-column:auto !important; grid-row:auto !important; width:100% !important; justify-content:center !important; min-height:0 !important; padding-top:6px !important; }
  .header-center-controls:empty { display:none !important; padding-top:0 !important; }
  .header-mode-switch { margin-inline:auto !important; }
  .mode-switch { margin-inline:auto !important; }
  .privacy-alert-bell { width:40px !important; height:40px !important; }
  .menu-toggle-profile { max-width:min(42vw, 176px) !important; min-height:40px !important; }
  .menu-toggle-profile .profile-avatar { width:30px !important; height:30px !important; }
  .menu-toggle-profile .profile-chip-text strong { font-size:.82rem !important; }
  .menu-toggle-profile .profile-chip-text small { font-size:.68rem !important; }
  .header-actions .header-theme-toggle .theme-toggle-track { width:52px !important; height:32px !important; }
  .header-actions .header-theme-toggle .theme-toggle-knob { width:24px !important; height:24px !important; }
  .header-actions .header-theme-toggle[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(20px) !important; }
  .nav { top:calc(100% + 6px) !important; }
}
@media (max-width:430px) {
  .menu-toggle-profile { max-width:78px !important; padding-right:7px !important; }
  .menu-toggle-profile .profile-chip-text { display:none !important; }
  .privacy-alert-bell { width:38px !important; height:38px !important; }
  .header-actions { gap:5px !important; }
}

/* Admin business dashboard polish: large-screen table, top owner inputs, responsive quest-board feel. */
.site-header-inner { display:grid !important; grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) !important; align-items:center !important; }
.site-header-inner .brand { grid-column:1 !important; justify-self:start !important; }
.header-center-controls { grid-column:2 !important; justify-self:center !important; display:flex !important; justify-content:center !important; align-items:center !important; min-height:44px !important; }
.site-header-inner .header-mode-switch { position:static !important; transform:none !important; justify-self:center !important; margin:0 !important; }
.site-header-inner .header-actions { grid-column:3 !important; justify-self:end !important; margin-left:0 !important; }
.admin-business-card-v2 { width:min(100%,1280px) !important; padding:clamp(1rem,2vw,1.7rem) !important; }
.admin-business-hero-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); gap:1rem; align-items:stretch; margin-bottom:1rem; }
.admin-business-level-card { border:1px solid rgba(95,209,156,.38); border-radius:22px; padding:1rem; background:linear-gradient(145deg,rgba(34,197,94,.20),rgba(59,130,246,.12)); box-shadow:var(--shadow); display:grid; gap:.25rem; }
.admin-business-level-card span { color:var(--muted); font-weight:950; text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; }
.admin-business-level-card strong { font-size:1.35rem; color:var(--green); }
.admin-business-fill-first,.admin-business-table-panel { border:1px solid rgba(148,163,184,.25); border-radius:22px; padding:1rem; background:rgba(255,255,255,.045); margin-top:1rem; }
.admin-business-input-grid-v2 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch; }
.admin-business-input-grid-v2 label { min-height:178px; }
.admin-business-input-grid-v2 textarea { width:100%; min-height:64px; resize:vertical; }
.admin-business-metric-grid-v2 { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
.admin-business-table-wrap { border:1px solid rgba(148,163,184,.25); border-radius:18px; background:rgba(255,255,255,.035); }
.admin-business-status-table { min-width:880px; }
.admin-business-status-table th { white-space:nowrap; }
.admin-business-status-table td { line-height:1.35; }
.status-pill { display:inline-flex; align-items:center; justify-content:center; padding:.3rem .6rem; border-radius:999px; font-weight:950; font-size:.82rem; white-space:nowrap; border:1px solid rgba(148,163,184,.35); }
.status-pill.good { color:#064e3b; background:#bbf7d0; border-color:#86efac; }
.status-pill.warn { color:#7c2d12; background:#fed7aa; border-color:#fdba74; }
html[data-theme="dark"] .admin-business-fill-first,
html[data-theme="dark"] .admin-business-table-panel,
html[data-theme="dark"] .admin-business-table-wrap { background:rgba(15,23,42,.35); border-color:#52677a; }
html[data-theme="dark"] .status-pill.good { color:#dcfce7; background:#166534; border-color:#22c55e; }
html[data-theme="dark"] .status-pill.warn { color:#ffedd5; background:#9a3412; border-color:#fb923c; }
@media (max-width:1000px) {
  .admin-business-hero-row { grid-template-columns:1fr; }
  .admin-business-input-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .admin-business-metric-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:760px) {
  .site-header-inner { grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"brand actions" "mode mode" !important; }
  .site-header-inner .brand { grid-area:brand !important; }
  .site-header-inner .header-actions { grid-area:actions !important; }
  .header-center-controls { grid-area:mode !important; grid-column:auto !important; width:100% !important; padding-top:6px !important; }
  .admin-business-input-grid-v2,.admin-business-metric-grid-v2 { grid-template-columns:1fr !important; }
  .admin-business-status-table { min-width:0; }
  .admin-business-status-table thead { display:none; }
  .admin-business-status-table tr { display:grid; gap:.35rem; padding:.85rem; border-bottom:1px solid var(--line); }
  .admin-business-status-table td { display:grid; grid-template-columns:112px 1fr; gap:.55rem; border:0; padding:.15rem 0; }
  .admin-business-status-table td::before { content:attr(data-label); color:var(--muted); font-weight:950; }
}



/* Browse card color polish: light Thing/Service card backgrounds in both themes. */
.listing-grid .listing-card-item,
.listing-list .listing-card-item,
html[data-theme="light"] .listing-grid .listing-card-item,
html[data-theme="light"] .listing-list .listing-card-item,
html[data-theme="dark"] .listing-grid .listing-card-item,
html[data-theme="dark"] .listing-list .listing-card-item { background:linear-gradient(145deg,#f7fffb 0%,#d4f7e1 45%,#8fe7b4 100%) !important; color:#102417 !important; border-color:#62d98f !important; }
.listing-grid .listing-card-service,
.listing-list .listing-card-service,
html[data-theme="light"] .listing-grid .listing-card-service,
html[data-theme="light"] .listing-list .listing-card-service,
html[data-theme="dark"] .listing-grid .listing-card-service,
html[data-theme="dark"] .listing-list .listing-card-service { background:linear-gradient(145deg,#f8fbff 0%,#d8ebff 45%,#94c6ff 100%) !important; color:#102137 !important; border-color:#6aabf5 !important; }
html[data-theme="dark"] .listing-grid .listing-card-item .listing-desc,
html[data-theme="dark"] .listing-list .listing-card-item .listing-desc,
html[data-theme="dark"] .listing-grid .listing-card-service .listing-desc,
html[data-theme="dark"] .listing-list .listing-card-service .listing-desc { color:#23313d !important; }
.listing-grid .listing-card-item .listing-title,
.listing-list .listing-card-item .listing-title,
.listing-grid .listing-card-item .listing-title a,
.listing-list .listing-card-item .listing-title a { color:#0f3b24 !important; }
.listing-grid .listing-card-service .listing-title,
.listing-list .listing-card-service .listing-title,
.listing-grid .listing-card-service .listing-title a,
.listing-list .listing-card-service .listing-title a { color:#143c72 !important; }
.menu-theme-button .theme-menu-label { display:none !important; }
.menu-theme-button.theme-toggle-pill { justify-content:center !important; }


/* Header profile/menu cluster: handle section owns the hamburger on the right. */
.profile-menu-section { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:4px !important; border:1px solid var(--line) !important; border-radius:999px !important; background:var(--surface) !important; box-shadow:var(--shadow) !important; }
.profile-menu-section .profile-chip { box-shadow:none !important; border:0 !important; background:transparent !important; padding:2px 4px 2px 2px !important; min-height:38px !important; max-width:230px !important; }
.profile-menu-section .profile-chip:hover { background:transparent !important; }
.profile-menu-section .profile-avatar { width:34px !important; height:34px !important; }
.profile-menu-section .profile-section-menu-toggle { width:40px !important; height:40px !important; border-radius:999px !important; box-shadow:none !important; flex:0 0 auto !important; }
html[data-theme="dark"] .profile-menu-section { background:#1b2a38 !important; border-color:#52677a !important; }
@media (max-width:560px) {
  .profile-menu-section .profile-chip { max-width:52px !important; padding-right:0 !important; }
  .profile-menu-section .profile-chip-text { position:absolute !important; opacity:0 !important; pointer-events:none !important; }
  .profile-menu-section { gap:2px !important; }
}


/* Menu theme toggle: remove surrounding button cutout while keeping visual toggle track. */
.nav .menu-theme-button.theme-toggle-pill { width:auto !important; min-width:0 !important; min-height:0 !important; align-self:center !important; justify-content:center !important; padding:0 !important; margin:2px auto 6px !important; border:0 !important; border-radius:999px !important; background:transparent !important; box-shadow:none !important; }
.nav .menu-theme-button.theme-toggle-pill:hover,
.nav .menu-theme-button.theme-toggle-pill:focus { background:transparent !important; box-shadow:none !important; }
html[data-theme="dark"] .nav .menu-theme-button.theme-toggle-pill { background:transparent !important; border-color:transparent !important; box-shadow:none !important; }
.nav .menu-theme-button.theme-toggle-pill .theme-toggle-track { margin:0 !important; }


/* Hamburger reliability: anchor the dropdown to the header and force visible open state. */
.site-header-inner { position:relative !important; overflow:visible !important; }
.site-header { overflow:visible !important; }
.nav.is-open { display:flex !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; z-index:5000 !important; }


/* Beta responsiveness and add-listing trust placement. */
.add-listing-trust-inline { margin-top:1rem; }
.add-listing-trust-inline .trust-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:760px) {
  .product-page,.dashboard-page,.feedback-page,.admin-shell { width:100%; padding-left:14px !important; padding-right:14px !important; }
  .add-product-shell { grid-template-columns:1fr !important; gap:14px !important; }
  .add-card,.compact-card,.feedback-card { padding:16px !important; border-radius:18px !important; }
  .add-listing-trust-inline .trust-grid,.trust-grid,.dashboard-map-grid,.slot-meter-grid,.admin-stats { grid-template-columns:1fr !important; }
  .dashboard-things-head { display:none !important; }
  .dashboard-things-row { grid-template-columns:1fr !important; gap:.25rem !important; padding:.8rem !important; }
  .todo-table-wrap table { min-width:0; }
  .todo-table-wrap th { display:none; }
  .todo-table-wrap tr { display:grid; gap:.3rem; padding:.75rem; border-bottom:1px solid var(--line); }
  .todo-table-wrap td { display:block; border:0; padding:.2rem 0; }
  .inline-admin-form { flex-wrap:wrap; }
}

/* Parsed-before-legacy-block: visual theme toggle and small-screen layout fixes. */
.theme-toggle-pill { display:flex !important; align-items:center; justify-content:space-between !important; gap:.8rem; border-radius:999px !important; padding:.55rem .7rem .55rem .85rem !important; }
.theme-toggle-track { position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:space-between !important; width:68px !important; height:36px !important; padding:0 9px !important; border-radius:999px !important; background:#dbeafe !important; color:#0f172a !important; box-shadow:inset 0 0 0 1px rgba(15,23,42,.16) !important; flex:0 0 auto !important; }
.theme-toggle-knob { position:absolute !important; left:4px !important; top:4px !important; width:28px !important; height:28px !important; border-radius:50% !important; background:#ffffff !important; box-shadow:0 3px 10px rgba(15,23,42,.24) !important; transition:transform .18s ease, background .18s ease !important; z-index:1 !important; display:block !important; }
.theme-toggle-track .theme-icon-sun,.theme-toggle-track .theme-icon-moon { position:relative !important; z-index:2 !important; display:inline !important; font-size:1rem !important; line-height:1 !important; }
.theme-toggle-track .theme-icon-moon { color:#475569 !important; }
.theme-toggle-pill[data-theme-state="dark"] .theme-toggle-track { background:#172033 !important; color:#facc15 !important; box-shadow:inset 0 0 0 1px rgba(212,222,231,.35) !important; }
.theme-toggle-pill[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(32px) !important; background:#0f172a !important; }
.theme-toggle-pill[data-theme-state="dark"] .theme-icon-moon { color:#bfdbfe !important; }
.theme-toggle-pill[data-theme-state="dark"] .theme-icon-sun { color:#facc15 !important; }
.theme-menu-label { font-weight:950 !important; white-space:nowrap !important; }
@media (max-width: 760px) {
  .container { padding-left:14px !important; padding-right:14px !important; }
  .site-header-inner { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; padding:10px 14px !important; gap:10px !important; }
  .brand { min-width:0 !important; grid-template-columns:34px minmax(0,1fr) !important; column-gap:8px !important; }
  .brand-logo { width:34px !important; height:34px !important; }
  .brand-name { font-size:1.08rem !important; line-height:1.05 !important; }
  .brand-tagline { font-size:.68rem !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .header-actions { gap:7px !important; }
  .menu-toggle { width:42px !important; height:42px !important; border-radius:14px !important; }
  .nav { left:10px !important; right:10px !important; top:calc(100% + 6px) !important; width:auto !important; max-height:calc(100vh - 82px) !important; overflow:auto !important; padding:10px !important; border-radius:18px !important; gap:6px !important; }
  .nav-link { min-height:42px !important; padding:9px 12px !important; font-size:.98rem !important; }
  .theme-toggle-track { width:62px !important; height:34px !important; }
  .theme-toggle-knob { width:26px !important; height:26px !important; }
  .theme-toggle-pill[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(28px) !important; }
  .detail-shell { gap:16px !important; }
  .detail-panel { padding:16px !important; border-radius:20px !important; }
  .quick-facts { grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .carrier-button-row { justify-content:center !important; gap:9px !important; }
  .carrier-logo-button { width:82px !important; height:52px !important; border-radius:14px !important; }
  .carrier-logo-button img { max-width:62px !important; max-height:30px !important; }
}
@media (max-width: 430px) {
  .quick-facts { grid-template-columns:1fr !important; }
  .brand-tagline { display:block !important; }
  .carrier-logo-button { width:74px !important; height:48px !important; }
}

.ops-card,.match-cycle-card,.achievement-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:20px;margin:18px 0;box-shadow:var(--shadow)}
.achievement-hero{background:radial-gradient(circle at 14% 8%,rgba(246,195,67,.24),transparent 28%),linear-gradient(135deg,rgba(16,29,21,.98),rgba(22,54,35,.96));color:#fff8df}.achievement-hero h1{max-width:780px}.level-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.level-strip span,.badge-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.08);font-weight:900}.level-progress,.achievement-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;border:1px solid rgba(255,255,255,.14)}.level-progress div,.achievement-progress div{height:100%;background:linear-gradient(90deg,#32d26f,#f6c343);border-radius:999px}.achievement-score-card small{display:block;margin-top:8px;color:var(--muted);font-weight:900}.gamification-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.game-stat-card,.next-badge-card,.recent-badge-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.game-stat-card strong{display:block;font-size:2.1rem;line-height:1;color:var(--gold)}.game-stat-card span{color:var(--muted);font-weight:900}.achievement-callouts{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;margin:18px 0}.recent-badge{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.recent-badge:last-child{border-bottom:0}.recent-badge span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(246,195,67,.16)}.recent-badge em{font-style:normal;color:var(--muted);font-weight:900}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.achievement-card{display:grid;gap:10px}.achievement-card.locked{opacity:.72;filter:saturate(.72)}.achievement-card.earned{border-color:v... [truncated]

/* Local SwapThing War Room: clean operating view, not a global dashboard tab wall. */
.war-room-page{padding-top:18px;max-width:1180px}.war-room-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:stretch;margin-bottom:18px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 12% 8%,rgba(21,138,79,.16),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(235,249,240,.94));box-shadow:var(--shadow-strong)}.war-room-hero h1{margin:.2rem 0 .65rem;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95;letter-spacing:-.07em}.war-room-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.war-room-status{display:flex;flex-direction:column;justify-content:space-between;gap:14px;border:1px solid rgba(21,138,79,.25);border-radius:24px;padding:20px;background:#102017;color:#eef8f1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.war-room-status strong{font-size:1.55rem;line-height:1.05}.war-room-status small{color:#b7d4c0}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:6px 10px;background:#e5eef7;color:#17324d;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.status-pill.ok{background:#d9fbe7;color:#064e3b}.status-pill.blocked{background:#fee2e2;color:#7f1d1d}.status-pill.watch{background:#fef3c7;color:#78350f}.war-room-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.war-room-summary article,.ask-grid article{border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--surface);box-shadow:var(--shadow)}.war-room-summary span{display:block;font-size:2.4rem;font-weight:950;line-height:1;color:var(--green);letter-spacing:-.05em}.war-room-summary strong{display:block;margin-top:8px}.war-room-summary small{display:block;margin-top:6px;color:var(--muted)}.war-room-card{padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{... [truncated]
@media (max-width:900px){.achievement-grid{grid-template-columns:1fr}}

.dashboard-map-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; margin-top:1rem; }
.dashboard-map-grid article { border:1px solid rgba(148,163,184,.28); border-radius:16px; padding:1rem; background:rgba(255,255,255,.04); }

.share-grid.listing-share-row { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; margin-top:1rem; }
.share-label { font-size:.88rem; font-weight:700; opacity:.78; margin-right:.1rem; }
.share-icon-btn { width:28px !important; height:28px !important; min-width:28px !important; max-width:28px !important; min-height:28px !important; max-height:28px !important; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; border:0; text-decoration:none; cursor:pointer; line-height:1; box-sizing:border-box; padding:0 !important; font-size:15px; font-weight:900; font-family:Arial, Helvetica, sans-serif; }
.share-icon-btn span { display:block; line-height:1; font-size:15px; color:#fff; }
.share-icon-btn svg { width:13px; height:13px; display:block; fill:currentColor; }
.share-icon-btn.facebook-share { background:#1877f2; color:#fff; }
.share-icon-btn.x-share { background:#000; color:#fff; }
.share-icon-btn:hover { transform:translateY(-1px); border-color:rgba(15,23,42,.35); box-shadow:0 3px 9px rgba(15,23,42,.15); }
.copy-link-btn { height:28px; display:inline-flex; align-items:center; gap:.3rem; padding:0 .6rem; border-radius:999px; border:1px solid rgba(148,163,184,.35); background:#fff; color:#111827; font-size:.78rem; font-weight:700; line-height:1; cursor:pointer; box-sizing:border-box; }
.copy-link-btn svg { width:13px; height:13px; display:block; fill:currentColor; flex:0 0 auto; }
.copy-link-btn:hover { transform:translateY(-1px); border-color:rgba(15,23,42,.35); box-shadow:0 3px 9px rgba(15,23,42,.15); }
.owner-nickname-link { text-decoration:underline; text-underline-offset:3px; font-weight:800; }
.report-listing-btn { display:inline-flex; width:max-content; align-items:center; justify-content:center; margin-top:.75rem; padding:.7rem 1rem; border-radius:999px; background:#dc2626; color:#fff !important; font-weight:800; text-decoration:none; border:1px solid #b91c1c; box-shadow:0 10px 22px rgba(220,38,38,.22); }
.report-listing-btn:hover { background:#b91c1c; color:#fff !important; }

.listing-slideshow .listing-slide-frame { position:relative; overflow:hidden; border-radius:20px; background:#0f172a; }
.listing-slideshow .listing-slide { display:none !important; width:100%; height:auto; max-height:560px; object-fit:cover; }
.listing-slideshow .listing-slide.is-active { display:block !important; }
.permanent-listing-page .detail-shell { border-radius:28px; overflow:hidden; background:transparent !important; }
.permanent-listing-page .detail-media,
.permanent-listing-page .detail-panel { min-width:0; }
.permanent-listing-page .listing-slide-frame,
.permanent-listing-page .listing-slide { border-radius:22px; overflow:hidden; }
.slide-nav { position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.65); background:rgba(15,23,42,.68); color:#fff; font-size:28px; line-height:28px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.slide-prev { left:.65rem; }
.slide-next { right:.65rem; }
.slide-dots { display:flex; justify-content:center; gap:.45rem; padding:.7rem 0 0; }
.slide-dot { width:9px; height:9px; border-radius:50%; border:1px solid rgba(148,163,184,.8); background:transparent; padding:0; cursor:pointer; }
.slide-dot.is-active { background:#22c55e; border-color:#22c55e; }

.staff-mode-edge-border { position:fixed; inset:0; pointer-events:none; z-index:2147483000; border:7px solid rgba(239,68,68,.92); box-shadow:inset 0 0 28px rgba(239,68,68,.95), 0 0 28px rgba(239,68,68,.85); }
.staff-mode-edge-border.mod-border { border-color:rgba(249,115,22,.94); box-shadow:inset 0 0 28px rgba(249,115,22,.95), 0 0 28px rgba(249,115,22,.85); }
.staff-mode-edge-label { position:fixed; top:10px; left:50%; transform:translateX(-50%); z-index:2147483001; pointer-events:none; padding:.35rem .85rem; border-radius:999px; background:rgba(127,29,29,.95); color:#fff; font-weight:900; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 0 18px rgba(239,68,68,.75); }
.staff-mode-edge-label.mod-label { background:rgba(154,52,18,.96); box-shadow:0 0 18px rgba(249,115,22,.75); }
.site-header-inner { position:relative; }
.header-mode-switch { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4; margin:0; }
@media (max-width: 760px) { .header-mode-switch { position:static; transform:none; order:2; width:100%; display:flex; justify-content:center; margin:.5rem 0; } }
.header-actions { display:flex; align-items:center; gap:.55rem; }
.header-theme-toggle { width:38px; height:38px; border-radius:999px; border:1px solid rgba(148,163,184,.35); background:rgba(255,255,255,.08); color:inherit; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; font-size:1rem; line-height:1; }
.header-theme-toggle:hover { transform:translateY(-1px); background:rgba(34,197,94,.14); }
.header-theme-toggle .theme-icon-sun { display:none; }
.header-theme-toggle .theme-icon-moon { display:block; }
.header-theme-toggle[data-theme-state="dark"] .theme-icon-sun { display:block; }
.header-theme-toggle[data-theme-state="dark"] .theme-icon-moon { display:none; }

.site-header-inner { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; }
.site-header-inner .brand { justify-self:start; }
.site-header-inner .header-mode-switch { position:static; transform:none; grid-column:2; justify-self:center; }
.site-header-inner .header-actions { grid-column:3; justify-self:end; margin-left:0; }
.listing-qr-under-actions { margin-top:1rem; }
.listing-qr-under-actions img { max-width:190px; width:100%; height:auto; }
.slideshow-questions { margin-top:1rem; }

.public-listings-card { overflow:hidden; }
.public-listing-list { display:grid; gap:.85rem; margin-top:1rem; }
.public-listing-summary {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:.85rem;
  align-items:center;
  min-height:112px;
  padding:.75rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.06);
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.public-listing-summary:hover { transform:translateY(-1px); border-color:rgba(34,197,94,.55); }
.public-listing-thumb { width:112px; height:92px; border-radius:14px; overflow:hidden; background:#102017; display:block; }
.public-listing-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.public-listing-copy { display:grid; gap:.28rem; min-width:0; }
.public-listing-copy strong { color:var(--ink); font-size:1rem; line-height:1.15; }
.public-listing-desc { color:var(--muted); font-size:.9rem; line-height:1.32; }
.public-listing-meta { color:var(--muted); font-size:.82rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
html[data-theme="light"] .public-listing-summary,
:root:not([data-theme="dark"]) .public-listing-summary { background:#fff; }
html[data-theme="dark"] .public-listing-summary { background:#1b2a38; }
@media (max-width:560px) {
  .public-listing-summary { grid-template-columns:88px minmax(0,1fr); gap:.7rem; min-height:96px; padding:.65rem; border-radius:16px; }
  .public-listing-thumb { width:88px; height:82px; border-radius:12px; }
  .public-listing-copy strong { font-size:.95rem; }
  .public-listing-desc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:.84rem; }
  .public-listing-meta { font-size:.74rem; }
}

.listing-share-row .copy-link-btn { width:28px !important; height:28px !important; min-width:28px !important; max-width:28px !important; min-height:28px !important; max-height:28px !important; border-radius:50% !important; padding:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.listing-share-row .copy-link-btn span { font-size:14px; line-height:1; }

/* ADA/accessibility baseline: readable dark-mode forms, centered display controls, keyboard focus, and responsive headers. */
:focus-visible { outline:3px solid #f1c15f; outline-offset:3px; }
html[data-theme="dark"] { --ink:#fffaf0; --muted:#d4dee7; --line:#52677a; --surface:#1b2a38; --cream:#243241; --mint:#1e3b32; --green:#7be0ad; --green-dark:#4fc789; --gold:#ffd879; }
html[data-theme="dark"] body,
body:has([data-theme-toggle]:checked) { color:#fffaf0; }
html[data-theme="dark"] .plain-copy,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .field-help,
html[data-theme="dark"] .loc,
html[data-theme="dark"] .owner,
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .back-link,
html[data-theme="dark"] .site-footer,
body:has([data-theme-toggle]:checked) .plain-copy,
body:has([data-theme-toggle]:checked) .muted,
body:has([data-theme-toggle]:checked) .field-help,
body:has([data-theme-toggle]:checked) .loc,
body:has([data-theme-toggle]:checked) .owner,
body:has([data-theme-toggle]:checked) .page-subtitle,
body:has([data-theme-toggle]:checked) .back-link,
body:has([data-theme-toggle]:checked) .site-footer { color:#d4dee7; }
html[data-theme="dark"] .add-product-shell,
body:has([data-theme-toggle]:checked) .add-product-shell { color:#fffaf0; }
html[data-theme="dark"] .add-card,
body:has([data-theme-toggle]:checked) .add-card { background:#1b2a38; border-color:#52677a; color:#fffaf0; }
html[data-theme="dark"] .add-card label,
body:has([data-theme-toggle]:checked) .add-card label { color:#fffaf0; }
html[data-theme="dark"] .add-card .input,
html[data-theme="dark"] .add-card .select,
html[data-theme="dark"] .add-card textarea,
body:has([data-theme-toggle]:checked) .add-card .input,
body:has([data-theme-toggle]:checked) .add-card .select,
body:has([data-theme-toggle]:checked) .add-card textarea { background:#0d1722; color:#fffaf0; border-color:#708395; }
html[data-theme="dark"] .add-card .input::placeholder,
html[data-theme="dark"] .add-card textarea::placeholder,
body:has([data-theme-toggle]:checked) .add-card .input::placeholder,
body:has([data-theme-toggle]:checked) .add-card textarea::placeholder { color:#aebcca; opacity:1; }
.field-help { display:block; margin-top:-6px; color:var(--muted); font-size:.92rem; font-weight:750; line-height:1.35; }
.site-header-inner { grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr); gap:12px; }
.header-center-controls { grid-column:2; justify-self:center; display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:44px; }
.header-center-controls:empty { display:none; }
.site-header-inner .header-mode-switch { grid-column:auto; justify-self:auto; }
.header-theme-toggle, .menu-theme-button { min-width:44px; min-height:44px; background:var(--surface); color:var(--ink); border:1px solid var(--line); }
.menu-theme-button { cursor:pointer; font:inherit; display:flex; align-items:center; gap:.5rem; }
.menu-theme-button .theme-icon-sun { display:none; }
.menu-theme-button .theme-icon-moon { display:inline; }
.menu-theme-button[data-theme-state="dark"] .theme-icon-sun { display:inline; }
.menu-theme-button[data-theme-state="dark"] .theme-icon-moon { display:none; }
.header-theme-toggle:focus-visible,
.menu-toggle:focus-visible,
.mode-switch:focus-visible,
.nav-link:focus-visible,
.primary-btn:focus-visible,
.secondary-btn:focus-visible,
.back-link:focus-visible,
.view-link:focus-visible { outline:3px solid #f1c15f; outline-offset:3px; }
@media (max-width:760px) {
  .site-header-inner { grid-template-columns:1fr auto; gap:10px; }
  .site-header-inner .brand { grid-column:1; }
  .header-actions { grid-column:2; }
  .header-center-controls { grid-column:1 / -1; grid-row:2; width:100%; }
  .header-mode-switch { width:auto; margin:0; }
}
@media (max-width:560px) {
  .site-header-inner { padding:10px 14px; }
  .brand-name { font-size:1.18rem; }
  .header-center-controls { justify-content:center; }
  .mode-switch { padding:6px 9px; }
  .add-card { padding:18px; }
  .primary-btn, .filter-btn, .secondary-btn, .back-link, .view-link { min-height:44px; }
}

/* Final theme authority: the button is now in the menu, so no checkbox exists for :has().
   Use html[data-theme] as the source of truth and prevent dark mode from inheriting light cards. */
html[data-theme="dark"] body {
  background-color:#101820 !important;
  background-image:radial-gradient(circle at 8% 0%, rgba(95,209,156,.14), transparent 30%), radial-gradient(circle at 92% 8%, rgba(255,147,111,.10), transparent 28%), linear-gradient(180deg,#101820 0%,#0c141b 58%,#070b10 100%) !important;
  color:#fffaf0 !important;
}
html[data-theme="dark"] .site-header { background:rgba(7,17,12,.96) !important; color:#fffaf0 !important; }
html[data-theme="dark"] .nav { background:#101820 !important; color:#fffaf0 !important; border-color:#52677a !important; }
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .brand,
html[data-theme="dark"] .brand-name,
html[data-theme="dark"] .menu-toggle { color:#fffaf0 !important; }
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .compact-card,
html[data-theme="dark"] .add-card,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .listing-card,
html[data-theme="dark"] .detail-panel,
html[data-theme="dark"] .trade-box,
html[data-theme="dark"] .trust-grid article,
html[data-theme="dark"] .footer-stats div,.footer-stats .footer-stat-pill {
  background:#1b2a38 !important;
  color:#fffaf0 !important;
  border-color:#52677a !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] label,
html[data-theme="dark"] .login-card p,
html[data-theme="dark"] .add-product-shell,
html[data-theme="dark"] .add-product-shell p,
html[data-theme="dark"] .trust-section,
html[data-theme="dark"] .trust-section span,
html[data-theme="dark"] .listing-title,
html[data-theme="dark"] .listing-title a { color:#fffaf0 !important; }
html[data-theme="dark"] .plain-copy,
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .field-help,
html[data-theme="dark"] .loc,
html[data-theme="dark"] .owner,
html[data-theme="dark"] .site-footer { color:#d4dee7 !important; }
html[data-theme="dark"] .input,
html[data-theme="dark"] .select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .login-form input,
html[data-theme="dark"] .profile-form input,
html[data-theme="dark"] .profile-form textarea {
  background:#0d1722 !important;
  color:#fffaf0 !important;
  border-color:#708395 !important;
}
html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] textarea::placeholder { color:#aebcca !important; opacity:1; }

.trade-flow-graph { display:grid; gap:14px; margin-top:14px; }
.trade-flow-leg { display:grid; grid-template-columns:minmax(150px,1fr) 90px minmax(190px,1.2fr) 90px minmax(150px,1fr); gap:10px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.05); }
.trade-node { min-height:74px; display:grid; align-content:center; gap:4px; padding:12px 14px; border:2px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--shadow); }
.trade-node strong, .trade-node small { display:block; overflow-wrap:anywhere; }
.trade-node small { color:var(--muted); font-weight:800; }
.trade-node-requester { border-color:#7be0ad; }
.trade-node-listing { border-color:#ffd879; }
.trade-node-owner { border-color:#9ecbff; }
.trade-arrow { display:flex; align-items:center; justify-content:center; gap:4px; color:var(--gold); font-weight:950; }
.trade-arrow .dot { width:10px; height:10px; border-radius:50%; background:currentColor; display:inline-block; }
.trade-arrow .line { height:3px; min-width:34px; border-radius:999px; background:currentColor; display:inline-block; }
.trade-arrow .arrow-head { font-size:1.3rem; line-height:1; }
@media (max-width:900px){ .trade-flow-leg { grid-template-columns:1fr; } .trade-arrow { transform:rotate(90deg); min-height:34px; } }


/* Readability correction: listing-card descriptions must stay high contrast in both modes. */
.listing-card .listing-desc,
.listing-card p.listing-desc { color:#23313d !important; font-weight:650; }
html[data-theme="dark"] .listing-card .listing-desc,
html[data-theme="dark"] .listing-card p.listing-desc { color:#eef6ff !important; font-weight:700; }
html[data-theme="dark"] .listing-card-item,
html[data-theme="dark"] .listing-card-service { color:#fffaf0 !important; }


/* Privacy controls and internal request bell */
.privacy-alert-bell { position:relative; width:42px; height:42px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--surface); border:1px solid var(--line); color:var(--ink); text-decoration:none; box-shadow:var(--shadow); }
.privacy-alert-bell strong { position:absolute; right:-5px; top:-6px; min-width:20px; height:20px; border-radius:999px; display:grid; place-items:center; padding:0 5px; background:#ef4444; color:#fff; font-size:.72rem; line-height:1; }
.privacy-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.privacy-bell { width:46px; height:46px; border-radius:999px; display:grid; place-items:center; background:rgba(34,197,94,.14); border:1px solid var(--line); font-size:1.35rem; }
.privacy-bell-btn { display:inline-flex; align-items:center; gap:.5rem; margin-top:1rem; padding:.75rem 1rem; border-radius:999px; border:1px solid var(--line); background:var(--green); color:#07110c; font-weight:950; cursor:pointer; }
.privacy-toggle-form { margin-top:1rem; }
.privacy-toggle-row { display:grid !important; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:.75rem; padding:.85rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.05); }
.privacy-toggle-row input { width:22px !important; height:22px; margin-top:.15rem; }
.privacy-toggle-row span { display:grid; gap:.18rem; }
.privacy-toggle-row small { color:var(--muted); font-weight:750; line-height:1.35; }
.privacy-alerts-list { margin-top:1.15rem; display:grid; gap:.7rem; }
.privacy-request-card { display:grid; gap:.22rem; padding:.8rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.05); }
.privacy-request-card span, .privacy-request-card small { color:var(--muted); }
@media (max-width:560px) { .privacy-card-head { align-items:center; } .privacy-alert-bell { width:40px; height:40px; } }


/* Browse layout: wide screens default to a few cards; user preference can request list; small screens become compact list rows. */
.listing-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(238px,1fr)); gap:18px; }
.listing-grid.listing-layout-list { grid-template-columns:1fr; }
.listing-card .owner, .listing-card .owner-name, .listing-card .public-name { display:none !important; }
.listing-img { width:100%; height:188px; object-fit:cover; background:#122018; }
.listing-layout-list .listing-card { display:grid; grid-template-columns:156px minmax(0,1fr); min-height:156px; }
.listing-layout-list .listing-image-link { width:156px; height:156px; align-self:stretch; }
.listing-layout-list .listing-img { width:156px; height:156px; min-height:156px; object-fit:cover; }
.listing-layout-list .listing-body { min-width:0; }
@media (max-width: 760px) {
  .listing-grid, .listing-grid.listing-layout-cards, .listing-grid.listing-layout-list { grid-template-columns:1fr; gap:12px; }
  .listing-card, .listing-layout-list .listing-card { display:grid; grid-template-columns:112px minmax(0,1fr); min-height:112px; border-radius:18px; }
  .listing-image-link, .listing-layout-list .listing-image-link { width:112px; height:112px; align-self:stretch; }
  .listing-img, .listing-layout-list .listing-img { width:112px; height:112px; min-height:112px; object-fit:cover; }
  .listing-body { min-width:0; padding:12px; gap:6px; }
  .listing-meta { justify-content:flex-start; flex-wrap:wrap; }
  .listing-title { font-size:1rem; }
  .listing-desc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .owner-rating { font-size:.82rem; }
}


/* Admin business dashboard: neutral SwapThing/RainWare admin UI, no agent branding. */
.admin-business-card { width:min(100%,1100px); margin-inline:auto; }
.admin-business-metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:.8rem; margin:1rem 0; }
.admin-business-metric { border:1px solid rgba(148,163,184,.28); border-radius:18px; padding:1rem; background:rgba(255,255,255,.045); }
.admin-business-metric span { display:block; color:var(--muted); font-size:.86rem; margin-top:.35rem; }
.admin-business-details { border:1px solid rgba(148,163,184,.25); border-radius:18px; padding:.9rem 1rem; margin-top:.9rem; background:rgba(15,23,42,.18); }
.admin-business-system-list { display:grid; gap:.65rem; margin-top:.8rem; }
.admin-business-system-list article { border:1px solid rgba(148,163,184,.20); border-radius:14px; padding:.85rem; background:rgba(255,255,255,.035); }
.admin-business-system-list article div { display:flex; justify-content:space-between; gap:.8rem; align-items:center; flex-wrap:wrap; }
.admin-business-input-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.85rem; margin-top:.8rem; }
.admin-business-input-grid label { display:flex; flex-direction:column; gap:.35rem; border:1px solid rgba(148,163,184,.22); border-radius:14px; padding:.85rem; background:rgba(255,255,255,.035); }
.admin-business-input-form .button { margin-top:.85rem; }

.summary-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin:14px 0 22px; }
.summary-card { border:1px solid var(--line); border-radius:18px; padding:16px; background:rgba(255,255,255,.06); box-shadow:var(--shadow); }
.summary-card strong { display:block; color:var(--green); font-size:2rem; line-height:1; margin:.35rem 0; }
.summary-label { display:block; color:var(--muted); font-weight:950; text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; }
.shipping-estimator-card { margin:16px 0; }
.shipping-estimator-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0; }
.shipping-option-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.shipping-option-grid article { display:grid; gap:9px; border:1px solid var(--line); border-radius:14px; padding:12px; background:rgba(255,255,255,.045); }
.shipping-option-grid strong, .shipping-option-grid span, .shipping-option-grid small { display:block; }
.shipping-option-grid span { color:var(--green); font-size:1rem; font-weight:950; margin:2px 0; }
.carrier-logo-row { display:flex; align-items:center; gap:10px; }
.carrier-logo { width:42px; height:42px; object-fit:contain; padding:6px; border-radius:12px; background:#fff; border:1px solid rgba(15,23,42,.12); }
.carrier-calc-btn { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:.65rem .85rem; border-radius:12px; background:var(--green); color:#082013 !important; text-decoration:none; font-weight:950; box-shadow:none; }
.carrier-calc-btn:hover { transform:translateY(-1px); filter:brightness(1.05); }
.shipping-rate-note { border-radius:16px; }
.package-fields { margin:1rem 0; padding:1rem; border:1px solid var(--line); border-radius:18px; }
.package-fields legend { padding:0 .4rem; font-weight:950; color:var(--green); }
@media (max-width: 760px) { .shipping-estimator-fields, .shipping-option-grid { grid-template-columns:1fr; } }


/* Dashboard/page hero contrast: never allow white text on the light banner wash. */
html[data-theme="dark"] .member-dashboard .readiness-hero,
body:has([data-theme-toggle]:checked) .member-dashboard .readiness-hero {
  background:#102015 !important;
  background-image:linear-gradient(135deg,#102015 0%,#183222 58%,#0a120d 100%) !important;
  color:#fffaf0 !important;
}
.member-dashboard .readiness-hero h1,
.member-dashboard .readiness-hero .plain-copy { color:#fffaf0 !important; text-shadow:0 1px 1px rgba(0,0,0,.35); }

html[data-theme="dark"] .achievement-score-card,
body:has([data-theme-toggle]:checked) .achievement-score-card {
  background:#101d15 !important;
  background-image:linear-gradient(145deg,#101d15 0%,#173522 100%) !important;
  color:#fffaf0 !important;
  border-color:#2d4938 !important;
}
html[data-theme="dark"] .achievement-score-card small,
body:has([data-theme-toggle]:checked) .achievement-score-card small { color:#dcefe3 !important; }

.handle-change-callout { display:grid; gap:.25rem; margin:.75rem 0 1rem; padding:1rem; border:1px solid rgba(34,197,94,.28); border-radius:16px; background:rgba(34,197,94,.08); }
.handle-change-callout strong { color:var(--green); font-size:1.05rem; }
.handle-change-callout span { color:var(--muted); font-weight:750; }
html[data-theme="dark"] .handle-change-callout,
body:has([data-theme-toggle]:checked) .handle-change-callout { background:rgba(34,197,94,.10); border-color:#2d4938; }
html[data-theme="dark"] .handle-change-callout span,
body:has([data-theme-toggle]:checked) .handle-change-callout span { color:#dcefe3; }

.slot-meter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.slot-meter-grid article,.leaderboard-row { border:1px solid var(--line); border-radius:18px; padding:14px; background:rgba(255,255,255,.055); }
.slot-meter-grid strong { display:block; color:var(--green); font-size:1.65rem; }
.slot-meter-grid span,.slot-meter-grid small { display:block; }
.leaderboard-list { display:grid; gap:10px; margin-top:12px; }
.leaderboard-row { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:12px; align-items:center; }
.leaderboard-row a { font-weight:950; }
.leaderboard-row span,.leaderboard-row small { color:var(--muted); font-weight:800; }
.leaderboard-rank { color:var(--green); font-size:1.25rem; }
@media (max-width: 760px) { .slot-meter-grid,.leaderboard-row { grid-template-columns:1fr; } }




.carrier-button-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:10px; }
.carrier-logo-button { display:inline-flex; align-items:center; justify-content:center; width:96px; height:58px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.10); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease; }
.carrier-logo-button:hover,.carrier-logo-button:focus-visible { transform:translateY(-1px); box-shadow:0 12px 28px rgba(15,23,42,.16); }
.carrier-logo-button img { max-width:72px; max-height:36px; object-fit:contain; }
@media (max-width: 520px) { .carrier-logo-button { width:86px; height:54px; } .carrier-logo-button img { max-width:64px; max-height:32px; } }


/* Mobile + theme-toggle polish: menu theme control is a real visual toggle. */
.theme-toggle-pill { display:flex !important; align-items:center; justify-content:space-between !important; gap:.8rem; border-radius:999px !important; padding:.55rem .7rem .55rem .85rem !important; }
.theme-toggle-track { position:relative; display:inline-flex; align-items:center; justify-content:space-between; width:68px; height:36px; padding:0 9px; border-radius:999px; background:#dbeafe; color:#0f172a; box-shadow:inset 0 0 0 1px rgba(15,23,42,.16); flex:0 0 auto; }
.theme-toggle-knob { position:absolute; left:4px; top:4px; width:28px; height:28px; border-radius:50%; background:#ffffff; box-shadow:0 3px 10px rgba(15,23,42,.24); transition:transform .18s ease, background .18s ease; z-index:1; }
.theme-toggle-track .theme-icon-sun,.theme-toggle-track .theme-icon-moon { position:relative; z-index:2; display:inline !important; font-size:1rem; line-height:1; }
.theme-toggle-track .theme-icon-moon { color:#475569; }
.theme-toggle-pill[data-theme-state="dark"] .theme-toggle-track { background:#172033; color:#facc15; box-shadow:inset 0 0 0 1px rgba(212,222,231,.35); }
.theme-toggle-pill[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(32px); background:#0f172a; }
.theme-toggle-pill[data-theme-state="dark"] .theme-icon-moon { color:#bfdbfe; }
.theme-toggle-pill[data-theme-state="dark"] .theme-icon-sun { color:#facc15; }
.theme-menu-label { font-weight:950; white-space:nowrap; }
@media (max-width: 760px) {
  .container { padding-left:14px; padding-right:14px; }
  .site-header-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:10px 14px; gap:10px; }
  .brand { min-width:0; grid-template-columns:34px minmax(0,1fr); column-gap:8px; }
  .brand-logo { width:34px; height:34px; }
  .brand-name { font-size:1.08rem; line-height:1.05; }
  .brand-tagline { font-size:.68rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .header-actions { gap:7px; }
  .menu-toggle { width:42px; height:42px; border-radius:14px; }
  .nav { left:10px !important; right:10px !important; top:calc(100% + 6px) !important; width:auto !important; max-height:calc(100vh - 82px); overflow:auto; padding:10px !important; border-radius:18px !important; gap:6px !important; }
  .nav-link { min-height:42px; padding:9px 12px !important; font-size:.98rem !important; }
  .theme-toggle-pill { padding:.5rem .65rem !important; }
  .theme-toggle-track { width:62px; height:34px; }
  .theme-toggle-knob { width:26px; height:26px; }
  .theme-toggle-pill[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(28px); }
  .detail-shell { gap:16px; }
  .detail-panel { padding:16px !important; border-radius:20px !important; }
  .quick-facts { grid-template-columns:1fr 1fr; gap:8px; }
  .carrier-button-row { justify-content:center; gap:9px; }
  .carrier-logo-button { width:82px; height:52px; border-radius:14px; }
  .carrier-logo-button img { max-width:62px; max-height:30px; }
}
@media (max-width: 430px) {
  .quick-facts { grid-template-columns:1fr; }
  .brand-tagline { display:block; }
  .carrier-logo-button { width:74px; height:48px; }
  .share-grid.listing-share-row { justify-content:flex-start; }
}

/* Header notification badge + moved theme toggle. */
.profile-avatar-notifications { position:relative; overflow:visible !important; }
.profile-avatar-notifications img { border-radius:50%; }
.profile-notification-badge { position:absolute; right:-6px; top:-7px; min-width:19px; height:19px; padding:0 5px; border-radius:999px; display:grid; place-items:center; background:#f47c48; color:#fff; border:2px solid var(--surface); font-size:.68rem; line-height:1; box-shadow:0 4px 12px rgba(0,0,0,.35); }
.header-theme-button { width:auto !important; min-width:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; display:inline-flex; align-items:center; justify-content:center; }
.header-theme-button .theme-toggle-track { width:58px !important; height:34px !important; }
.header-theme-button .theme-toggle-knob { width:26px !important; height:26px !important; }
.header-theme-button[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(24px) !important; }
html[data-theme="dark"] .profile-notification-badge { border-color:#1b2a38; }

/* Admin/mod panels: collapse most operational cards by default. */
.admin-card-shell { padding:0 !important; overflow:hidden; }
.admin-collapsible-card { padding:clamp(1rem,2vw,1.5rem); }
.admin-card-summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:1rem; list-style:none; padding:.2rem 0 .95rem; border-bottom:1px solid var(--line); }
.admin-card-summary::-webkit-details-marker { display:none; }
.admin-card-summary::after { content:'Open'; font-size:.75rem; font-weight:900; color:var(--green); text-transform:uppercase; letter-spacing:.08em; }
.admin-collapsible-card[open] .admin-card-summary::after { content:'Collapse'; }
.admin-card-summary strong { font-size:1.05rem; }
.admin-collapsible-card:not([open]) { padding-bottom:1rem; }
.admin-collapsible-card:not([open]) > :not(summary) { display:none !important; }
@media (max-width:640px){ .header-theme-button .theme-toggle-track{width:52px!important;height:32px!important}.header-theme-button .theme-toggle-knob{width:24px!important;height:24px!important}.header-theme-button[data-theme-state="dark"] .theme-toggle-knob{transform:translateX(20px)!important}.profile-notification-badge{right:-5px;top:-6px} }


/* Repair member Privacy Controls layout: keep checkbox, title, and helper text aligned. */
.privacy-toggle-form {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:.85rem !important;
  align-items:stretch !important;
  width:100% !important;
}
.privacy-toggle-form .privacy-toggle-row {
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  column-gap:.85rem !important;
  row-gap:.2rem !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
  padding:1rem !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.045) !important;
  box-sizing:border-box !important;
}
.privacy-toggle-form .privacy-toggle-row input[type="checkbox"] {
  grid-column:1 !important;
  width:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  height:22px !important;
  min-height:22px !important;
  margin:.15rem 0 0 0 !important;
  padding:0 !important;
  justify-self:center !important;
  accent-color:var(--green) !important;
}
.privacy-toggle-form .privacy-toggle-row > span {
  grid-column:2 !important;
  display:grid !important;
  gap:.28rem !important;
  min-width:0 !important;
}
.privacy-toggle-form .privacy-toggle-row strong,
.privacy-toggle-form .privacy-toggle-row small {
  display:block !important;
  width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.35 !important;
}
.privacy-toggle-form .privacy-toggle-row strong { color:var(--ink) !important; font-size:1rem !important; }
.privacy-toggle-form .privacy-toggle-row small { color:var(--muted) !important; font-size:.9rem !important; font-weight:700 !important; }
.privacy-toggle-form .button.primary { width:100% !important; min-height:48px !important; margin-top:.25rem !important; }
html[data-theme="dark"] .privacy-toggle-form .privacy-toggle-row { background:rgba(255,255,255,.035) !important; }
html[data-theme="dark"] .privacy-toggle-form .privacy-toggle-row strong { color:#fffaf0 !important; }
html[data-theme="dark"] .privacy-toggle-form .privacy-toggle-row small { color:#d4dee7 !important; }
@media (max-width:560px){
  .privacy-card-head { align-items:flex-start !important; }
  .privacy-toggle-form .privacy-toggle-row { grid-template-columns:26px minmax(0,1fr) !important; padding:.9rem !important; }
}


/* Dashboard quick links replace the old descriptive What Lives Where card. */
.dashboard-quick-links-card { width:min(100%,980px) !important; }
.dashboard-quick-links { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.dashboard-quick-links a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.72rem 1rem; border:1px solid var(--line); border-radius:999px; background:rgba(21,138,79,.12); color:var(--ink); font-weight:950; text-decoration:none; box-shadow:0 6px 16px rgba(0,0,0,.08); }
.dashboard-quick-links a:hover,.dashboard-quick-links a:focus-visible { background:var(--green); color:#07110c; transform:translateY(-1px); }
html[data-theme="dark"] .dashboard-quick-links a { background:rgba(94,234,159,.10); color:#fffaf0; border-color:#52677a; }
html[data-theme="dark"] .dashboard-quick-links a:hover,html[data-theme="dark"] .dashboard-quick-links a:focus-visible { background:#5eea9f; color:#07110c; }
@media (max-width:640px){ .dashboard-quick-links { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; } .dashboard-quick-links a { border-radius:16px; padding:.7rem .75rem; } }
@media (max-width:420px){ .dashboard-quick-links { grid-template-columns:1fr; } }


/* Header theme toggle: no outer button border, profile-menu-height control. */
.header-actions .header-theme-button.theme-toggle-pill,
.header-theme-button.theme-toggle-pill {
  width:auto !important;
  height:46px !important;
  min-width:72px !important;
  min-height:46px !important;
  padding:4px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.header-actions .header-theme-button.theme-toggle-pill:hover,
.header-actions .header-theme-button.theme-toggle-pill:focus,
.header-actions .header-theme-button.theme-toggle-pill:focus-visible {
  background:transparent !important;
  border:0 !important;
  outline:2px solid transparent !important;
  box-shadow:none !important;
}
.header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track {
  width:66px !important;
  height:38px !important;
  margin:0 !important;
}
.header-actions .header-theme-button.theme-toggle-pill .theme-toggle-knob {
  width:30px !important;
  height:30px !important;
}
.header-actions .header-theme-button.theme-toggle-pill[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(28px) !important; }
@media (max-width:640px){
  .header-actions .header-theme-button.theme-toggle-pill { height:46px !important; min-height:46px !important; min-width:68px !important; padding:4px !important; }
  .header-actions .header-theme-button.theme-toggle-pill .theme-toggle-track { width:62px !important; height:38px !important; }
  .header-actions .header-theme-button.theme-toggle-pill .theme-toggle-knob { width:30px !important; height:30px !important; }
  .header-actions .header-theme-button.theme-toggle-pill[data-theme-state="dark"] .theme-toggle-knob { transform:translateX(24px) !important; }
}



/* Final mobile brand lock: match desktop brand stack 2026-06-28 */
@media (max-width:760px){
  .site-header-inner .brand,
  .brand{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .brand-logo{grid-row:1 / span 2!important;width:48px!important;height:48px!important;object-fit:contain!important;}
  .brand-name{display:block!important;grid-column:2!important;grid-row:1!important;font-size:1.62rem!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  .brand-tagline{display:block!important;grid-column:2!important;grid-row:2!important;font-size:.82rem!important;line-height:1.05!important;color:var(--green)!important;font-weight:900!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
}
@media (max-width:430px){
  .site-header-inner .brand,
  .brand{grid-template-columns:44px minmax(0,1fr)!important;column-gap:9px!important;}
  .brand-logo{width:44px!important;height:44px!important;}
  .brand-name{font-size:1.38rem!important;}
  .brand-tagline{display:block!important;font-size:.72rem!important;}
}
@media (max-width:360px){
  .site-header-inner .brand,
  .brand{grid-template-columns:40px minmax(0,1fr)!important;column-gap:8px!important;}
  .brand-logo{width:40px!important;height:40px!important;}
  .brand-name{font-size:1.22rem!important;}
  .brand-tagline{font-size:.66rem!important;}
}


/* Final mobile mode switch centering and tap-target correction 2026-06-28 */
@media (max-width:760px){
  .site-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "mode mode"!important;align-items:center!important;}
  .site-header-inner .brand{grid-area:brand!important;}
  .site-header-inner .header-actions{grid-area:actions!important;justify-self:end!important;}
  .site-header-inner .header-center-controls{grid-area:mode!important;grid-column:1 / -1!important;grid-row:2!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;justify-self:center!important;padding-top:6px!important;}
  .site-header-inner .header-mode-switch{position:static!important;transform:none!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;justify-self:center!important;display:flex!important;justify-content:center!important;}
  .site-header-inner .mode-switch{margin:0 auto!important;}
}


/* Browse: remove pre-listing toolbar band; float Search without creating a section 2026-06-28 */
.browse-page{position:relative!important;}
.browse-search-floating{position:absolute!important;right:clamp(10px,2vw,22px)!important;top:clamp(8px,1.5vw,18px)!important;z-index:20!important;height:0!important;margin:0!important;padding:0!important;display:flex!important;justify-content:flex-end!important;align-items:flex-start!important;pointer-events:none!important;}
.browse-search-floating .browse-search-toggle{pointer-events:auto!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important;}
.browse-page #listing-grid{margin-top:0!important;padding-top:0!important;}
.browse-page .browse-search-card{margin-top:0!important;}
@media (max-width:760px){.browse-search-floating{right:12px!important;top:10px!important}.browse-search-toggle{min-height:42px!important;padding:.55rem .85rem!important}.browse-page{padding-top:0!important}}


/* Browse header restored with right-aligned Search 2026-06-28 */
.browse-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;margin:.4rem 0 1rem!important;}
.browse-page-title{margin:0!important;font-size:clamp(2rem,6vw,4.4rem)!important;line-height:.95!important;letter-spacing:-.06em!important;font-weight:950!important;color:var(--ink)!important;}
.browse-header-row .browse-search-toggle{margin-left:auto!important;}

/* Unlockable UI appearance skins: color/shape only; no protected names/logos/art. */
html[data-skin="powered-armor"]{--paper:#050b12;--surface:#101722;--cream:#16202e;--mint:#152f3a;--ink:#f8fafc;--muted:#a6b7c9;--green:#38d9ff;--green-dark:#f4b11a;--orange:#ef4444;--line:rgba(56,217,255,.34);--shadow:0 12px 32px rgba(56,217,255,.16);--shadow-strong:0 18px 46px rgba(239,68,68,.25);}
html[data-skin="powered-armor"] body{background:radial-gradient(circle at 50% -10%,rgba(56,217,255,.28),transparent 28%),linear-gradient(180deg,#090f1a,#13070a 65%,#05070b)!important;}
html[data-skin="ember-dungeon"]{--paper:#100704;--surface:#1b0d09;--cream:#25100a;--mint:#32130b;--ink:#ffe8c7;--muted:#d59b72;--green:#ff9f1c;--green-dark:#b91c1c;--orange:#dc2626;--line:rgba(255,159,28,.35);--shadow:0 12px 32px rgba(185,28,28,.22);--shadow-strong:0 18px 46px rgba(255,159,28,.20);}
html[data-skin="ember-dungeon"] body{background:radial-gradient(circle at 20% 0%,rgba(220,38,38,.28),transparent 26%),radial-gradient(circle at 80% 18%,rgba(255,159,28,.14),transparent 22%),linear-gradient(180deg,#120604,#060202)!important;}
html[data-skin="green-dino"]{--paper:#e9ffd8;--surface:#fffbea;--cream:#d8f5b1;--mint:#b8ed8d;--ink:#12331d;--muted:#476b38;--green:#39b54a;--green-dark:#1f7a35;--orange:#ff8a3d;--line:rgba(31,122,53,.26);--shadow:0 12px 30px rgba(31,122,53,.16);--shadow-strong:0 18px 44px rgba(255,138,61,.22);}
html[data-skin="green-dino"] body{background:radial-gradient(circle at 15% 8%,rgba(255,138,61,.18),transparent 22%),linear-gradient(180deg,#d8f5b1,#9be08b 58%,#6fcf97)!important;}
html[data-skin="pipe-kingdom"]{--paper:#e8f3ff;--surface:#ffffff;--cream:#dff0ff;--mint:#cde8ff;--ink:#0b1f3a;--muted:#45617d;--green:#e11d2e;--green-dark:#0b66d8;--orange:#fbbf24;--line:rgba(11,102,216,.28);--shadow:0 12px 30px rgba(11,102,216,.16);--shadow-strong:0 18px 46px rgba(225,29,46,.20);}
html[data-skin="pipe-kingdom"] body{background:radial-gradient(circle at 20% 5%,rgba(251,191,36,.22),transparent 16%),linear-gradient(180deg,#bfe3ff,#f7fbff 55%,#d9f99d)!important;}
html[data-skin="woodland-quest"]{--paper:#0b1710;--surface:#13251a;--cream:#17331f;--mint:#1e4a2b;--ink:#fff7d6;--muted:#c7b98b;--green:#d4af37;--green-dark:#2f855a;--orange:#7dd3fc;--line:rgba(212,175,55,.32);--shadow:0 12px 32px rgba(212,175,55,.15);--shadow-strong:0 18px 46px rgba(47,133,90,.24);}
html[data-skin="woodland-quest"] body{background:radial-gradient(circle at 50% -10%,rgba(212,175,55,.20),transparent 24%),linear-gradient(180deg,#0b1710,#06100a 65%,#030805)!important;}
html[data-skin] .site-header,html[data-skin] .compact-card,html[data-skin] .listing-card,html[data-skin] .filters{border-color:var(--line)!important;box-shadow:var(--shadow)!important;}
html[data-skin] .primary-btn,html[data-skin] .filter-btn,html[data-skin] .nav-cta,html[data-skin] .wishlist-button{background:linear-gradient(135deg,var(--green),var(--green-dark))!important;color:#fff!important;}
html[data-skin="green-dino"] .primary-btn,html[data-skin="green-dino"] .filter-btn,html[data-skin="green-dino"] .nav-cta,html[data-skin="green-dino"] .wishlist-button,html[data-skin="pipe-kingdom"] .primary-btn,html[data-skin="pipe-kingdom"] .filter-btn,html[data-skin="pipe-kingdom"] .nav-cta,html[data-skin="pipe-kingdom"] .wishlist-button{color:#07110c!important;}


/* FINAL Browse card star/type order override 2026-06-28 */
html body .listing-card .listing-meta-rating-type{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;width:100%!important;}
html body .listing-card .listing-meta-rating-type .type-pill{grid-column:1!important;grid-row:1!important;justify-self:start!important;order:1!important;margin-left:0!important;}
html body .listing-card .listing-meta-rating-type .browse-card-stars{grid-column:3!important;grid-row:1!important;justify-self:end!important;order:2!important;margin-left:0!important;font-size:1.5rem!important;line-height:1!important;letter-spacing:.02em!important;display:inline-flex!important;gap:1px!important;text-shadow:-.45px -.45px 0 #000,.45px -.45px 0 #000,-.45px .45px 0 #000,.45px .45px 0 #000!important;-webkit-text-stroke:.35px #000!important;paint-order:stroke fill!important;}
html body .listing-card .listing-meta-rating-type .browse-card-stars .rating-star{font-size:inherit!important;line-height:1!important;color:#8b8f87!important;background:linear-gradient(90deg,#ffd84d 0 var(--fill),#8b8f87 var(--fill) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:-.35px -.35px 0 #000,.35px -.35px 0 #000,-.35px .35px 0 #000,.35px .35px 0 #000!important;-webkit-text-stroke:.35px #000!important;}
html body .listing-card .listing-meta-rating-type .loc{grid-column:1 / -1!important;grid-row:2!important;justify-self:end!important;order:3!important;margin-left:0!important;}
@media(max-width:900px){html body .listing-card .listing-meta-rating-type .loc{justify-self:start!important}html body .listing-card .listing-meta-rating-type .browse-card-stars{font-size:1.35rem!important}}


/* FINAL Browse card star tuning + dark state text 2026-06-28 */
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{font-size:1.5rem!important;text-shadow:-.45px -.45px 0 #000,.45px -.45px 0 #000,-.45px .45px 0 #000,.45px .45px 0 #000!important;-webkit-text-stroke:.35px #000!important;}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star{background:linear-gradient(90deg,#ffd84d 0 var(--fill),#8b8f87 var(--fill) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:-.35px -.35px 0 #000,.35px -.35px 0 #000,-.35px .35px 0 #000,.35px .35px 0 #000!important;-webkit-text-stroke:.35px #000!important;}
html[data-theme="dark"] body main .listing-card .listing-body .listing-meta-rating-type > .loc{color:#000!important;}
@media(max-width:900px){html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{font-size:1.35rem!important}}



/* FINAL eBay-style Browse rating stars 2026-06-28: grey/black base, clipped gold fill */
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  order:2!important;
  margin-left:0!important;
  font-size:1.5rem!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  display:inline-flex!important;
  gap:1px!important;
  color:inherit!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star{
  position:relative!important;
  display:inline-block!important;
  width:1em!important;
  height:1em!important;
  overflow:hidden!important;
  font-size:inherit!important;
  line-height:1!important;
  color:#d7d7d2!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#d7d7d2!important;
  -webkit-text-stroke:.35px #000!important;
  text-shadow:none!important;
}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star::after{
  content:'★'!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:var(--fill)!important;
  height:100%!important;
  overflow:hidden!important;
  color:#ffd84d!important;
  -webkit-text-fill-color:#ffd84d!important;
  -webkit-text-stroke:.35px #000!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
@media(max-width:900px){html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{font-size:1.5rem!important}}



/* FINAL robust eBay-style Browse stars using nested fill span 2026-06-28 */
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{
  grid-column:3!important;grid-row:1!important;justify-self:end!important;order:2!important;margin-left:0!important;
  font-size:1.5rem!important;line-height:1!important;letter-spacing:.02em!important;display:inline-flex!important;gap:1px!important;
  color:inherit!important;text-shadow:none!important;-webkit-text-stroke:0!important;
}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star{
  position:relative!important;display:inline-block!important;width:1em!important;height:1em!important;overflow:hidden!important;
  font-size:inherit!important;line-height:1!important;color:#d7d7d2!important;background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#d7d7d2!important;
  -webkit-text-stroke:.35px #000!important;text-shadow:none!important;
}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star::after{content:none!important;display:none!important;}
html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars .rating-star .star-fill{
  position:absolute!important;left:0!important;top:0!important;width:var(--fill)!important;height:100%!important;overflow:hidden!important;
  color:#ffd84d!important;background:none!important;background-image:none!important;-webkit-text-fill-color:#ffd84d!important;
  -webkit-text-stroke:.35px #000!important;text-shadow:none!important;white-space:nowrap!important;pointer-events:none!important;
}
@media(max-width:900px){html body main .listing-card .listing-body .listing-meta.listing-meta-rating-type > .browse-card-stars{font-size:1.5rem!important}}


/* Profile onboarding active location prompt 2026-06-28 */
.active-location-prompt{display:flex!important;align-items:center!important;gap:12px!important;justify-content:space-between!important;margin:12px 0!important;padding:14px!important;}
.active-location-prompt span{color:var(--muted)!important;flex:1 1 auto!important;}
.active-location-prompt .button{white-space:nowrap!important;}
@media(max-width:760px){.active-location-prompt{align-items:stretch!important;flex-direction:column!important}.active-location-prompt .button{width:100%!important}}


/* Beta theme image overlays: original, game-inspired silhouettes only; no protected logos or character art. */
html[data-skin] body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  mix-blend-mode:screen;
  background-repeat:repeat, no-repeat;
  background-size:260px 260px, cover;
  background-position:top left, center;
}
html[data-skin] .site-header,html[data-skin] .site-main,html[data-skin] .site-footer{position:relative;z-index:1;}
html[data-skin="powered-armor"] body::before{
  opacity:.25;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%2338d9ff' stroke-width='2' opacity='.75'%3E%3Cpath d='M130 24l76 34v58c0 54-31 89-76 120-45-31-76-66-76-120V58z'/%3E%3Cpath d='M130 48l48 22v42c0 34-18 59-48 82-30-23-48-48-48-82V70z'/%3E%3Cpath d='M64 94h132M82 146h96M130 48v146'/%3E%3Ccircle cx='130' cy='112' r='18'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 50% 12%,rgba(56,217,255,.25),transparent 34%);
}
html[data-skin="ember-dungeon"] body::before{
  opacity:.28;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23ff9f1c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.72'%3E%3Cpath d='M58 210h144M74 210V92l56-44 56 44v118'/%3E%3Cpath d='M98 210v-52c0-20 64-20 64 0v52M90 96h22M148 96h22M74 128h112'/%3E%3Cpath d='M42 232c20-22 30-40 16-68 28 18 34 44 22 68M198 232c-12-24-4-50 22-68-12 31-2 48 16 68'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 18% 18%,rgba(220,38,38,.30),transparent 32%);
}
html[data-skin="green-dino"] body::before{
  opacity:.22;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%231f7a35' opacity='.42'%3E%3Cellipse cx='72' cy='170' rx='28' ry='20' transform='rotate(-22 72 170)'/%3E%3Cellipse cx='54' cy='132' rx='11' ry='24' transform='rotate(-34 54 132)'/%3E%3Cellipse cx='84' cy='122' rx='11' ry='24' transform='rotate(0 84 122)'/%3E%3Cellipse cx='112' cy='138' rx='11' ry='24' transform='rotate(34 112 138)'/%3E%3Cellipse cx='184' cy='78' rx='24' ry='18' transform='rotate(18 184 78)'/%3E%3Cellipse cx='158' cy='42' rx='9' ry='21' transform='rotate(-28 158 42)'/%3E%3Cellipse cx='188' cy='36' rx='9' ry='21'/%3E%3Cellipse cx='214' cy='52' rx='9' ry='21' transform='rotate(28 214 52)'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 80% 8%,rgba(255,138,61,.24),transparent 28%);
}
html[data-skin="pipe-kingdom"] body::before{
  opacity:.20;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%230b66d8' stroke-width='4' opacity='.46'%3E%3Crect x='38' y='142' width='54' height='78' rx='10'/%3E%3Crect x='28' y='120' width='74' height='28' rx='8'/%3E%3Crect x='168' y='94' width='54' height='126' rx='10'/%3E%3Crect x='158' y='72' width='74' height='28' rx='8'/%3E%3Cpath d='M48 62h40M68 42v40M124 166h38M143 147v38'/%3E%3Ccircle cx='84' cy='92' r='10' fill='%23fbbf24' stroke='none'/%3E%3Ccircle cx='132' cy='56' r='14' fill='%23e11d2e' stroke='none' opacity='.55'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.18),transparent 42%);
}
html[data-skin="woodland-quest"] body::before{
  opacity:.24;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.62'%3E%3Cpath d='M130 28l18 56 58 0-47 34 18 56-47-35-47 35 18-56-47-34 58 0z'/%3E%3Cpath d='M46 214c44-14 74-38 84-72 10 34 40 58 84 72M130 82v138M94 176l36-28 36 28'/%3E%3Ccircle cx='130' cy='130' r='64'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 50% 0%,rgba(212,175,55,.24),transparent 30%);
}
html[data-skin] .dashboard-hero,html[data-skin] .readiness-hero,html[data-skin] .compact-card{backdrop-filter:saturate(1.08) blur(1px);}

/* Member dashboard cleanup: put repeated account/slot/progression items inside their tabs. */
.dashboard-overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:1rem;margin-top:1rem;align-items:start;}
.dashboard-overview-block{display:grid;gap:.75rem;min-width:0;}
.dashboard-overview-block h3{margin:.15rem 0 .25rem;font-size:1.15rem;letter-spacing:-.025em;}
.compact-dashboard-things{box-shadow:none;}
.dashboard-settings-panel{display:grid;gap:1rem;}
.dashboard-settings-handle-form{margin-top:.25rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);}
.dashboard-settings-account-links{margin-top:.25rem;}
.slot-unlocks-inline .slot-meter-grid{margin-top:.4rem;}
@media(max-width:860px){.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-tab-strip{position:static!important;border-radius:22px!important}.dashboard-tab-strip a{flex:1 1 130px}}


.skin-store-card{position:relative;overflow:hidden;isolation:isolate;}
.skin-store-card>*:not(.skin-preview-overlay){position:relative;z-index:1;}
.skin-preview-overlay{height:92px;margin:-.25rem -.25rem .8rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--cream));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden;position:relative;}
.skin-preview-overlay::before{content:"";position:absolute;inset:0;opacity:.7;background-size:140px 140px;background-repeat:repeat;}
.skin-store-card[data-skin-preview="powered-armor"] .skin-preview-overlay{background:linear-gradient(135deg,#050b12,#16202e);}.skin-store-card[data-skin-preview="powered-armor"] .skin-preview-overlay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2338d9ff' stroke-width='2' opacity='.8'%3E%3Cpath d='M70 12l42 20v34c0 30-17 50-42 66-25-16-42-36-42-66V32z'/%3E%3Cpath d='M42 58h56M70 28v76'/%3E%3C/g%3E%3C/svg%3E");}
.skin-store-card[data-skin-preview="ember-dungeon"] .skin-preview-overlay{background:linear-gradient(135deg,#120604,#32130b);}.skin-store-card[data-skin-preview="ember-dungeon"] .skin-preview-overlay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23ff9f1c' stroke-width='3' opacity='.75'%3E%3Cpath d='M26 118h88M40 118V52l30-24 30 24v66M52 72h36M46 118v-30c0-18 48-18 48 0v30'/%3E%3C/g%3E%3C/svg%3E");}
.skin-store-card[data-skin-preview="green-dino"] .skin-preview-overlay{background:linear-gradient(135deg,#d8f5b1,#6fcf97);}.skin-store-card[data-skin-preview="green-dino"] .skin-preview-overlay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='%231f7a35' opacity='.46'%3E%3Cellipse cx='54' cy='88' rx='20' ry='14' transform='rotate(-20 54 88)'/%3E%3Cellipse cx='38' cy='62' rx='8' ry='17' transform='rotate(-32 38 62)'/%3E%3Cellipse cx='58' cy='56' rx='8' ry='17'/%3E%3Cellipse cx='78' cy='64' rx='8' ry='17' transform='rotate(32 78 64)'/%3E%3C/g%3E%3C/svg%3E");}
.skin-store-card[data-skin-preview="pipe-kingdom"] .skin-preview-overlay{background:linear-gradient(135deg,#bfe3ff,#d9f99d);}.skin-store-card[data-skin-preview="pipe-kingdom"] .skin-preview-overlay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%230b66d8' stroke-width='4' opacity='.55'%3E%3Crect x='22' y='72' width='30' height='48' rx='6'/%3E%3Crect x='16' y='58' width='42' height='18' rx='5'/%3E%3Crect x='88' y='50' width='30' height='70' rx='6'/%3E%3Crect x='82' y='36' width='42' height='18' rx='5'/%3E%3C/g%3E%3C/svg%3E");}
.skin-store-card[data-skin-preview="woodland-quest"] .skin-preview-overlay{background:linear-gradient(135deg,#0b1710,#1e4a2b);}.skin-store-card[data-skin-preview="woodland-quest"] .skin-preview-overlay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' opacity='.65'%3E%3Cpath d='M70 14l11 34 36 0-29 21 11 34-29-21-29 21 11-34-29-21 36 0z'/%3E%3Ccircle cx='70' cy='70' r='42'/%3E%3C/g%3E%3C/svg%3E");}
.skin-overlay-note{border-radius:16px;margin:.65rem 0!important;}


/* Dashboard tabs quick-links dropdown: lives at right edge of tabs pill. */
.dashboard-tab-strip{align-items:center!important;}
.dashboard-tab-strip .dashboard-quick-links-dropdown{position:relative;margin-left:auto;flex:0 0 auto;}
.dashboard-quick-links-dropdown summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.68rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--green);color:#07110c;font-weight:950;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.10);}
.dashboard-quick-links-dropdown summary::-webkit-details-marker{display:none;}
.dashboard-quick-links-dropdown summary::after{content:'▾';font-size:.82rem;line-height:1;transition:transform .16s ease;}
.dashboard-quick-links-dropdown[open] summary::after{transform:rotate(180deg);}
.dashboard-quick-links-dropdown summary:hover,.dashboard-quick-links-dropdown summary:focus-visible{background:var(--green-dark);color:#fff;outline:0;box-shadow:0 0 0 4px rgba(55,209,126,.18),0 10px 24px rgba(0,0,0,.16);}
.dashboard-quick-links-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:.45rem;width:min(420px,calc(100vw - 36px));padding:.8rem;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-strong);}
.dashboard-quick-links-menu a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:.65rem .85rem!important;border-radius:14px!important;border:1px solid var(--line)!important;background:rgba(21,138,79,.12)!important;color:var(--ink)!important;font-weight:950!important;text-decoration:none!important;text-align:center!important;}
.dashboard-quick-links-menu a:hover,.dashboard-quick-links-menu a:focus-visible{background:var(--green)!important;color:#07110c!important;outline:0!important;}
html[data-theme="dark"] .dashboard-quick-links-menu{background:rgba(7,17,12,.98);}
html[data-theme="dark"] .dashboard-quick-links-dropdown summary{color:#07110c;}
html[data-theme="dark"] .dashboard-quick-links-menu a{background:rgba(94,234,159,.10)!important;color:#fffaf0!important;border-color:#52677a!important;}
html[data-theme="dark"] .dashboard-quick-links-menu a:hover,html[data-theme="dark"] .dashboard-quick-links-menu a:focus-visible{background:#5eea9f!important;color:#07110c!important;}
@media(max-width:760px){.dashboard-tab-strip .dashboard-quick-links-dropdown{margin-left:0;flex:1 1 100%;}.dashboard-quick-links-dropdown summary{width:100%;}.dashboard-quick-links-menu{left:0;right:auto;width:100%;grid-template-columns:1fr 1fr;}}
@media(max-width:420px){.dashboard-quick-links-menu{grid-template-columns:1fr;}}


/* Final desktop dashboard width + toast visibility correction. */
@media(min-width:900px){
  .site-main>.member-dashboard,.member-dashboard.dashboard-page,.dashboard-page.member-dashboard{width:min(100%,calc(100vw - 48px))!important;max-width:calc(100vw - 48px)!important;margin-left:auto!important;margin-right:auto!important;}
  .member-dashboard .readiness-hero,.member-dashboard .compact-card,.member-dashboard .dashboard-tab-panel,.member-dashboard .active-quest-card,.member-dashboard .dashboard-notifications-card,.member-dashboard .privacy-settings-card{width:100%!important;max-width:100%!important;}
  .member-dashboard .dashboard-tab-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .member-dashboard .dashboard-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;}
}
.toast-host{position:fixed!important;top:92px!important;right:24px!important;bottom:auto!important;width:min(430px,calc(100vw - 48px))!important;z-index:2147483000!important;pointer-events:none!important;}
.game-toast{pointer-events:auto!important;max-width:100%!important;}
@media(max-width:620px){.toast-host{top:auto!important;right:12px!important;bottom:12px!important;width:calc(100vw - 24px)!important;}}


/* Dashboard collapsed drawers after overview. */
.dashboard-collapse{width:100%!important;max-width:100%!important;margin:1rem 0!important;border:1px solid var(--line)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important;overflow:hidden!important;}
.dashboard-collapse>summary{list-style:none!important;cursor:pointer!important;padding:1rem 1.1rem!important;font-weight:950!important;color:var(--ink)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;}
.dashboard-collapse>summary::-webkit-details-marker{display:none!important;}
.dashboard-collapse>summary::after{content:'Open'!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--green)!important;}
.dashboard-collapse[open]>summary::after{content:'Close'!important;}
.dashboard-collapse>section.compact-card{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;max-width:100%!important;}


/* Default responsive content width: section cards match header/page width. */
.dashboard-page,.member-dashboard,.quest-log-page{width:min(100%,calc(100vw - 32px))!important;max-width:1220px!important;margin-left:auto!important;margin-right:auto!important;}
.dashboard-page>section,.member-dashboard>section,.quest-log-page>section,.dashboard-page>.compact-card,.member-dashboard>.compact-card,.quest-log-page>.compact-card{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
.quest-log-page .readiness-hero,.quest-log-page .compact-card,.quest-log-page .quest-log-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.quest-log-list{width:100%!important;max-width:100%!important;}
@media(min-width:1300px){.dashboard-page,.member-dashboard,.quest-log-page{max-width:calc(100vw - 64px)!important;}}
@media(max-width:760px){.dashboard-page,.member-dashboard,.quest-log-page{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;padding-left:8px!important;padding-right:8px!important;}}


/* Admin sensitive-action confirmation and user delete controls. */
.admin-security-confirm-card{border:2px solid rgba(220,38,38,.35)!important;}
.admin-security-confirm-form{display:grid!important;gap:.85rem!important;max-width:620px!important;}
.trash-icon-btn{display:inline-grid!important;place-items:center!important;width:2.35rem!important;height:2.35rem!important;border-radius:999px!important;border:1px solid rgba(220,38,38,.35)!important;background:rgba(220,38,38,.09)!important;color:#b91c1c!important;font-size:1.05rem!important;cursor:pointer!important;}
.trash-icon-btn:hover{background:rgba(220,38,38,.18)!important;transform:translateY(-1px)!important;}


/* Quest chooser board. */
.quest-log-card.is-selected{border:2px solid var(--green)!important;box-shadow:0 0 0 3px rgba(34,197,94,.12),var(--shadow)!important;}
.quest-log-card.is-available{border:1px solid var(--line)!important;}
.quest-reward-pill{display:inline-flex!important;margin-top:.35rem!important;padding:.25rem .55rem!important;border-radius:999px!important;background:rgba(34,197,94,.12)!important;color:var(--green)!important;font-weight:800!important;}
.quest-select-form{margin-top:.75rem!important;}


/* Admin member actions: save role and delete spaced on either side. */
.admin-user-action-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.85rem!important;min-width:320px!important;}
.admin-role-save-form{display:flex!important;align-items:center!important;gap:.55rem!important;grid-template-columns:none!important;flex:1 1 auto!important;}
.admin-role-save-form select{min-width:130px!important;}
.admin-delete-user-form{display:inline-flex!important;grid-template-columns:none!important;flex:0 0 auto!important;margin-left:auto!important;}
.role-save-btn{white-space:nowrap!important;}
.admin-protected-label{margin-left:auto!important;}
@media(max-width:760px){.admin-user-action-row{min-width:280px!important;}.admin-role-save-form{flex-wrap:wrap!important;}}
/* Browse listing width: align with header inner content, not full header chrome. */
@media (min-width: 1000px){
  .browse-page{width:min(var(--swapthing-content-width),calc(100vw - 88px))!important;max-width:var(--swapthing-content-width)!important;margin-left:auto!important;margin-right:auto!important;}
  .browse-page #listing-grid{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
  .browse-page .browse-header-row,.browse-page .browse-search-card{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
}

/* Sitewide header-edge width guard 2026-06-29.
   Page content should never stretch wider than the visible logo-to-hamburger bounds. */
body main.site-main > :where(.container,.container-narrow,.browse-page,.product-page,.dashboard-page,.member-dashboard,.quest-log-page,.profile-shell,.public-profile-shell,.feedback-page,.impact-page,.readiness-page,.ops-page,.admin-page){
  box-sizing:border-box!important;
  width:min(var(--swapthing-content-width),calc(100vw - 88px))!important;
  max-width:var(--swapthing-content-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body main.site-main > :where(.container,.container-narrow,.browse-page,.product-page,.dashboard-page,.member-dashboard,.quest-log-page,.profile-shell,.public-profile-shell,.feedback-page,.impact-page,.readiness-page,.ops-page,.admin-page) > :where(section,article,div,form,nav){
  max-width:100%!important;
  box-sizing:border-box!important;
}
body main.site-main :where(.listing-grid,.browse-header-row,.browse-search-card,.detail-shell,.related-section,.safety-card,.compact-card,.ops-card,.readiness-hero,.dashboard-tab-strip,.todo-table-wrap){
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Personal dashboard: real tab grouping + right-aligned unlabeled quick-links select. */
.member-dashboard [data-dashboard-tab][hidden]{display:none!important;}
.member-dashboard .dashboard-tab-strip [data-dashboard-tab-link].is-active,
.member-dashboard .dashboard-tab-strip [data-dashboard-tab-link][aria-current="page"]{background:var(--green)!important;color:#07110c!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(21,138,79,.22)!important;}
.member-dashboard .dashboard-tab-strip .dashboard-quick-links-select{margin-left:auto!important;}
.member-dashboard .dashboard-tab-strip .dashboard-quick-links-select select{text-align:left!important;}
.match-give-get-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;align-items:stretch;}
.match-listing-card{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.01));box-shadow:0 14px 34px rgba(2,6,23,.12);min-height:100%;}
.match-get-card{border-color:rgba(21,138,79,.38);background:linear-gradient(180deg,rgba(21,138,79,.16),rgba(21,138,79,.04));}
.match-give-card{border-color:rgba(245,158,11,.40);background:linear-gradient(180deg,rgba(245,158,11,.15),rgba(239,68,68,.04));}
.match-card-label{position:absolute;left:.8rem;top:.8rem;z-index:2;display:inline-flex;align-items:center;padding:.32rem .65rem;border-radius:999px;background:rgba(7,17,12,.82);color:#fff;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em;backdrop-filter:blur(8px);}
.match-listing-img{display:block;width:100%;height:178px;object-fit:cover;background:rgba(0,0,0,.08);}
.match-listing-img{width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:18px!important;background:rgba(0,0,0,.08)!important;}
.match-listing-body{display:grid!important;gap:.42rem!important;padding:.85rem!important;min-width:0!important;}
.match-listing-body strong{font-size:1rem!important;line-height:1.15!important;overflow-wrap:anywhere!important;}
.match-listing-body p{margin:0!important;color:var(--muted)!important;font-size:.9rem!important;line-height:1.35!important;}
.match-person{margin-top:auto;color:var(--muted);font-weight:900;}
@media(max-width:760px){.match-give-get-grid{grid-template-columns:1fr!important}.match-listing-img{aspect-ratio:16/9!important}}

/* Header mode dots: center labels over ticks and keep dark-mode text readable. */
.site-header .header-mode-switch .mode-switch{--tick-size:14px!important;--track-y:10px!important;--track-pad:calc(var(--tick-size) / 2)!important;position:relative!important;display:block!important;width:100%!important;height:48px!important;min-width:0!important;padding:0 0 10px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.site-header .header-mode-switch .mode-switch::before{content:""!important;position:absolute!important;left:var(--track-pad)!important;right:var(--track-pad)!important;bottom:var(--track-y)!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(34,197,94,.7),rgba(167,139,250,.7),rgba(56,189,248,.7),rgba(251,146,60,.7))!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.22)!important;}
.site-header .header-mode-switch .mode-switch .mode-knob{display:none!important;}
.site-header .header-mode-switch .mode-switch .mode-option{appearance:none!important;position:absolute!important;z-index:2!important;left:calc(var(--track-pad) + ((100% - (var(--track-pad) * 2)) * var(--mode-pos,0)))!important;bottom:22px!important;transform:translateX(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;min-width:54px!important;height:auto!important;padding:0 .25rem!important;border:0!important;border-radius:0!important;background:transparent!important;color:#dbeafe!important;-webkit-text-fill-color:#dbeafe!important;text-align:center!important;font-size:.72rem!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;text-shadow:0 1px 2px rgba(0,0,0,.72)!important;box-shadow:none!important;cursor:pointer!important;}
.site-header .header-mode-switch .mode-switch .mode-option::after{content:""!important;position:absolute!important;left:50%!important;bottom:-20px!important;width:var(--tick-size)!important;height:var(--tick-size)!important;transform:translateX(-50%)!important;border-radius:999px!important;background:#cbd5e1!important;border:2px solid #07110c!important;box-shadow:0 0 0 1px rgba(255,255,255,.72)!important;}
.site-header .header-mode-switch .mode-switch .mode-option[aria-pressed="true"]{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;}
.site-header .header-mode-switch .mode-switch .mode-option[aria-pressed="true"]::after{background:currentColor!important;width:calc(var(--tick-size) * 1.22)!important;height:calc(var(--tick-size) * 1.22)!important;bottom:calc(-20px - (var(--tick-size) * .11))!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 8px 18px rgba(0,0,0,.34)!important;}
.site-header .header-mode-switch .mode-switch .mode-option:hover,.site-header .header-mode-switch .mode-switch .mode-option:focus-visible{color:#fff!important;-webkit-text-fill-color:#fff!important;outline:0!important;text-decoration:underline!important;text-underline-offset:4px!important;}
.site-header .header-mode-switch .mode-switch-mod .mode-option:nth-of-type(1){--mode-pos:0!important;}
.site-header .header-mode-switch .mode-switch-mod .mode-option:nth-of-type(2){--mode-pos:.5!important;}
.site-header .header-mode-switch .mode-switch-mod .mode-option:nth-of-type(3){--mode-pos:1!important;}
.site-header .header-mode-switch .mode-switch-admin .mode-option:nth-of-type(1){--mode-pos:0!important;}
.site-header .header-mode-switch .mode-switch-admin .mode-option:nth-of-type(2){--mode-pos:.333333!important;}
.site-header .header-mode-switch .mode-switch-admin .mode-option:nth-of-type(3){--mode-pos:.666667!important;}
.site-header .header-mode-switch .mode-switch-admin .mode-option:nth-of-type(4){--mode-pos:1!important;}
html[data-theme="dark"] .site-header .header-mode-switch .mode-switch .mode-option,html[data-theme="dark"] .site-header .header-mode-switch .mode-switch .mode-option[aria-pressed="true"]{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;}
@media(max-width:760px){.site-header .header-mode-switch .mode-switch{--tick-size:13px!important;height:44px!important}.site-header .header-mode-switch .mode-switch .mode-option{font-size:.66rem!important;min-width:46px!important;padding-inline:.1rem!important}}
.swap-safety-confirm{margin:.95rem 0!important;padding:1rem!important;background:rgba(245,158,11,.10)!important;border-color:rgba(245,158,11,.35)!important;}
.swap-safety-confirm h3{margin:0 0 .5rem!important;font-size:1rem!important;}
.swap-safety-confirm ul{margin:.35rem 0 0 1.1rem!important;padding:0!important;color:var(--muted)!important;line-height:1.45!important;}
.swap-approve-form{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:wrap!important;}
.swap-safety-checkbox{display:inline-flex!important;align-items:center!important;gap:.45rem!important;font-weight:850!important;color:var(--ink)!important;}
.swap-safety-checkbox input{width:1.05rem!important;height:1.05rem!important;accent-color:var(--green)!important;}
body main.site-main :where(.todo-table-wrap,.admin-table-wrap,.table-wrap){
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
@media(max-width:760px){
  body main.site-main > :where(.container,.container-narrow,.browse-page,.product-page,.dashboard-page,.member-dashboard,.quest-log-page,.profile-shell,.public-profile-shell,.feedback-page,.impact-page,.readiness-page,.ops-page,.admin-page){
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* Explicit fallback for browsers/CSS parse paths that miss :where() grouping. */
body main.site-main > .container,
body main.site-main > .container-narrow,
body main.site-main > .browse-page,
body main.site-main > .product-page,
body main.site-main > .dashboard-page,
body main.site-main > .member-dashboard,
body main.site-main > .quest-log-page,
body main.site-main > .profile-shell,
body main.site-main > .public-profile-shell,
body main.site-main > .feedback-page,
body main.site-main > .impact-page,
body main.site-main > .readiness-page,
body main.site-main > .ops-page,
body main.site-main > .admin-page{
  box-sizing:border-box!important;
  width:min(var(--swapthing-content-width),calc(100vw - 88px))!important;
  max-width:var(--swapthing-content-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  body main.site-main > .container,
  body main.site-main > .container-narrow,
  body main.site-main > .browse-page,
  body main.site-main > .product-page,
  body main.site-main > .dashboard-page,
  body main.site-main > .member-dashboard,
  body main.site-main > .quest-log-page,
  body main.site-main > .profile-shell,
  body main.site-main > .public-profile-shell,
  body main.site-main > .feedback-page,
  body main.site-main > .impact-page,
  body main.site-main > .readiness-page,
  body main.site-main > .ops-page,
  body main.site-main > .admin-page{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* Sitewide PC section fill + rounded section-header backgrounds 2026-06-30 */
@media (min-width:900px){
  body main.site-main :where(.dashboard-overview-grid,.dashboard-tab-stat-grid,.dashboard-mini-card-grid,.dashboard-achievement-summary,.dashboard-settings-links,.dashboard-account-links,.wishlist-card-grid,.dashboard-wishlist-card-grid,.member-listing-card-grid,.slot-meter-grid,.achievement-quest-board,.quest-log-list,.store-grid,.impact-grid,.admin-stats,.match-give-get-grid,.trust-detail-columns,.profile-location-grid,.account-options-grid,.admin-dashboard-grid,.dashboard-settings-panel){
    align-items:stretch!important;
  }
  body main.site-main :where(.dashboard-overview-grid,.dashboard-tab-stat-grid,.dashboard-mini-card-grid,.dashboard-achievement-summary,.dashboard-settings-links,.dashboard-account-links,.wishlist-card-grid,.dashboard-wishlist-card-grid,.member-listing-card-grid,.slot-meter-grid,.achievement-quest-board,.quest-log-list,.store-grid,.impact-grid,.admin-stats,.match-give-get-grid,.trust-detail-columns,.profile-location-grid,.account-options-grid,.admin-dashboard-grid,.dashboard-settings-panel) > :where(section,article,div,form,label,.compact-card,.ops-card,.listing-card,.wishlist-card,.member-listing-card,.skin-store-card,.quest-log-card,.stat-card,.dashboard-overview-block):only-child{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
  body main.site-main :where(.dashboard-tab-stat-grid,.dashboard-mini-card-grid,.dashboard-achievement-summary,.dashboard-settings-links,.dashboard-account-links,.wishlist-card-grid,.dashboard-wishlist-card-grid,.member-listing-card-grid,.slot-meter-grid,.store-grid,.impact-grid,.admin-stats,.quest-log-list) > :where(section,article,div,form,label,.compact-card,.ops-card,.listing-card,.wishlist-card,.member-listing-card,.skin-store-card,.quest-log-card,.stat-card):last-child:nth-child(odd){
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
  body main.site-main :where(.compact-card,.ops-card,.readiness-hero,.dashboard-hero,.profile-hero,.admin-settings-card,.impact-section,.leaderboard-card,.trophy-case-card,.achievement-browser,.privacy-settings-card,.dashboard-tab-panel){
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
}
body main.site-main :where(.admin-section-heading,.privacy-card-head,.profile-hero,.readiness-hero,.dashboard-hero,.section-heading,.page-heading,.leaderboard-hero,.achievement-hero){
  border-radius:24px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
body main.site-main :where(.admin-section-heading,.privacy-card-head,.section-heading,.page-heading){
  padding:.85rem 1rem!important;
  background:linear-gradient(135deg,rgba(21,138,79,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(148,163,184,.24)!important;
}
body main.site-main :where(.admin-section-heading,.privacy-card-head,.section-heading,.page-heading)::before,
body main.site-main :where(.admin-section-heading,.privacy-card-head,.section-heading,.page-heading)::after{
  border-radius:inherit!important;
}
html[data-theme="dark"] body main.site-main :where(.admin-section-heading,.privacy-card-head,.section-heading,.page-heading){
  background:linear-gradient(135deg,rgba(94,234,159,.10),rgba(15,23,42,.58))!important;
}
@media(max-width:760px){
  body main.site-main :where(.admin-section-heading,.privacy-card-head,.profile-hero,.readiness-hero,.dashboard-hero,.section-heading,.page-heading){border-radius:20px!important;}
}

/* Hard fallback: stretch lone/odd cards and round section header backgrounds 2026-06-30b */
@media (min-width:900px){
  body main.site-main .dashboard-tab-stat-grid > *,
  body main.site-main .dashboard-mini-card-grid > *,
  body main.site-main .dashboard-achievement-summary > *,
  body main.site-main .dashboard-settings-links > *,
  body main.site-main .dashboard-account-links > *,
  body main.site-main .wishlist-card-grid > *,
  body main.site-main .dashboard-wishlist-card-grid > *,
  body main.site-main .member-listing-card-grid > *,
  body main.site-main .slot-meter-grid > *,
  body main.site-main .store-grid > *,
  body main.site-main .impact-grid > *,
  body main.site-main .admin-stats > *,
  body main.site-main .quest-log-list > *{
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
  body main.site-main .dashboard-tab-stat-grid > *:only-child,
  body main.site-main .dashboard-mini-card-grid > *:only-child,
  body main.site-main .dashboard-achievement-summary > *:only-child,
  body main.site-main .dashboard-settings-links > *:only-child,
  body main.site-main .dashboard-account-links > *:only-child,
  body main.site-main .wishlist-card-grid > *:only-child,
  body main.site-main .dashboard-wishlist-card-grid > *:only-child,
  body main.site-main .member-listing-card-grid > *:only-child,
  body main.site-main .slot-meter-grid > *:only-child,
  body main.site-main .store-grid > *:only-child,
  body main.site-main .impact-grid > *:only-child,
  body main.site-main .admin-stats > *:only-child,
  body main.site-main .quest-log-list > *:only-child,
  body main.site-main .dashboard-tab-stat-grid > *:last-child:nth-child(odd),
  body main.site-main .dashboard-mini-card-grid > *:last-child:nth-child(odd),
  body main.site-main .dashboard-achievement-summary > *:last-child:nth-child(odd),
  body main.site-main .dashboard-settings-links > *:last-child:nth-child(odd),
  body main.site-main .dashboard-account-links > *:last-child:nth-child(odd),
  body main.site-main .wishlist-card-grid > *:last-child:nth-child(odd),
  body main.site-main .dashboard-wishlist-card-grid > *:last-child:nth-child(odd),
  body main.site-main .member-listing-card-grid > *:last-child:nth-child(odd),
  body main.site-main .slot-meter-grid > *:last-child:nth-child(odd),
  body main.site-main .store-grid > *:last-child:nth-child(odd),
  body main.site-main .impact-grid > *:last-child:nth-child(odd),
  body main.site-main .admin-stats > *:last-child:nth-child(odd),
  body main.site-main .quest-log-list > *:last-child:nth-child(odd){
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
  body main.site-main .dashboard-tab-stat-grid > .compact-card,
  body main.site-main .dashboard-mini-card-grid > .compact-card,
  body main.site-main .dashboard-achievement-summary > .compact-card,
  body main.site-main .dashboard-settings-links > .compact-card,
  body main.site-main .dashboard-account-links > .compact-card,
  body main.site-main .store-grid > .compact-card,
  body main.site-main .impact-grid > .compact-card{
    max-width:100%!important;
  }
}
body main.site-main .admin-section-heading,
body main.site-main .privacy-card-head,
body main.site-main .section-heading,
body main.site-main .page-heading{
  border-radius:24px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(21,138,79,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background-clip:padding-box!important;
}
body main.site-main .readiness-hero,
body main.site-main .dashboard-hero,
body main.site-main .profile-hero{
  border-radius:28px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
html[data-theme="dark"] body main.site-main .admin-section-heading,
html[data-theme="dark"] body main.site-main .privacy-card-head,
html[data-theme="dark"] body main.site-main .section-heading,
html[data-theme="dark"] body main.site-main .page-heading{
  background:linear-gradient(135deg,rgba(94,234,159,.10),rgba(15,23,42,.58))!important;
}

/* 2026-07-02 official offsite logo buttons. */
.offsite-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
.social-login-grid .social-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.65rem!important;
}
.social-login-grid .social-btn .offsite-logo{
  width:1.25rem!important;
  height:1.25rem!important;
}
.listing-share-row .share-icon-btn .offsite-logo,
.share-icon-btn .offsite-logo{
  width:15px!important;
  height:15px!important;
}
.carrier-logo-button .offsite-logo{
  max-width:76px!important;
  max-height:38px!important;
}
.carrier-logo-button .offsite-logo-fedex{
  max-width:80px!important;
}
.carrier-logo-button .offsite-logo-ups{
  max-width:50px!important;
  max-height:40px!important;
}
.carrier-logo-button .offsite-logo-usps{
  max-width:76px!important;
}

/* SwapThing toast black/gold restore — 2026-07-09 */
.st-toast-stack{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:10px;max-width:min(360px,calc(100vw - 36px))}
.st-toast{position:relative;padding:13px 42px 13px 15px;border-radius:18px;background:#15122b!important;color:#fff!important;box-shadow:0 18px 44px rgba(21,18,43,.25);border:1px solid var(--gold,#ffb020)!important;display:grid;gap:3px;animation:stToastIn .22s ease-out}
.st-toast strong{color:var(--gold,#ffb020)!important}
.st-toast-success,.st-toast-cheev,.st-toast-notice{background:#15122b!important;color:#fff!important;border-color:var(--gold,#ffb020)!important}
.st-toast span{font-size:.92rem;line-height:1.35}
.st-toast-hide{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
.st-toast-close{position:absolute;top:8px;right:8px;left:auto;bottom:auto;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,176,32,.55);background:rgba(0,0,0,.34);color:var(--gold,#ffb020);font-size:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.st-toast-close::before{content:'×';font-size:18px;font-weight:950;line-height:1}
@keyframes stToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}


/* Arcade 3D Buttons skin 2026-07-09: CSSPro-inspired tactile raised controls, brand-safe implementation. */
html[data-skin="arcade-3d-buttons"]{
  --st-3d-front-a:#31d07b;
  --st-3d-front-b:#f4c84b;
  --st-3d-edge-a:#166534;
  --st-3d-edge-b:#9a6411;
  --st-3d-shadow:rgba(0,0,0,.42);
  --st-3d-text:#06150b;
}
html[data-skin="arcade-3d-buttons"] .primary-btn,
html[data-skin="arcade-3d-buttons"] .button.primary,
html[data-skin="arcade-3d-buttons"] button.primary,
html[data-skin="arcade-3d-buttons"] .browse-submit-btn,
html[data-skin="arcade-3d-buttons"] .cta-button,
html[data-skin="arcade-3d-buttons"] input[type="submit"],
html[data-skin="arcade-3d-buttons"] button[type="submit"]:not(.secondary-btn):not(.danger-btn),
html[data-skin="arcade-3d-buttons"] .toast-action,
html[data-skin="arcade-3d-buttons"] .store-page .button{
  position:relative!important;
  isolation:isolate!important;
  border:0!important;
  border-radius:16px!important;
  color:var(--st-3d-text)!important;
  background:linear-gradient(180deg,var(--st-3d-front-b) 0%,#62dd78 54%,var(--st-3d-front-a) 100%)!important;
  box-shadow:
    0 8px 0 var(--st-3d-edge-a),
    0 12px 18px var(--st-3d-shadow),
    inset 0 2px 0 rgba(255,255,255,.55),
    inset 0 -2px 0 rgba(0,0,0,.18)!important;
  transform:translateY(-3px)!important;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
html[data-skin="arcade-3d-buttons"] .primary-btn::after,
html[data-skin="arcade-3d-buttons"] .button.primary::after,
html[data-skin="arcade-3d-buttons"] button.primary::after,
html[data-skin="arcade-3d-buttons"] .browse-submit-btn::after,
html[data-skin="arcade-3d-buttons"] button[type="submit"]:not(.secondary-btn):not(.danger-btn)::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0) 44%);
  z-index:-1;
}
html[data-skin="arcade-3d-buttons"] .primary-btn:hover,
html[data-skin="arcade-3d-buttons"] .button.primary:hover,
html[data-skin="arcade-3d-buttons"] button.primary:hover,
html[data-skin="arcade-3d-buttons"] .browse-submit-btn:hover,
html[data-skin="arcade-3d-buttons"] button[type="submit"]:not(.secondary-btn):not(.danger-btn):hover{
  transform:translateY(-5px)!important;
  filter:saturate(1.12) brightness(1.04)!important;
  box-shadow:
    0 10px 0 var(--st-3d-edge-a),
    0 16px 24px var(--st-3d-shadow),
    inset 0 2px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(0,0,0,.2)!important;
}
html[data-skin="arcade-3d-buttons"] .primary-btn:active,
html[data-skin="arcade-3d-buttons"] .button.primary:active,
html[data-skin="arcade-3d-buttons"] button.primary:active,
html[data-skin="arcade-3d-buttons"] .browse-submit-btn:active,
html[data-skin="arcade-3d-buttons"] button[type="submit"]:not(.secondary-btn):not(.danger-btn):active{
  transform:translateY(3px)!important;
  box-shadow:
    0 2px 0 var(--st-3d-edge-a),
    0 6px 10px rgba(0,0,0,.34),
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(0,0,0,.2)!important;
}
html[data-skin="arcade-3d-buttons"] .secondary-btn,
html[data-skin="arcade-3d-buttons"] .button.secondary,
html[data-skin="arcade-3d-buttons"] .nav-menu .nav-link:not(.primary-link){
  border-radius:14px!important;
  box-shadow:0 5px 0 rgba(8,47,73,.75),0 9px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transform:translateY(-2px)!important;
}
html[data-skin="arcade-3d-buttons"] .secondary-btn:active,
html[data-skin="arcade-3d-buttons"] .button.secondary:active,
html[data-skin="arcade-3d-buttons"] .nav-menu .nav-link:not(.primary-link):active{transform:translateY(2px)!important;box-shadow:0 1px 0 rgba(8,47,73,.85),0 5px 10px rgba(0,0,0,.28)!important;}

/* 2026-07-22 Achievements full-page tidy pass: scoped final override. */
body main.site-main .achievements-page{width:min(100%,1120px)!important;max-width:1120px!important;margin:0 auto!important;padding:clamp(14px,3vw,28px)!important;box-sizing:border-box!important;display:grid!important;gap:1rem!important;overflow:hidden!important;}
body main.site-main .achievements-page *{box-sizing:border-box!important;min-width:0!important;}
body main.site-main .achievements-page img,body main.site-main .achievements-page video,body main.site-main .achievements-page canvas{max-width:100%!important;height:auto!important;object-fit:cover!important;border-radius:16px!important;}
body main.site-main .achievements-page .achievement-hero{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,240px)!important;align-items:stretch!important;gap:1rem!important;margin:0!important;padding:clamp(1rem,3vw,1.45rem)!important;border-radius:28px!important;overflow:hidden!important;}
body main.site-main .achievements-page .achievement-hero h1{margin:.35rem 0 .55rem!important;font-size:clamp(2.1rem,6vw,3.7rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:760px!important;overflow-wrap:normal!important;}
body main.site-main .achievements-page .achievement-hero .plain-copy{max-width:720px!important;margin:.35rem 0 .8rem!important;font-size:clamp(1rem,2.2vw,1.16rem)!important;line-height:1.55!important;color:#f3fbf4!important;}
body main.site-main .achievements-page .level-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.58rem!important;margin:.85rem 0!important;}
body main.site-main .achievements-page .level-strip span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.6rem!important;width:100%!important;margin:0!important;padding:.7rem .85rem!important;border-radius:18px!important;white-space:normal!important;line-height:1.18!important;}
body main.site-main .achievements-page .level-progress,body main.site-main .achievements-page .achievement-progress{height:12px!important;margin:.55rem 0 .65rem!important;border-radius:999px!important;overflow:hidden!important;}
body main.site-main .achievements-page .achievement-score-card{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:.35rem!important;min-height:100%!important;padding:1rem!important;border-radius:22px!important;overflow:hidden!important;}
body main.site-main .achievements-page .achievement-score-card strong{font-size:clamp(2.1rem,7vw,3.7rem)!important;line-height:.95!important;}
body main.site-main .achievements-page .gamification-dashboard{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.85rem!important;margin:0!important;}
body main.site-main .achievements-page .game-stat-card,body main.site-main .achievements-page .next-badge-card,body main.site-main .achievements-page .recent-badge-card,body main.site-main .achievements-page .achievement-card,body main.site-main .achievements-page .achievement-browser{width:100%!important;max-width:100%!important;margin:0!important;padding:clamp(.9rem,2.5vw,1.15rem)!important;border-radius:22px!important;overflow:hidden!important;}
body main.site-main .achievements-page .game-stat-card{display:grid!important;gap:.25rem!important;align-content:start!important;}
body main.site-main .achievements-page .game-stat-card strong{font-size:clamp(1.55rem,4.5vw,2.2rem)!important;line-height:1!important;}
body main.site-main .achievements-page .achievement-callouts{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr)!important;gap:1rem!important;margin:0!important;align-items:start!important;}
body main.site-main .achievements-page .recent-badge{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:.65rem!important;align-items:center!important;max-width:100%!important;overflow:hidden!important;}
body main.site-main .achievements-page .achievement-browser{display:grid!important;gap:.85rem!important;margin-top:.25rem!important;}
body main.site-main .achievements-page .achievement-controls{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto!important;gap:.75rem!important;align-items:end!important;width:100%!important;}
body main.site-main .achievements-page .perk-roadmap{display:grid!important;gap:.85rem!important;margin:0!important;width:100%!important;background:linear-gradient(135deg,rgba(246,195,67,.12),rgba(95,209,156,.09))!important;border-color:rgba(246,195,67,.28)!important;}
body main.site-main .achievements-page .perk-roadmap-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.75rem!important;}
body main.site-main .achievements-page .perk-roadmap-step{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:'num copy' 'num action'!important;gap:.55rem .7rem!important;align-items:start!important;padding:.85rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;}
body main.site-main .achievements-page .perk-roadmap-step.is-done{opacity:.76!important;background:rgba(95,209,156,.08)!important;}
body main.site-main .achievements-page .perk-step-number{grid-area:num!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#f6c343!important;color:#10120c!important;font-weight:950!important;}
body main.site-main .achievements-page .perk-roadmap-step div{grid-area:copy!important;display:grid!important;gap:.25rem!important;}
body main.site-main .achievements-page .perk-roadmap-step small{color:#c7d7ca!important;line-height:1.35!important;}
body main.site-main .achievements-page .perk-roadmap-step .small-btn{grid-area:action!important;justify-self:start!important;}
body main.site-main .listing-photo-drawer{width:100%!important;margin:.35rem 0!important;}
body main.site-main .my-things-photo-frame{position:relative!important;display:block!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(14,25,43,.96),rgba(5,13,23,.98))!important;isolation:isolate!important;}
body main.site-main .my-things-photo-frame .listing-img{position:relative!important;z-index:1!important;}
body main.site-main .has-photo-skeleton .my-things-photo-frame .listing-img{opacity:.18!important;filter:saturate(.65)!important;}
body main.site-main .chisel-image-skeleton{position:absolute!important;inset:10px!important;z-index:2!important;display:none!important;border:1px solid rgba(246,195,67,.38)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(246,195,67,.10),rgba(88,242,160,.07))!important;box-shadow:inset 0 0 18px rgba(88,242,160,.08)!important;pointer-events:none!important;}
body main.site-main .has-photo-skeleton .chisel-image-skeleton{display:grid!important;grid-template-rows:1fr 10px 1fr!important;gap:9px!important;padding:18px!important;align-items:center!important;}
body main.site-main .chisel-image-skeleton span{display:block!important;border-radius:8px!important;background:rgba(255,255,255,.78)!important;opacity:.9!important;}
body main.site-main .chisel-image-skeleton span:nth-child(1){width:58%!important;height:34px!important;background:linear-gradient(90deg,#23b5a6 0 48%,transparent 48% 62%,#ff8540 62% 100%)!important;}
body main.site-main .chisel-image-skeleton span:nth-child(2){width:70%!important;height:8px!important;justify-self:center!important;background:#0f2534!important;}
body main.site-main .chisel-image-skeleton span:nth-child(3){width:52%!important;height:8px!important;justify-self:center!important;background:#28b8a8!important;}
body main.site-main .member-listing-card .listing-mini-photo{position:absolute!important;z-index:3!important;width:44px!important;height:36px!important;object-fit:cover!important;border-radius:10px!important;border:2px solid rgba(246,195,67,.88)!important;box-shadow:0 8px 20px rgba(0,0,0,.38)!important;background:#09131f!important;}
body main.site-main .member-listing-card .listing-mini-photo-corner_tl{top:8px!important;left:8px!important;}body main.site-main .member-listing-card .listing-mini-photo-corner_tr{top:8px!important;right:8px!important;}body main.site-main .member-listing-card .listing-mini-photo-corner_bl{bottom:8px!important;left:8px!important;}body main.site-main .member-listing-card .listing-mini-photo-corner_br{bottom:8px!important;right:8px!important;}
body main.site-main .listing-photo-drawer>summary{cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:.55rem .9rem!important;border-radius:999px!important;border:1px solid rgba(217,157,18,.45)!important;background:rgba(10,18,31,.72)!important;color:#f8fbf3!important;font-weight:900!important;list-style:none!important;}
body main.site-main .listing-photo-drawer>summary::-webkit-details-marker{display:none!important;}
body main.site-main .listing-add-photos-form{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;align-items:center!important;margin-top:.65rem!important;max-width:100%!important;}
body main.site-main .listing-photo-input-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important;}
body main.site-main .listing-photo-picker{background:rgba(14,25,43,.96)!important;border:1px solid rgba(217,157,18,.45)!important;color:#f8fbf3!important;}
body main.site-main .photo-placement-label{display:grid!important;gap:.25rem!important;min-width:min(100%,180px)!important;}
body main.site-main .photo-placement-label span{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--muted)!important;font-weight:900!important;}
@media(max-width:760px){body main.site-main .member-listing-card-inner{grid-template-columns:150px minmax(0,1fr)!important}.member-listing-card .listing-image-link,.member-listing-card .listing-img{width:150px!important;height:150px!important;min-height:150px!important}body main.site-main .member-listing-card .listing-manage-actions{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;overflow:hidden!important;}body main.site-main .listing-photo-drawer{overflow:hidden!important;}body main.site-main .listing-add-photos-form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;overflow:hidden!important;}body main.site-main .listing-add-photos-form .small-btn,body main.site-main .listing-photo-drawer>summary{width:100%!important;}body main.site-main .photo-placement-label{width:100%!important;}body main.site-main .photo-placement-label .input{width:100%!important;max-width:100%!important;}}
body main.site-main .achievement-library-drawer{display:block!important;margin-top:1rem!important;padding:0!important;overflow:hidden!important;}
body main.site-main .achievements-page .achievement-library-drawer>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.8rem!important;align-items:center!important;padding:1rem!important;cursor:pointer!important;list-style:none!important;}
body main.site-main .achievements-page .achievement-library-drawer>summary::-webkit-details-marker{display:none!important;}
body main.site-main .achievements-page .achievement-library-drawer>summary strong{display:block!important;font-size:1.08rem!important;color:#fff7d6!important;}
body main.site-main .achievements-page .achievement-library-drawer>summary em{font-style:normal!important;font-weight:950!important;color:#f6c343!important;white-space:nowrap!important;}
body main.site-main .achievements-page .achievement-library-drawer>summary:after{content:'Open optional badge list'!important;grid-column:1 / -1!important;color:#c7d7ca!important;font-size:.86rem!important;font-weight:800!important;}
body main.site-main .achievements-page .achievement-library-drawer[open]>summary:after{content:'Hide optional badge list'!important;}
body main.site-main .achievements-page .achievement-library-drawer .achievement-browser{padding:clamp(.9rem,2.5vw,1.15rem)!important;border-top:1px solid rgba(255,255,255,.1)!important;}
body main.site-main .achievements-page .achievement-library-drawer .achievement-grid{padding:0 clamp(.9rem,2.5vw,1.15rem) clamp(.9rem,2.5vw,1.15rem)!important;}
body main.site-main .achievements-page .achievement-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;margin:0!important;width:100%!important;}
body main.site-main .achievements-page .achievement-card{display:grid!important;gap:.7rem!important;align-content:start!important;}
body main.site-main .achievements-page .achievement-card-top{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:.75rem!important;align-items:start!important;}
body main.site-main .achievements-page .achievement-card-top .badge-pill{grid-column:1 / -1!important;justify-self:start!important;}
body main.site-main .achievements-page .achievement-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;display:grid!important;place-items:center!important;}
body main.site-main .achievements-page .badge-pill{max-width:100%!important;white-space:normal!important;text-align:left!important;line-height:1.16!important;}
body main.site-main .achievements-page h1,body main.site-main .achievements-page h2,body main.site-main .achievements-page h3,body main.site-main .achievements-page p,body main.site-main .achievements-page strong,body main.site-main .achievements-page span,body main.site-main .achievements-page small{overflow-wrap:anywhere!important;}
@media(max-width:900px){body main.site-main .achievements-page .achievement-hero,body main.site-main .achievements-page .achievement-callouts{grid-template-columns:1fr!important}body main.site-main .achievements-page .gamification-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}body main.site-main .achievements-page .perk-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body main.site-main .achievements-page .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body main.site-main .achievements-page .achievement-controls{grid-template-columns:1fr 1fr!important}body main.site-main .achievements-page .achievement-result-count{justify-self:start!important}}
@media(max-width:620px){body main.site-main .achievements-page{padding:12px!important;gap:.85rem!important;overflow:hidden!important}body main.site-main .achievements-page .achievement-hero{padding:1rem!important;border-radius:22px!important;gap:.75rem!important}body main.site-main .achievements-page .achievement-hero h1{font-size:clamp(2.25rem,11vw,3rem)!important;line-height:1.03!important}body main.site-main .achievements-page .achievement-hero .plain-copy{font-size:1rem!important;line-height:1.45!important}body main.site-main .achievements-page .level-strip{grid-template-columns:1fr!important;gap:.5rem!important}body main.site-main .achievements-page .gamification-dashboard,body main.site-main .achievements-page .perk-roadmap-grid,body main.site-main .achievements-page .achievement-grid,body main.site-main .achievements-page .achievement-controls{grid-template-columns:1fr!important}body main.site-main .achievements-page .game-stat-card,body main.site-main .achievements-page .perk-roadmap,body main.site-main .achievements-page .next-badge-card,body main.site-main .achievements-page .recent-badge-card,body main.site-main .achievements-page .achievement-card,body main.site-main .achievements-page .achievement-browser{padding:.85rem!important;border-radius:18px!important}body main.site-main .achievements-page .perk-roadmap-step{grid-template-columns:34px minmax(0,1fr)!important}body main.site-main .achievements-page .recent-badge{grid-template-columns:38px minmax(0,1fr)!important}body main.site-main .achievements-page .recent-badge em{grid-column:2!important}body main.site-main .achievements-page .achievement-card-top{grid-template-columns:46px minmax(0,1fr)!important}body main.site-main .achievements-page .achievement-icon{width:46px!important;height:46px!important;min-width:46px!important}body main.site-main .achievements-page .achievement-score-card{min-height:92px!important}}

/* 2026-07-22 Trophy case compact slideshow rail. */
body main.site-main .trophy-case-card{display:grid!important;gap:.85rem!important;overflow:hidden!important;}
body main.site-main .trophy-case-card .trophy-shelf-grid,
body main.site-main .trophy-case-card .dashboard-trophy-grid,
body main.site-main .trophy-case-card .trophy-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(220px,clamp(220px,72vw,320px))!important;grid-template-columns:none!important;gap:.85rem!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:.15rem!important;-webkit-overflow-scrolling:touch!important;padding:.15rem .2rem .85rem!important;margin:.4rem 0 0!important;max-width:100%!important;}
body main.site-main .trophy-case-card .trophy-shelf-grid>* ,
body main.site-main .trophy-case-card .dashboard-trophy-grid>* ,
body main.site-main .trophy-case-card .trophy-grid>*{scroll-snap-align:start!important;scroll-snap-stop:always!important;width:100%!important;max-width:100%!important;}
body main.site-main .trophy-case-card .trophy-card-v2{min-height:220px!important;max-height:none!important;}
body main.site-main .trophy-case-card .trophy-shelf-grid::-webkit-scrollbar,
body main.site-main .trophy-case-card .dashboard-trophy-grid::-webkit-scrollbar,
body main.site-main .trophy-case-card .trophy-grid::-webkit-scrollbar{height:8px!important;}
body main.site-main .trophy-case-card .trophy-shelf-grid::-webkit-scrollbar-track,
body main.site-main .trophy-case-card .dashboard-trophy-grid::-webkit-scrollbar-track,
body main.site-main .trophy-case-card .trophy-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.08)!important;border-radius:999px!important;}
body main.site-main .trophy-case-card .trophy-shelf-grid::-webkit-scrollbar-thumb,
body main.site-main .trophy-case-card .dashboard-trophy-grid::-webkit-scrollbar-thumb,
body main.site-main .trophy-case-card .trophy-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f6c343,#5fd19c)!important;border-radius:999px!important;}
body main.site-main .trophy-case-card .trophy-tier-stack{display:grid!important;gap:.9rem!important;}
body main.site-main .trophy-case-card .trophy-tier-section{overflow:hidden!important;}
body main.site-main .trophy-case-card .trophy-tier-heading{position:sticky!important;left:0!important;z-index:1!important;}
body main.site-main .trophy-case-card::after{content:'Swipe sideways to browse trophies'!important;display:block!important;justify-self:start!important;margin-top:-.25rem!important;color:#c7d7ca!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.02em!important;opacity:.9!important;}
@media(min-width:860px){body main.site-main .trophy-case-card .trophy-shelf-grid,body main.site-main .trophy-case-card .dashboard-trophy-grid,body main.site-main .trophy-case-card .trophy-grid{grid-auto-columns:minmax(230px,31%)!important;}}
@media(max-width:520px){body main.site-main .trophy-case-card .trophy-shelf-summary{display:grid!important;grid-template-columns:1fr!important}body main.site-main .trophy-case-card .trophy-shelf-grid,body main.site-main .trophy-case-card .dashboard-trophy-grid,body main.site-main .trophy-case-card .trophy-grid{grid-auto-columns:minmax(230px,86vw)!important;gap:.7rem!important;padding-bottom:.75rem!important}.trophy-case-card .game-trophy-object{width:96px!important;height:108px!important}.trophy-case-card .trophy-card-v2{min-height:205px!important}}

/* 2026-07-22 Player's Stash Box interactive inventory pass. */
.player-stash-box{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 18% 0%,rgba(246,195,67,.22),transparent 28%),radial-gradient(circle at 88% 18%,rgba(95,209,156,.14),transparent 30%),linear-gradient(180deg,rgba(11,18,25,.98),rgba(7,14,11,.98))!important;border-color:rgba(246,195,67,.28)!important;}
.player-stash-lid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:1rem!important;align-items:center!important;}
.player-stash-lid h2{margin:.15rem 0 .35rem!important;font-size:clamp(2rem,5vw,3.4rem)!important;line-height:.95!important;color:#f6c343!important;text-shadow:0 0 18px rgba(246,195,67,.24)!important;}
.player-stash-toggle{box-shadow:0 0 0 1px rgba(246,195,67,.35),0 14px 32px rgba(0,0,0,.28)!important;}
.player-stash-stats{margin:.85rem 0 0!important;}
.player-stash-stage{display:grid!important;grid-template-columns:minmax(180px,280px) minmax(0,1fr)!important;gap:1rem!important;align-items:center!important;margin:1rem 0!important;padding:1rem!important;border:1px solid rgba(246,195,67,.18)!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;}
.player-stash-chest{position:relative!important;min-height:150px!important;border-radius:28px!important;background:radial-gradient(ellipse at 50% 84%,rgba(0,0,0,.46),transparent 48%)!important;display:grid!important;place-items:center!important;}
.player-stash-chest span{position:relative!important;width:170px!important;height:96px!important;border-radius:18px 18px 26px 26px!important;background:linear-gradient(180deg,#8b5a18,#4b2b0d)!important;border:3px solid #f6c343!important;box-shadow:inset 0 10px rgba(255,255,255,.12),0 22px 42px rgba(0,0,0,.38)!important;}
.player-stash-chest span::before{content:''!important;position:absolute!important;left:12px!important;right:12px!important;top:-42px!important;height:52px!important;border-radius:50% 50% 10px 10px!important;background:linear-gradient(180deg,#b7791f,#5f370d)!important;border:3px solid #f6c343!important;transform-origin:50% 100%!important;transition:transform .35s ease!important;}
.player-stash-chest span::after{content:'✦'!important;position:absolute!important;inset:28px auto auto 50%!important;transform:translateX(-50%)!important;width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#102017!important;color:#f6c343!important;border:2px solid rgba(246,195,67,.75)!important;}
.player-stash-box.is-stash-open .player-stash-chest span::before{transform:rotateX(58deg) translateY(-8px)!important;}
.player-stash-chest i{position:absolute!important;width:110px!important;height:30px!important;border-radius:999px!important;background:radial-gradient(ellipse,rgba(95,209,156,.34),transparent 68%)!important;filter:blur(2px)!important;opacity:.2!important;transition:opacity .35s ease!important;}
.player-stash-box.is-stash-open .player-stash-chest i{opacity:1!important;animation:stash-glow 1.8s ease-in-out infinite!important;}
.player-stash-actions{display:flex!important;flex-wrap:wrap!important;gap:.55rem!important;align-items:center!important;justify-content:flex-start!important;}
.player-stash-inventory{max-height:0!important;opacity:0!important;overflow:hidden!important;transform:translateY(-6px)!important;transition:max-height .42s ease,opacity .3s ease,transform .3s ease!important;}
.player-stash-box.is-stash-open .player-stash-inventory{max-height:2600px!important;opacity:1!important;transform:none!important;overflow:visible!important;}
.player-stash-box .trophy-shelf-dropzone,.player-stash-box .trophy-shelf-pool{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(230px,clamp(230px,78vw,320px))!important;grid-template-columns:none!important;gap:.8rem!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:.5rem!important;-webkit-overflow-scrolling:touch!important;padding:.55rem .55rem 1rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:rgba(0,0,0,.18)!important;}
.player-stash-box .trophy-shelf-item{scroll-snap-align:center!important;}
.player-stash-box .trophy-shelf-item.is-stash-featured{outline:3px solid rgba(246,195,67,.78)!important;outline-offset:4px!important;animation:stash-pop .8s ease both!important;}
.player-stash-box h3{color:#fff7d6!important;}
@keyframes stash-glow{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.12);opacity:1}}
@keyframes stash-pop{0%{transform:scale(.97)}45%{transform:scale(1.035)}100%{transform:scale(1)}}
@media(max-width:720px){.player-stash-lid,.player-stash-stage{grid-template-columns:1fr!important}.player-stash-toggle{width:100%!important}.player-stash-actions .small-btn{flex:1 1 120px!important}.player-stash-chest{min-height:125px!important}.player-stash-chest span{width:150px!important;height:86px!important}}
@media (prefers-reduced-motion: reduce){.player-stash-chest span::before,.player-stash-inventory,.player-stash-chest i,.player-stash-box .trophy-shelf-item.is-stash-featured{animation:none!important;transition:none!important}}

/* 2026-07-22 Similar listings Browse-card overlay containment. */
.product-page .related-section{width:min(100%,1120px)!important;margin:clamp(1.5rem,4vw,2.5rem) auto 0!important;}
.product-page .related-section>h2{margin:0 0 1rem!important;font-size:clamp(1.9rem,6vw,2.8rem)!important;line-height:1!important;color:#fff8df!important;}
.product-page .related-browse-card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:18px!important;align-items:stretch!important;}
.product-page .related-browse-card-grid .listing-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border-radius:24px!important;}
.product-page .related-browse-card-grid .listing-image-wrap{position:relative!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:4/3!important;margin:0!important;overflow:hidden!important;isolation:isolate!important;border-radius:24px 24px 0 0!important;background:#0b1218!important;}
.product-page .related-browse-card-grid .listing-image-link,
.product-page .related-browse-card-grid .listing-img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;}
.product-page .related-browse-card-grid .listing-img-contain{object-fit:contain!important;background:#0b1218!important;}
.product-page .related-browse-card-grid .browse-card-overlay-top{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;z-index:20!important;pointer-events:none!important;overflow:hidden!important;}
.product-page .related-browse-card-grid .image-type-pill,
.product-page .related-browse-card-grid .image-rating-pill,
.product-page .related-browse-card-grid .image-location-pill,
.product-page .related-browse-card-grid .browse-card-reaction-pair{position:absolute!important;transform:none!important;pointer-events:auto!important;z-index:24!important;margin:0!important;max-width:calc(100% - 16px)!important;}
.product-page .related-browse-card-grid .image-type-pill{top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important;min-height:0!important;padding:.34rem .62rem!important;border-radius:999px!important;background:#5fd19c!important;color:#062416!important;font-size:.78rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;text-decoration:none!important;}
.product-page .related-browse-card-grid .listing-card-service .image-type-pill{background:#9ecbff!important;color:#06162a!important;}
.product-page .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill{top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;gap:.2rem!important;width:auto!important;min-width:0!important;min-height:0!important;padding:.28rem .5rem!important;border-radius:999px!important;background:rgba(6,17,11,.82)!important;color:#ffd84d!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;text-decoration:none!important;}
.product-page .related-browse-card-grid .owner-rating-label{display:none!important;}
.product-page .related-browse-card-grid .owner-rating-stars{display:inline-flex!important;gap:.02rem!important;line-height:1!important;}
.product-page .related-browse-card-grid .rating-sort-icon{display:none!important;}
.product-page .related-browse-card-grid .image-location-pill{left:50%!important;right:auto!important;top:auto!important;bottom:8px!important;transform:translateX(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:calc(100% - 88px)!important;min-height:0!important;padding:.34rem .58rem!important;border-radius:999px!important;background:rgba(95,209,156,.86)!important;color:#052116!important;font-size:.76rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.product-page .related-browse-card-grid .image-location-pill .loc-icon{display:inline-grid!important;width:1rem!important;height:1rem!important;margin-right:.18rem!important;}
.product-page .related-browse-card-grid .image-location-pill svg{width:1rem!important;height:1rem!important;fill:currentColor!important;}
.product-page .related-browse-card-grid .browse-card-reaction-pair{right:8px!important;left:auto!important;top:auto!important;bottom:8px!important;display:inline-flex!important;align-items:center!important;gap:3px!important;width:auto!important;min-width:0!important;min-height:0!important;padding:3px!important;border-radius:999px!important;background:rgba(6,17,11,.72)!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;}
.product-page .related-browse-card-grid .browse-card-reaction{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;padding:0!important;line-height:1!important;}
.product-page .related-browse-card-grid .browse-card-reaction span[aria-hidden="true"]{font-size:.95rem!important;line-height:1!important;}
.product-page .related-browse-card-grid .listing-body{display:grid!important;gap:.45rem!important;padding:1rem!important;min-width:0!important;}
.product-page .related-browse-card-grid .listing-title{margin:0!important;font-size:1.12rem!important;line-height:1.12!important;}
.product-page .related-browse-card-grid .listing-title a{color:inherit!important;text-decoration:none!important;}
.product-page .related-browse-card-grid .listing-desc{margin:0!important;color:var(--muted)!important;line-height:1.35!important;}
.product-page .related-browse-card-grid .listing-location-text{margin:0!important;color:var(--muted)!important;font-size:.86rem!important;}
@media(max-width:640px){.product-page .related-browse-card-grid{grid-template-columns:1fr!important;gap:16px!important}.product-page .related-browse-card-grid .listing-card{border-radius:22px!important}.product-page .related-browse-card-grid .listing-image-wrap{aspect-ratio:4/3!important;border-radius:22px 22px 0 0!important}.product-page .related-browse-card-grid .image-location-pill{max-width:calc(100% - 112px)!important}.product-page .related-browse-card-grid .listing-body{padding:1rem 1.05rem 1.15rem!important}.product-page .related-browse-card-grid .listing-title{font-size:1.3rem!important}}

/* 2026-07-22 Similar listings emergency overlay simplification. */
html body main.site-main .product-page .related-section .related-browse-card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:18px!important;align-items:stretch!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid article.listing-card{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(135deg,#ecfff6,#7af0b0)!important;color:#0b1d16!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid article.listing-card-service{background:linear-gradient(135deg,#edf6ff,#9ecbff)!important;color:#071827!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-image-wrap{position:relative!important;display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important;margin:0!important;border-radius:24px 24px 0 0!important;overflow:hidden!important;background:#07110c!important;isolation:isolate!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-image-link,
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .browse-card-overlay-top{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none!important;z-index:10!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .image-type-pill{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;gap:.25rem!important;width:auto!important;max-width:calc(100% - 16px)!important;min-width:0!important;height:auto!important;min-height:0!important;padding:.34rem .62rem!important;border-radius:999px!important;background:#5fd19c!important;color:#062416!important;font-size:.8rem!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important;pointer-events:auto!important;transform:none!important;z-index:12!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid article.listing-card-service .image-type-pill{background:#9ecbff!important;color:#06162a!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .image-location-pill,
html body main.site-main .product-page .related-section .related-browse-card-grid .browse-card-reaction-pair,
html body main.site-main .product-page .related-section .related-browse-card-grid .image-rating-pill.listing-rating-sort-pill{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important;position:absolute!important;inset:auto!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-body{display:block!important;flex:1 1 auto!important;padding:1rem 1.05rem 1.15rem!important;min-width:0!important;color:#0b1d16!important;background:transparent!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-title{display:block!important;margin:0 0 .45rem!important;padding:0!important;font-size:1.25rem!important;line-height:1.12!important;color:#0b1d16!important;text-shadow:none!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-title a{color:#0b1d16!important;text-decoration:none!important;text-shadow:none!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-desc{display:block!important;margin:.45rem 0 0!important;color:#15362a!important;font-size:1rem!important;line-height:1.35!important;text-shadow:none!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .listing-location-text{display:block!important;margin:.3rem 0 0!important;color:#27644e!important;font-size:.9rem!important;line-height:1.25!important;text-shadow:none!important;}
html body main.site-main .product-page .related-section .related-browse-card-grid .title-type-icon-pill{display:none!important;}
@media(max-width:640px){html body main.site-main .product-page .related-section .related-browse-card-grid{grid-template-columns:1fr!important}html body main.site-main .product-page .related-section .related-browse-card-grid article.listing-card{border-radius:22px!important}html body main.site-main .product-page .related-section .related-browse-card-grid .listing-image-wrap{border-radius:22px 22px 0 0!important;aspect-ratio:4/3!important}html body main.site-main .product-page .related-section .related-browse-card-grid .listing-title{font-size:1.35rem!important}.product-page .related-section{padding-inline:0!important}}



/* 2026-07-27 SwapThing Market cosmetic frames: owned/activatable UI skins */
html[data-skin="ornate-relic"] body{--st-frame-primary:#f6d56f;--st-frame-secondary:#fff6c6;--st-frame-glow:rgba(246,213,111,.34);}
html[data-skin="neon-rift"] body{--st-frame-primary:#62f7ff;--st-frame-secondary:#f05cff;--st-frame-glow:rgba(98,247,255,.34);}
html[data-skin="veteran-steel"] body{--st-frame-primary:#c6a15b;--st-frame-secondary:#eef1f4;--st-frame-glow:rgba(198,161,91,.22);}
html[data-skin="ornate-relic"] .listing-card,
html[data-skin="ornate-relic"] .member-listing-card,
html[data-skin="ornate-relic"] .swap-card,
html[data-skin="ornate-relic"] .member-card,
html[data-skin="ornate-relic"] .compact-card,
html[data-skin="ornate-relic"] .dashboard-hero,
html[data-skin="neon-rift"] .listing-card,
html[data-skin="neon-rift"] .member-listing-card,
html[data-skin="neon-rift"] .swap-card,
html[data-skin="neon-rift"] .member-card,
html[data-skin="neon-rift"] .compact-card,
html[data-skin="neon-rift"] .dashboard-hero,
html[data-skin="veteran-steel"] .listing-card,
html[data-skin="veteran-steel"] .member-listing-card,
html[data-skin="veteran-steel"] .swap-card,
html[data-skin="veteran-steel"] .member-card,
html[data-skin="veteran-steel"] .compact-card,
html[data-skin="veteran-steel"] .dashboard-hero{position:relative;isolation:isolate;border-color:color-mix(in srgb,var(--st-frame-primary) 72%,transparent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--st-frame-secondary) 22%,transparent),0 18px 46px var(--st-frame-glow)!important;}
html[data-skin="ornate-relic"] .listing-card::after,
html[data-skin="ornate-relic"] .member-listing-card::after,
html[data-skin="ornate-relic"] .swap-card::after,
html[data-skin="ornate-relic"] .member-card::after,
html[data-skin="ornate-relic"] .compact-card::after,
html[data-skin="ornate-relic"] .dashboard-hero::after,
html[data-skin="neon-rift"] .listing-card::after,
html[data-skin="neon-rift"] .member-listing-card::after,
html[data-skin="neon-rift"] .swap-card::after,
html[data-skin="neon-rift"] .member-card::after,
html[data-skin="neon-rift"] .compact-card::after,
html[data-skin="neon-rift"] .dashboard-hero::after,
html[data-skin="veteran-steel"] .listing-card::after,
html[data-skin="veteran-steel"] .member-listing-card::after,
html[data-skin="veteran-steel"] .swap-card::after,
html[data-skin="veteran-steel"] .member-card::after,
html[data-skin="veteran-steel"] .compact-card::after,
html[data-skin="veteran-steel"] .dashboard-hero::after{content:"";position:absolute;inset:5px;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(90deg,var(--st-frame-primary),transparent 18% 82%,var(--st-frame-primary)) top/100% 2px no-repeat,linear-gradient(90deg,var(--st-frame-primary),transparent 18% 82%,var(--st-frame-primary)) bottom/100% 2px no-repeat,linear-gradient(180deg,var(--st-frame-primary),transparent 18% 82%,var(--st-frame-primary)) left/2px 100% no-repeat,linear-gradient(180deg,var(--st-frame-primary),transparent 18% 82%,var(--st-frame-primary)) right/2px 100% no-repeat;}
html[data-skin="ornate-relic"] .listing-card::before,
html[data-skin="ornate-relic"] .member-listing-card::before,
html[data-skin="ornate-relic"] .compact-card::before{content:"✦";position:absolute;right:10px;top:6px;z-index:4;color:var(--st-frame-primary);font-size:1.15rem;text-shadow:0 0 12px var(--st-frame-glow);pointer-events:none;}
html[data-skin="neon-rift"] .listing-card::after,
html[data-skin="neon-rift"] .member-listing-card::after,
html[data-skin="neon-rift"] .compact-card::after{background:linear-gradient(115deg,var(--st-frame-primary),var(--st-frame-secondary),var(--st-frame-primary)) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;animation:stNeonRiftPulse 2.8s ease-in-out infinite;}
html[data-skin="veteran-steel"] .listing-card,
html[data-skin="veteran-steel"] .member-listing-card,
html[data-skin="veteran-steel"] .compact-card{background-image:linear-gradient(135deg,rgba(255,255,255,.045),transparent 38%,rgba(0,0,0,.18))!important;}
@keyframes stNeonRiftPulse{0%,100%{filter:hue-rotate(0deg) brightness(1);opacity:.82}50%{filter:hue-rotate(24deg) brightness(1.35);opacity:1}}
.skin-store-card[data-skin-preview="ornate-relic"],.skin-store-card[data-skin-preview="neon-rift"],.skin-store-card[data-skin-preview="veteran-steel"]{overflow:hidden;}
.skin-store-card[data-skin-preview="ornate-relic"] .skin-preview-overlay{background:radial-gradient(circle at 18% 18%,rgba(255,246,198,.28),transparent 24%),linear-gradient(135deg,rgba(246,213,111,.22),transparent 55%);border:2px double rgba(246,213,111,.75);}
.skin-store-card[data-skin-preview="neon-rift"] .skin-preview-overlay{background:linear-gradient(120deg,rgba(98,247,255,.26),rgba(240,92,255,.24),rgba(98,247,255,.18));border:2px solid rgba(98,247,255,.75);box-shadow:inset 0 0 24px rgba(240,92,255,.2);}
.skin-store-card[data-skin-preview="veteran-steel"] .skin-preview-overlay{background:linear-gradient(135deg,rgba(238,241,244,.16),rgba(22,25,28,.26));border:2px solid rgba(198,161,91,.72);}
@media (prefers-reduced-motion:reduce){html[data-skin="neon-rift"] .listing-card::after,html[data-skin="neon-rift"] .member-listing-card::after,html[data-skin="neon-rift"] .compact-card::after{animation:none!important;}}


/* 2026-07-27 Market rustic inventory frames and iconography */
html[data-skin="parchment-seal"] body{--st-frame-primary:#d8b276;--st-frame-secondary:#7f1d1d;--st-frame-glow:rgba(216,178,118,.28);}
html[data-skin="wagon-chest"] body{--st-frame-primary:#9c7a4d;--st-frame-secondary:#2f2418;--st-frame-glow:rgba(156,122,77,.28);}
html[data-skin="frontier-ledger"] body{--st-frame-primary:#c7a46a;--st-frame-secondary:#efe2bc;--st-frame-glow:rgba(199,164,106,.24);}
html[data-skin="parchment-seal"] .listing-card,html[data-skin="parchment-seal"] .member-listing-card,html[data-skin="parchment-seal"] .compact-card,html[data-skin="parchment-seal"] .dashboard-hero,
html[data-skin="wagon-chest"] .listing-card,html[data-skin="wagon-chest"] .member-listing-card,html[data-skin="wagon-chest"] .compact-card,html[data-skin="wagon-chest"] .dashboard-hero,
html[data-skin="frontier-ledger"] .listing-card,html[data-skin="frontier-ledger"] .member-listing-card,html[data-skin="frontier-ledger"] .compact-card,html[data-skin="frontier-ledger"] .dashboard-hero{position:relative;isolation:isolate;border-color:color-mix(in srgb,var(--st-frame-primary) 70%,transparent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--st-frame-secondary) 28%,transparent),0 16px 40px var(--st-frame-glow)!important;}
html[data-skin="parchment-seal"] .compact-card,html[data-skin="parchment-seal"] .dashboard-hero{background-image:linear-gradient(135deg,rgba(216,178,118,.16),rgba(70,42,20,.12)),radial-gradient(circle at 88% 18%,rgba(127,29,29,.25),transparent 42px)!important;}
html[data-skin="parchment-seal"] .listing-card::before,html[data-skin="parchment-seal"] .member-listing-card::before,html[data-skin="parchment-seal"] .compact-card::before{content:"✉";position:absolute;right:10px;top:8px;z-index:4;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#ffe6b0;background:#8e2424;border:2px solid rgba(255,220,160,.55);box-shadow:0 4px 18px rgba(0,0,0,.28);pointer-events:none;}
html[data-skin="parchment-seal"] .listing-card::after,html[data-skin="parchment-seal"] .member-listing-card::after,html[data-skin="parchment-seal"] .compact-card::after{content:"";position:absolute;inset:7px;z-index:3;pointer-events:none;border:2px solid rgba(216,178,118,.75);border-radius:inherit;background:linear-gradient(90deg,rgba(216,178,118,.8),transparent 20% 80%,rgba(216,178,118,.8)) top/100% 2px no-repeat,linear-gradient(90deg,rgba(216,178,118,.8),transparent 20% 80%,rgba(216,178,118,.8)) bottom/100% 2px no-repeat;}
html[data-skin="wagon-chest"] .listing-card,html[data-skin="wagon-chest"] .member-listing-card,html[data-skin="wagon-chest"] .compact-card{background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(135deg,rgba(97,67,36,.22),rgba(9,10,9,.16))!important;background-size:44px 44px,44px 44px,auto!important;}
html[data-skin="wagon-chest"] .listing-card::after,html[data-skin="wagon-chest"] .member-listing-card::after,html[data-skin="wagon-chest"] .compact-card::after{content:"";position:absolute;inset:6px;z-index:3;pointer-events:none;border:3px ridge rgba(156,122,77,.75);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.38),inset 0 0 28px rgba(0,0,0,.26);}
html[data-skin="wagon-chest"] .listing-card::before,html[data-skin="wagon-chest"] .member-listing-card::before,html[data-skin="wagon-chest"] .compact-card::before{content:"▦";position:absolute;right:12px;top:10px;z-index:4;color:#d7b77b;text-shadow:0 2px 8px #000;pointer-events:none;}
html[data-skin="frontier-ledger"] .listing-card::before,html[data-skin="frontier-ledger"] .member-listing-card::before,html[data-skin="frontier-ledger"] .compact-card::before{content:"⚱  ◌  ▣";position:absolute;right:10px;top:8px;z-index:4;color:var(--st-frame-secondary);font-weight:900;letter-spacing:.14em;text-shadow:0 1px 8px rgba(0,0,0,.5);pointer-events:none;}
html[data-skin="frontier-ledger"] .listing-card::after,html[data-skin="frontier-ledger"] .member-listing-card::after,html[data-skin="frontier-ledger"] .compact-card::after{content:"";position:absolute;inset:6px;z-index:3;pointer-events:none;border:1px solid rgba(239,226,188,.55);border-left:6px double rgba(199,164,106,.72);border-right:6px double rgba(199,164,106,.72);border-radius:inherit;background:linear-gradient(180deg,rgba(239,226,188,.08),transparent 36% 64%,rgba(199,164,106,.08));}
.skin-store-card[data-skin-preview="parchment-seal"] .skin-preview-overlay{background:radial-gradient(circle at 82% 20%,rgba(142,36,36,.5),transparent 28px),linear-gradient(135deg,rgba(216,178,118,.35),rgba(72,45,22,.16));border:2px solid rgba(216,178,118,.8);}
.skin-store-card[data-skin-preview="wagon-chest"] .skin-preview-overlay{background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(135deg,rgba(156,122,77,.36),rgba(22,15,9,.24));background-size:24px 24px,24px 24px,auto;border:3px ridge rgba(156,122,77,.85);}
.skin-store-card[data-skin-preview="frontier-ledger"] .skin-preview-overlay{background:linear-gradient(135deg,rgba(199,164,106,.28),rgba(239,226,188,.11));border-left:8px double rgba(199,164,106,.82);border-right:8px double rgba(199,164,106,.82);}


/* 2026-07-28 SwapThing Market tidy-up */
.market-page{display:grid;gap:1rem;}
.market-hero .plain-copy{max-width:58rem;}
.market-status-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem;}
.market-howto{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(226,194,112,.32);background:linear-gradient(135deg,rgba(226,194,112,.08),rgba(255,255,255,.025));}
.market-howto h2{margin:.1rem 0 .35rem;}
.market-category-pills{display:flex;gap:.55rem;overflow-x:auto;padding:.2rem .1rem .55rem;scrollbar-width:thin;}
.market-category-pills a{flex:0 0 auto;text-decoration:none;color:var(--text-color,#f7f3e8);border:1px solid rgba(226,194,112,.34);background:rgba(9,10,13,.42);border-radius:999px;padding:.55rem .85rem;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18);}
.market-category-section{display:grid;gap:.8rem;scroll-margin-top:6rem;}
.market-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.3rem .1rem 0;}
.market-section-head h2{margin:.05rem 0 .25rem;font-size:clamp(1.25rem,3vw,1.75rem);}
.market-grid{align-items:stretch;}
.market-item-card{display:flex;flex-direction:column;gap:.65rem;min-height:100%;overflow:hidden;}
.market-item-card h3{margin:.1rem 0 0;font-size:1.12rem;}
.market-item-card p{margin:.05rem 0;}
.market-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.6rem;position:relative;z-index:5;}
.market-card-topline .hero-eyebrow{margin:0;}
.market-preview-overlay{opacity:.72;}
.market-live-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:.25rem 0 .1rem;position:relative;z-index:5;}
.market-live-preview span{min-height:32px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);}
.market-item-card form{margin-top:auto;position:relative;z-index:5;}
.disabled-button{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;opacity:.8;pointer-events:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);}
.market-item-card .button{width:100%;}
.skin-store-card[data-skin-preview="ornate-relic"] .market-live-preview span{border-color:rgba(246,213,111,.68);box-shadow:inset 0 0 0 1px rgba(255,246,198,.2),0 0 14px rgba(246,213,111,.22);}
.skin-store-card[data-skin-preview="neon-rift"] .market-live-preview span{border-color:rgba(98,247,255,.76);box-shadow:0 0 16px rgba(98,247,255,.22),inset 0 0 14px rgba(240,92,255,.14);}
.skin-store-card[data-skin-preview="veteran-steel"] .market-live-preview span{border-color:rgba(198,161,91,.64);background:linear-gradient(135deg,rgba(238,241,244,.16),rgba(22,25,28,.28));}
.skin-store-card[data-skin-preview="parchment-seal"] .market-live-preview span{border-color:rgba(216,178,118,.72);background:radial-gradient(circle at 80% 20%,rgba(142,36,36,.42),transparent 14px),linear-gradient(135deg,rgba(216,178,118,.2),rgba(72,45,22,.12));}
.skin-store-card[data-skin-preview="wagon-chest"] .market-live-preview span{border:2px ridge rgba(156,122,77,.75);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),rgba(60,42,25,.28);background-size:14px 14px;}
.skin-store-card[data-skin-preview="frontier-ledger"] .market-live-preview span{border-left:4px double rgba(199,164,106,.75);border-right:4px double rgba(199,164,106,.75);background:linear-gradient(135deg,rgba(199,164,106,.22),rgba(239,226,188,.08));}
@media (max-width:720px){.market-howto{display:grid}.market-section-head{display:grid}.market-category-pills{margin-inline:-.25rem}.market-item-card{gap:.55rem}.market-live-preview span{min-height:26px}}


/* 2026-07-28 Market compact sticky preview */
.market-page-compact{display:block;padding-bottom:2rem;}
.compact-market-hero{padding:1.05rem 1.15rem!important;margin-bottom:.7rem;}
.compact-market-hero h1{font-size:clamp(1.65rem,5vw,2.45rem);margin:.05rem 0 .25rem;}
.compact-market-hero .plain-copy{margin:.15rem 0 .45rem;}
.market-sticky-preview{position:sticky;top:calc(var(--site-header-height,84px) + .35rem);z-index:55;margin:0 0 .7rem;padding:.7rem;border:1px solid rgba(226,194,112,.42);border-radius:22px;background:linear-gradient(135deg,rgba(10,14,18,.95),rgba(24,20,13,.92));box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px);}
.market-preview-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.55rem;}
.market-preview-head h2{font-size:1rem;margin:.05rem 0 0;}
.market-preview-stage{border-radius:18px;padding:.65rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);transition:box-shadow .18s ease,border-color .18s ease,background .18s ease;}
.market-preview-card{position:relative;overflow:hidden;display:grid;gap:.18rem;min-height:74px;padding:.7rem .8rem;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));}
.market-preview-card strong{font-size:1rem;position:relative;z-index:2;}
.market-preview-card small,.market-preview-badge{position:relative;z-index:2;color:rgba(255,255,255,.78);font-weight:800;}
.market-preview-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#e2c270;}
.market-preview-minirow{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.45rem;}
.market-preview-minirow span{min-height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);}
.compact-market-pills{position:sticky;top:calc(var(--site-header-height,84px) + 9.1rem);z-index:54;background:linear-gradient(180deg,rgba(7,17,12,.96),rgba(7,17,12,.72));border-radius:16px;padding:.45rem;margin-bottom:.65rem;}
.compact-market-section{gap:.35rem;margin-top:.55rem;}
.compact-section-head h2{font-size:1.04rem;margin:0;}
.compact-market-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.55rem!important;}
.compact-market-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:stretch;padding:.68rem!important;min-height:auto;border-radius:18px;cursor:pointer;}
.compact-market-item.is-previewing{outline:2px solid rgba(226,194,112,.72);outline-offset:2px;}
.compact-market-item .market-preview-overlay{opacity:.34;}
.market-card-main{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:.55rem;align-items:center;position:relative;z-index:5;}
.compact-market-item h3{font-size:.98rem;margin:.05rem 0;}
.compact-market-item p:not(.hero-eyebrow){font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.compact-market-item .hero-eyebrow{font-size:.68rem;margin:0;}
.compact-market-item .market-live-preview{grid-template-columns:1fr;gap:.18rem;margin:0;}
.compact-market-item .market-live-preview span{min-height:17px;border-radius:8px;}
.compact-market-item form,.compact-market-item .disabled-button{width:72px;align-self:center;margin:0;}
.compact-market-item .button{min-height:36px;padding:.45rem .5rem;font-size:.78rem;white-space:nowrap;}
.market-preview-stage[data-preview-skin="ornate-relic"],.market-preview-stage[data-preview-skin="parchment-seal"]{border-color:rgba(216,178,118,.72);box-shadow:0 0 24px rgba(216,178,118,.18);}
.market-preview-stage[data-preview-skin="neon-rift"]{border-color:rgba(98,247,255,.78);box-shadow:0 0 28px rgba(98,247,255,.2),0 0 28px rgba(240,92,255,.12);}
.market-preview-stage[data-preview-skin="veteran-steel"]{border-color:rgba(198,161,91,.7);box-shadow:0 0 22px rgba(198,161,91,.16);}
.market-preview-stage[data-preview-skin="wagon-chest"]{border:3px ridge rgba(156,122,77,.78);background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;}
.market-preview-stage[data-preview-skin="frontier-ledger"]{border-left:8px double rgba(199,164,106,.76);border-right:8px double rgba(199,164,106,.76);}
.market-preview-stage[data-preview-skin="parchment-seal"] .market-preview-card::after{content:"✉";position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#8e2424;color:#ffe6b0;border:2px solid rgba(255,220,160,.55);}
.market-preview-stage[data-preview-skin="frontier-ledger"] .market-preview-card::after{content:"⚱ ◌ ▣";position:absolute;right:12px;top:10px;color:#efe2bc;font-weight:900;letter-spacing:.12em;}
.market-preview-stage[data-preview-skin="wagon-chest"] .market-preview-card::after{content:"▦";position:absolute;right:12px;top:10px;color:#d7b77b;font-size:1.25rem;}
@media (max-width:720px){.market-sticky-preview{top:.4rem;margin-inline:-.2rem;border-radius:18px;padding:.55rem}.market-preview-stage{padding:.5rem}.market-preview-card{min-height:58px;padding:.55rem}.compact-market-pills{top:8.9rem;margin-inline:-.2rem}.compact-market-grid{grid-template-columns:1fr}.compact-market-item{grid-template-columns:1fr auto}.market-card-main{grid-template-columns:minmax(0,1fr) 58px}.compact-market-item form,.compact-market-item .disabled-button{width:64px}.compact-market-item p:not(.hero-eyebrow){-webkit-line-clamp:1}.market-preview-minirow span{min-height:14px}}


/* 2026-07-28 Market v3: sidebar preview + tighter rows */
.market-page-v3{display:block;padding-bottom:2rem;}
.market-v3-hero{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem!important;margin-bottom:.75rem;}
.market-v3-hero h1{font-size:clamp(1.55rem,4vw,2.25rem);margin:.05rem 0 .2rem;}
.market-v3-hero .plain-copy{margin:0;max-width:42rem;}
.market-v3-wallet{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;}
.market-v3-shell{display:grid;grid-template-columns:minmax(238px,300px) minmax(0,1fr);gap:.85rem;align-items:start;}
.market-v3-preview{position:sticky;top:calc(var(--site-header-height,84px) + .65rem);margin:0;padding:.7rem;border-radius:20px;max-height:calc(100svh - var(--site-header-height,84px) - 1.25rem);overflow:auto;}
.market-v3-preview .market-preview-head{margin-bottom:.5rem;}
.market-v3-preview .market-preview-head h2{font-size:1.02rem;}
.market-preview-help{font-size:.76rem;line-height:1.3;margin:.5rem .15rem 0;color:rgba(255,255,255,.68);}
.market-v3-list{min-width:0;display:grid;gap:.7rem;}
.market-v3-pills{position:sticky;top:calc(var(--site-header-height,84px) + .45rem);z-index:40;margin:0;padding:.42rem;border-radius:16px;background:linear-gradient(180deg,rgba(7,17,12,.97),rgba(7,17,12,.82));}
.market-v3-pills a{padding:.42rem .68rem;font-size:.82rem;}
.market-v3-section{scroll-margin-top:8rem;margin:0;display:grid;gap:.35rem;}
.market-v3-section-head{display:flex;align-items:baseline;gap:.5rem;padding:0 .15rem;}
.market-v3-section-head .hero-eyebrow{margin:0;font-size:.68rem;min-width:74px;}
.market-v3-section-head h2{margin:0;font-size:1.02rem;}
.market-v3-rows{display:grid;gap:.42rem;}
.market-v3-row{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.5rem .55rem!important;border-radius:16px;min-height:58px;cursor:pointer;overflow:hidden;}
.market-v3-row.is-previewing{outline:2px solid rgba(226,194,112,.72);outline-offset:1px;}
.market-v3-row .market-preview-overlay,.market-v3-row .skin-preview-overlay{opacity:.2;}
.market-v3-swatch{position:relative;z-index:5;display:grid;gap:.2rem;width:54px;}
.market-v3-swatch span{display:block;height:20px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));}
.market-v3-copy{position:relative;z-index:5;display:grid;gap:.05rem;min-width:0;}
.market-v3-copy strong{font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.market-v3-copy small{font-size:.76rem;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.market-v3-action{position:relative;z-index:5;width:70px;}
.market-v3-action form{margin:0;}
.market-v3-action .button{width:100%;min-height:34px;padding:.38rem .45rem;font-size:.76rem;}
.market-v3-action .disabled-button{display:inline-flex;align-items:center;justify-content:center;margin:0;opacity:.82;}
.market-v3-row[data-skin-preview="ornate-relic"] .market-v3-swatch span{border-color:rgba(246,213,111,.72);box-shadow:0 0 12px rgba(246,213,111,.18)}
.market-v3-row[data-skin-preview="neon-rift"] .market-v3-swatch span{border-color:rgba(98,247,255,.78);box-shadow:0 0 14px rgba(98,247,255,.22),inset 0 0 12px rgba(240,92,255,.12)}
.market-v3-row[data-skin-preview="veteran-steel"] .market-v3-swatch span{border-color:rgba(198,161,91,.66);background:linear-gradient(135deg,rgba(238,241,244,.18),rgba(22,25,28,.28))}
.market-v3-row[data-skin-preview="parchment-seal"] .market-v3-swatch span{border-color:rgba(216,178,118,.75);background:radial-gradient(circle at 80% 20%,rgba(142,36,36,.5),transparent 10px),linear-gradient(135deg,rgba(216,178,118,.22),rgba(72,45,22,.12))}
.market-v3-row[data-skin-preview="wagon-chest"] .market-v3-swatch span{border:2px ridge rgba(156,122,77,.78);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),rgba(60,42,25,.28);background-size:10px 10px}
.market-v3-row[data-skin-preview="frontier-ledger"] .market-v3-swatch span{border-left:4px double rgba(199,164,106,.78);border-right:4px double rgba(199,164,106,.78);background:linear-gradient(135deg,rgba(199,164,106,.22),rgba(239,226,188,.08))}
@media (max-width:760px){.market-page-v3{padding-bottom:9.5rem}.market-v3-hero{display:grid!important;padding:.85rem!important}.market-v3-wallet{justify-content:flex-start}.market-v3-shell{display:block}.market-v3-preview{position:fixed;left:max(.55rem,env(safe-area-inset-left));right:max(.55rem,env(safe-area-inset-right));bottom:max(.55rem,env(safe-area-inset-bottom));top:auto;z-index:95;max-height:none;padding:.5rem;border-radius:18px}.market-v3-preview .market-preview-head{margin-bottom:.35rem}.market-v3-preview .market-preview-head h2{font-size:.92rem}.market-preview-help{display:none}.market-preview-stage{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:.45rem;align-items:center;padding:.45rem}.market-preview-card{min-height:48px;padding:.48rem}.market-preview-card small{display:none}.market-preview-minirow{margin:0;grid-template-columns:1fr;gap:.16rem}.market-preview-minirow span{min-height:12px}.market-v3-pills{top:.35rem;margin-bottom:.55rem}.market-v3-section{scroll-margin-top:4rem}.market-v3-row{grid-template-columns:42px minmax(0,1fr) 62px;min-height:50px;padding:.42rem!important}.market-v3-swatch{width:42px}.market-v3-swatch span{height:16px}.market-v3-copy strong{font-size:.9rem}.market-v3-copy small{font-size:.7rem}.market-v3-action{width:62px}.market-v3-action .button{min-height:32px;font-size:.72rem}}


/* 2026-07-28 Market clean repair: compact rows + always-visible preview */
.market-clean-page{display:block!important;padding-bottom:2rem!important;}
.market-clean-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem .95rem;margin:.45rem 0 .55rem;border:1px solid rgba(226,194,112,.34);border-radius:18px;background:linear-gradient(135deg,rgba(13,20,24,.88),rgba(12,22,15,.8));}
.market-clean-head h1{margin:.05rem 0 .1rem!important;font-size:clamp(1.45rem,5vw,2.15rem)!important;line-height:1!important;}
.market-clean-head p{margin:0!important;color:rgba(255,255,255,.75)!important;}
.market-clean-wallet{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;}
.market-clean-preview{position:sticky!important;top:calc(var(--site-header-height,84px) + .35rem)!important;z-index:70!important;margin:.45rem 0!important;padding:0!important;}
.market-clean-preview-card{position:relative!important;display:grid!important;gap:.12rem!important;padding:.6rem .75rem!important;min-height:58px!important;border-radius:18px!important;border:1px solid rgba(226,194,112,.44)!important;background:linear-gradient(135deg,rgba(12,17,22,.96),rgba(24,20,14,.92))!important;box-shadow:0 14px 34px rgba(0,0,0,.32)!important;overflow:hidden!important;}
.market-clean-preview-card::after{content:"";position:absolute;inset:5px;border-radius:14px;pointer-events:none;border:1px solid rgba(255,255,255,.12);}
.market-clean-preview-card strong{position:relative;z-index:2;font-size:1rem!important;}
.market-clean-preview-card small,.market-clean-preview-card .market-preview-badge{position:relative;z-index:2;color:rgba(255,255,255,.74)!important;font-weight:800!important;}
.market-clean-tabs{position:sticky!important;top:calc(var(--site-header-height,84px) + 5.05rem)!important;z-index:65!important;display:flex!important;gap:.4rem!important;overflow-x:auto!important;padding:.38rem!important;margin:.45rem 0!important;border-radius:16px!important;background:rgba(7,17,12,.92)!important;}
.market-clean-tabs a{flex:0 0 auto!important;text-decoration:none!important;color:#f8fbf3!important;border:1px solid rgba(226,194,112,.3)!important;border-radius:999px!important;padding:.38rem .65rem!important;font-weight:900!important;font-size:.82rem!important;}
.market-clean-section{margin:.7rem 0!important;scroll-margin-top:10rem!important;}
.market-clean-section h2{margin:.2rem 0 .38rem!important;font-size:1.18rem!important;line-height:1.05!important;}
.market-clean-list{display:grid!important;gap:.38rem!important;}
.market-clean-item{position:relative!important;display:grid!important;grid-template-columns:34px 58px minmax(0,1fr) 66px!important;align-items:center!important;gap:.45rem!important;padding:.42rem .48rem!important;min-height:50px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;box-shadow:none!important;overflow:hidden!important;cursor:pointer!important;}
.market-clean-item.is-previewing{outline:2px solid rgba(88,242,160,.72)!important;outline-offset:1px!important;}
.market-clean-swatch{width:28px!important;height:28px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035))!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)!important;}
.market-clean-preview-button{border:0!important;background:rgba(255,255,255,.08)!important;color:#f8fbf3!important;border-radius:999px!important;padding:.32rem .45rem!important;font-weight:900!important;font-size:.7rem!important;}
.market-clean-copy{min-width:0!important;display:grid!important;gap:.02rem!important;}
.market-clean-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.9rem!important;line-height:1.1!important;}
.market-clean-copy small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(255,255,255,.72)!important;font-size:.72rem!important;}
.market-clean-action{width:66px!important;justify-self:end!important;}
.market-clean-action form{margin:0!important;}
.market-clean-action .button,.market-clean-active{display:inline-flex!important;width:100%!important;min-height:31px!important;align-items:center!important;justify-content:center!important;padding:.3rem .38rem!important;border-radius:999px!important;font-size:.72rem!important;font-weight:950!important;}
.market-clean-active{background:rgba(88,242,160,.16)!important;color:#dfffea!important;border:1px solid rgba(88,242,160,.34)!important;}
.market-clean-item[data-skin-preview="ornate-relic"] .market-clean-swatch,.market-clean-preview-card[data-preview-skin="ornate-relic"]{border-color:rgba(246,213,111,.7)!important;box-shadow:0 0 18px rgba(246,213,111,.14)!important;}
.market-clean-item[data-skin-preview="neon-rift"] .market-clean-swatch,.market-clean-preview-card[data-preview-skin="neon-rift"]{border-color:rgba(98,247,255,.72)!important;box-shadow:0 0 20px rgba(98,247,255,.18),0 0 18px rgba(240,92,255,.1)!important;}
.market-clean-item[data-skin-preview="veteran-steel"] .market-clean-swatch,.market-clean-preview-card[data-preview-skin="veteran-steel"]{border-color:rgba(198,161,91,.66)!important;background:linear-gradient(135deg,rgba(238,241,244,.12),rgba(22,25,28,.3))!important;}
.market-clean-item[data-skin-preview="parchment-seal"] .market-clean-swatch,.market-clean-preview-card[data-preview-skin="parchment-seal"]{border-color:rgba(216,178,118,.72)!important;background:radial-gradient(circle at 80% 20%,rgba(142,36,36,.4),transparent 18px),linear-gradient(135deg,rgba(216,178,118,.14),rgba(72,45,22,.12))!important;}
.market-clean-item[data-skin-preview="wagon-chest"] .market-clean-swatch,.market-clean-preview-card[data-preview-skin="wagon-chest"]{border:2px ridge rgba(156,122,77,.78)!important;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),rgba(60,42,25,.25)!important;background-size:10px 10px!important;}
.market-clean-item[data-skin-preview="frontier-ledger"] .market-clean-swatch,.market-clean-preview-card[data-preview-skin="frontier-ledger"]{border-left:4px double rgba(199,164,106,.78)!important;border-right:4px double rgba(199,164,106,.78)!important;background:linear-gradient(135deg,rgba(199,164,106,.18),rgba(239,226,188,.06))!important;}
@media(max-width:720px){.market-clean-page{padding-bottom:2rem!important}.market-clean-head{display:grid!important;padding:.7rem!important;margin-top:.2rem!important}.market-clean-wallet{justify-content:flex-start!important}.market-clean-preview{top:.35rem!important}.market-clean-tabs{top:4.8rem!important}.market-clean-item{grid-template-columns:30px 52px minmax(0,1fr) 60px!important;gap:.34rem!important;padding:.38rem!important;min-height:46px!important}.market-clean-swatch{width:25px!important;height:25px!important}.market-clean-preview-button{font-size:.66rem!important;padding:.28rem .34rem!important}.market-clean-copy strong{font-size:.84rem!important}.market-clean-copy small{font-size:.68rem!important}.market-clean-action{width:60px!important}.market-clean-action .button,.market-clean-active{min-height:29px!important;font-size:.68rem!important}.market-clean-section h2{font-size:1.05rem!important}}

/* Achievements simplification pass — keep the page action-first and short on phones. */
body main.site-main .achievements-page .achievement-hero{padding:clamp(.85rem,2.4vw,1.15rem)!important;gap:.75rem!important;}
body main.site-main .achievements-page .achievement-hero h1{font-size:clamp(2rem,5vw,3.05rem)!important;letter-spacing:-.045em!important;margin:.15rem 0 .25rem!important;}
body main.site-main .achievements-page .achievement-hero .plain-copy{font-size:clamp(.95rem,2vw,1.05rem)!important;line-height:1.38!important;margin:.2rem 0 .55rem!important;max-width:52rem!important;}
body main.site-main .achievements-page .level-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:.55rem 0!important;gap:.45rem!important;}
body main.site-main .achievements-page .level-strip span{padding:.5rem .65rem!important;border-radius:999px!important;}
body main.site-main .achievements-page .achievement-score-card{padding:.75rem!important;min-height:auto!important;}
body main.site-main .achievements-page .achievement-score-card strong{font-size:clamp(1.8rem,5vw,2.7rem)!important;}
body main.site-main .achievements-page .gamification-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.55rem!important;}
body main.site-main .achievements-page .game-stat-card{padding:.7rem!important;border-radius:16px!important;}
body main.site-main .achievements-page .game-stat-card strong{font-size:1.45rem!important;}
body main.site-main .achievements-page .achievement-quest-board{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(160px,.75fr)!important;gap:.75rem!important;margin:0!important;}
body main.site-main .achievements-page .current-quest-card,body main.site-main .achievements-page .trust-rank-card{padding:.85rem!important;border-radius:18px!important;}
body main.site-main .achievements-page .current-quest-card h2{font-size:1.2rem!important;margin:.15rem 0!important;}
body main.site-main .achievements-page .current-quest-card p{margin:.2rem 0 .6rem!important;line-height:1.35!important;}
body main.site-main .achievements-page .perk-roadmap{padding:.8rem!important;border-radius:18px!important;}
body main.site-main .achievements-page .perk-roadmap-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.5rem!important;}
body main.site-main .achievements-page .perk-roadmap-step{padding:.65rem!important;border-radius:15px!important;gap:.4rem .55rem!important;}
body main.site-main .achievements-page .perk-roadmap-step small{line-height:1.22!important;}
@media(max-width:620px){body main.site-main .achievements-page{padding:10px!important;gap:.6rem!important}body main.site-main .achievements-page .achievement-hero{grid-template-columns:1fr!important;padding:.75rem!important;border-radius:18px!important;gap:.5rem!important}body main.site-main .achievements-page .achievement-hero h1{font-size:2.15rem!important;line-height:.98!important}body main.site-main .achievements-page .achievement-hero .plain-copy{font-size:.92rem!important;line-height:1.32!important;margin:.15rem 0 .4rem!important}body main.site-main .achievements-page .level-strip{grid-template-columns:1fr 1fr!important;gap:.38rem!important;margin:.45rem 0!important}body main.site-main .achievements-page .level-strip span{padding:.42rem .55rem!important;font-size:.82rem!important}body main.site-main .achievements-page .level-strip span:first-child{grid-column:1 / -1!important}body main.site-main .achievements-page .level-progress{height:8px!important;margin:.35rem 0!important}body main.site-main .achievements-page .achievement-score-card{display:none!important}body main.site-main .achievements-page .gamification-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.35rem!important}body main.site-main .achievements-page .game-stat-card{padding:.52rem .35rem!important;text-align:center!important;border-radius:13px!important}body main.site-main .achievements-page .game-stat-card strong{font-size:1.15rem!important}body main.site-main .achievements-page .game-stat-card span{font-size:.7rem!important;line-height:1.05!important}body main.site-main .achievements-page .achievement-quest-board{grid-template-columns:1fr!important;gap:.55rem!important}body main.site-main .achievements-page .trust-rank-card{display:none!important}body main.site-main .achievements-page .current-quest-card,body main.site-main .achievements-page .perk-roadmap{padding:.7rem!important;border-radius:16px!important}body main.site-main .achievements-page .quest-actions{display:flex!important;gap:.45rem!important;flex-wrap:wrap!important}body main.site-main .achievements-page .perk-roadmap-grid{grid-template-columns:1fr!important;gap:.42rem!important}body main.site-main .achievements-page .perk-roadmap-step{grid-template-columns:30px minmax(0,1fr) auto!important;grid-template-areas:'num copy action'!important;align-items:center!important;padding:.55rem!important}body main.site-main .achievements-page .perk-roadmap-step small{display:none!important}body main.site-main .achievements-page .perk-step-number{width:28px!important;height:28px!important}body main.site-main .achievements-page .perk-roadmap-step .small-btn{font-size:.72rem!important;padding:.35rem .5rem!important;justify-self:end!important}}