/* Breadcrumbs and phone layout. */
body.seed-map-page .msv-breadcrumbs { flex-wrap:wrap; justify-content:center; gap:5px; width:fit-content; max-width:100%; margin:0 auto 18px; padding:10px 18px; border:1px solid #3a3564; border-radius:12px; background:linear-gradient(135deg,#1c1930,#130f20); box-shadow:0 6px 20px -6px rgba(124,58,237,.35), 0 2px 16px -6px rgba(8,125,236,.3), inset 0 1px 0 rgba(255,255,255,.04); font-size:14px; line-height:1.5; font-weight:500; }
body.seed-map-page .msv-breadcrumbs-icon { width:13px; height:13px; opacity:.85; filter:drop-shadow(0 0 4px rgba(8,125,236,.5)); }
body.seed-map-page .msv-breadcrumbs a { display:inline-flex; align-items:center; min-height:32px; padding:0; color:#9d9fbb; }
body.seed-map-page .msv-breadcrumbs a:hover { color:#c9b8ff; text-decoration:underline; text-underline-offset:3px; }
body.seed-map-page .msv-breadcrumbs a:focus-visible { outline:2px solid #c19aff; outline-offset:3px; border-radius:3px; }
body.seed-map-page .msv-breadcrumbs [aria-current] { padding:0; border:0; font-weight:600; background:linear-gradient(90deg,#c9b8ff,#ffffff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.seed-map-page .msv-breadcrumbs .sep { color:#6d5fa3; font-size:16px; }
@media(max-width:700px) {
 body.seed-map-page .msv-breadcrumbs { font-size:12px; gap:4px; padding:8px 14px; }
 body.seed-map-page .msv-breadcrumbs a { min-height:32px; padding:0; }
 body.seed-map-page .msv-page-title h1 { font-size:clamp(27px,7.5vw,38px); line-height:1.12; }
 html body.seed-map-page .seed-map-app-shell .topbar .seed-form { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px !important; grid-template-rows:44px 44px !important; }
 html body.seed-map-page .seed-map-app-shell #seed-input { grid-area:1 / 1 / 2 / 3 !important; }
 html body.seed-map-page .seed-map-app-shell #random-btn { grid-area:1 / 3 / 2 / 4 !important; }
 html body.seed-map-page .seed-map-app-shell #version-select { grid-area:2 / 1 / 3 / 2 !important; }
 html body.seed-map-page .seed-map-app-shell #dimension-select { grid-area:2 / 2 / 3 / 4 !important; }
 html body.seed-map-page .seed-map-app-shell .seed-form > :is(input,select,button) { position:static !important; inset:auto !important; width:100% !important; min-width:0 !important; height:44px !important; font-size:16px !important; }
 html body.seed-map-page .seed-map-app-shell .topbar .top-actions { width:100% !important; display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
 html body.seed-map-page .top-actions .btn { width:100% !important; min-width:0 !important; min-height:44px !important; }
 html body.seed-map-page .seed-map-app-shell .map-panel { flex-wrap:wrap !important; gap:8px !important; }
 html body.seed-map-page #open-finder-btn { min-width:132px !important; min-height:44px !important; }
 html body .smq-map-window { min-height:220px; grid-template-columns:100px minmax(0,1fr); transform:none; }
 html body .smq-gate-copy { padding:24px 18px 18px; }
 html body .smq-gate-visual { min-width:0; padding:0 12px 20px; }
 html body .smq-gate-perks { flex-wrap:wrap; }
 html body .smq-body, html body .smq-grid { min-width:0; }
 html body .smq-item { gap:10px; padding:14px 12px; }
 html body .smq-item-desc { overflow-wrap:anywhere; }
 html body .smq-item > div { min-width:0; }
 html body .smq-header { flex-wrap:wrap; gap:14px; padding:20px 16px; }
 html body .featured-seeds-page__grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 html body .featured-seed-card { min-width:0; transform:none !important; }
 html body .featured-seed-card button,html body .smq-login-btn { min-height:44px; }
}
@media(max-width:360px) {
 body.seed-map-page .msv-breadcrumbs [aria-current] { padding:0; }
 html body .smq-map-window { grid-template-columns:82px minmax(0,1fr); }
}
@media(max-width:700px) {
 html body.seed-map-page .seed-map-app-shell .top-actions :is(#like-seed-btn,#favorites-btn,#copy-seed-btn,#share-url-btn,#share-discord-btn) {
  grid-area:auto !important; position:relative !important; inset:auto !important;
  width:100% !important; min-width:0 !important; max-width:none !important; height:44px !important;
 }
}
