/* Independent entries retain their original product code and artwork. */
.independent-landscape-required {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  border: 0;
  background: #fff7e8;
  color: #07142e;
  visibility: visible;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
.independent-landscape-required:not([open]) { display: none; }
.independent-landscape-required[open] { display: grid; place-content: center; text-align: center; gap: 16px; }
.independent-landscape-required::backdrop { background: #fff7e8; }
.independent-landscape-required strong { font-size: 26px; font-weight: 900; }
.independent-landscape-required p { margin: 0; line-height: 1.6; }
.independent-landscape-icon { justify-self: center; width: 76px; height: 44px; border: 4px solid #07142e; box-shadow: 4px 4px #123bee; background: #a8e6cf; }
.independent-portrait-blocked body { overflow: hidden !important; }
.independent-portrait-blocked body > :not(.independent-landscape-required) { visibility: hidden !important; }

body[data-independent-layout="hall"] { --hall-header-height: 76px; --hall-panel-padding: 24px; min-width: 0; width: 100%; overflow-x: clip; overflow-y: auto; }
body[data-independent-layout="hall"] .hall-social-shell {
  width: 100%;
  min-width: 0;
  min-height: calc(100dvh - var(--global-navigation-height, 0px));
  grid-template-rows: var(--hall-header-height) minmax(0, 1fr);
}
body[data-independent-layout="hall"] .hall-square-panel { min-height: calc(100dvh - var(--global-navigation-height, 0px) - var(--hall-header-height)); }
body[data-independent-layout="hall"] .hall-square-layout { width: 100%; }
body[data-independent-layout="hall"] .hall-chat-panel { padding: var(--hall-panel-padding); }
body[data-independent-layout="hall"] .social-chat-layout {
  width: 100%;
  min-height: 240px;
  height: calc(100dvh - var(--global-navigation-height, 0px) - var(--hall-header-height) - var(--hall-panel-padding) - var(--hall-panel-padding));
  grid-template-columns: clamp(180px, 22vw, 280px) minmax(0, 1fr);
}
body[data-independent-layout="hall"] :is(.social-chat-sidebar, .social-chat-room) { min-width: 0; }
body[data-independent-layout="hall"] .social-chat-sidebar { overflow-y: auto; }
body[data-independent-layout="hall"] :is(.hall-explore-panel, .hall-explore-panel .hall-stage) {
  height: calc(100dvh - var(--global-navigation-height, 0px) - var(--hall-header-height));
  min-height: 280px;
}
body[data-independent-layout="hall"] .hall-social-traveler-card {
  top: calc(var(--global-navigation-height, 0px) + var(--hall-header-height) + 8px);
  max-height: calc(100dvh - var(--global-navigation-height, 0px) - var(--hall-header-height) - 20px);
  overflow-y: auto;
}
body[data-independent-layout="hall"] dialog:not(.independent-landscape-required) { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow: auto; }

@media (max-width: 900px) {
  body[data-independent-layout="hall"] { --hall-panel-padding: 12px; }
  body[data-independent-layout="hall"] .hall-social-header { grid-template-columns: 56px minmax(110px, 160px) minmax(0, 1fr) 52px; gap: 8px; padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
  body[data-independent-layout="hall"] .hall-location-title { padding: 0 6px; }
  body[data-independent-layout="hall"] .hall-location-title strong { font-size: 18px; }
  body[data-independent-layout="hall"] .hall-social-tabs { width: 100%; min-width: 0; gap: 4px; }
  body[data-independent-layout="hall"] .hall-social-tabs button { min-width: 0; padding-inline: 4px; font-size: 12px; }
  body[data-independent-layout="hall"] :is(.hall-square-panel, .hall-chat-panel) { padding: 12px; }
  body[data-independent-layout="hall"] .hall-square-toolbar { flex-wrap: wrap; gap: 10px; }
  body[data-independent-layout="hall"] .social-chat-layout { gap: 12px; }
}

@media (orientation: landscape) and (max-height: 500px) {
  body[data-independent-layout="hall"] { --hall-header-height: 56px; }
  body[data-independent-layout="hall"] .hall-social-header { min-height: 56px; height: 56px; padding-block: 2px; }
  body[data-independent-layout="hall"] .hall-social-header :is(.hall-map-back, .hall-location-title) { min-height: 44px; height: 44px; }
  body[data-independent-layout="hall"] .hall-social-header .hall-map-back { width: 44px; }
  body[data-independent-layout="hall"] .hall-social-tabs { padding: 0; }
  body[data-independent-layout="hall"] .hall-social-tabs button { min-height: 44px; }
  body[data-independent-layout="hall"] .hall-profile-trigger { width: 44px; height: 44px; padding: 2px; }
  body[data-independent-layout="hall"] .hall-profile-trigger .hall-avatar { width: 32px; height: 35.2px; }

  body[data-independent-layout="workbench"] .experience-lock-screen { padding: 16px; overflow: auto; }
  body[data-independent-layout="workbench"] .experience-lock-card { width: min(760px, 100%); grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 8px 24px; padding: 16px 24px; text-align: left; justify-items: start; align-items: center; }
  body[data-independent-layout="workbench"] .experience-lock-card > :not(form) { grid-column: 1; }
  body[data-independent-layout="workbench"] .experience-lock-card__eyebrow { grid-row: 1; }
  body[data-independent-layout="workbench"] .experience-lock-card__mark { grid-row: 2; width: 44px; height: 44px; }
  body[data-independent-layout="workbench"] .experience-lock-card h1 { grid-row: 3; font-size: 24px; }
  body[data-independent-layout="workbench"] .experience-lock-card > p { grid-row: 4; font-size: 14px; line-height: 1.5; }
  body[data-independent-layout="workbench"] .experience-lock-form { grid-column: 2; grid-row: 1 / 5; gap: 8px; margin: 0; align-self: center; }
  body[data-independent-layout="workbench"] .experience-lock-form input { min-height: 44px; padding-block: 8px; }
  body[data-independent-layout="workbench"] .experience-lock-form .pixel-button { min-height: 44px; margin-top: 0; }

  body[data-independent-layout="hall"] .explore-hud { top: 8px; min-height: 0; gap: 3px 8px; padding: 4px 8px; }
  body[data-independent-layout="hall"] .explore-prompt { top: 64px; bottom: auto; min-height: 44px; }
  body[data-independent-layout="hall"] .chat-ticker { left: 12px; bottom: 8px; width: min(340px, 40%); }
  body[data-independent-layout="hall"] .ticker-message { min-height: 48px; max-height: 48px; overflow: auto; padding: 4px 8px; }
  body[data-independent-layout="hall"] .hall-actions { right: 12px; bottom: 8px; }
  body[data-independent-layout="hall"] .hall-actions .action-pad { gap: 6px; padding: 6px; }
  body[data-independent-layout="hall"] .hall-actions .action-pad button { min-width: 54px; min-height: 44px; font-size: 12px; }
}

@media (min-width: 1024px) {
  body[data-independent-layout="workbench"] .home-screen :is(.brand-header, .home-page-title, .home-trip-hero, .ai-home-hero, .trip-section) { width: calc(100% - 56px); }
}