/* One continuous viewport/content layout; no device-specific HUD branches. */
#v13ScreenUI{--flow-gap:clamp(12px,1.8vw,24px)}
html body.bookclub-app #v13ScreenUI .pixel-header.flow-hud{left:var(--flow-gap)!important;right:var(--flow-gap)!important;top:var(--flow-gap)!important;bottom:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:44px!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(min-content,clamp(104px,40vw,244px))!important;grid-template-rows:auto!important;gap:clamp(6px,1vw,12px)!important;align-items:start!important;container-type:inline-size;container-name:flow-hud}
html body.bookclub-app #v13ScreenUI .flow-hud{grid-template-columns:minmax(0,1fr) minmax(min-content,clamp(104px,40cqi,244px))!important}
.flow-hud-leading{min-width:0;display:grid;justify-items:start;gap:8px}.flow-hud-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:8px;min-width:min-content}
html body.bookclub-app #v13ScreenUI .flow-hud .brand-lockup.v13-art-brand{width:min(100%,clamp(128px,45cqi,240px))!important;max-width:100%!important;min-width:0!important;transform:none!important;margin:0!important;grid-area:auto!important}
html body.bookclub-app #v13ScreenUI .flow-hud .v13-art-brand .brand{height:auto!important;max-height:none!important;line-height:0!important;overflow:visible!important}
html body.bookclub-app #v13ScreenUI .flow-hud .v13-wordmark{display:block;position:relative!important;inset:auto!important;width:100%;height:auto}
html body.bookclub-app #v13ScreenUI .flow-hud .v13-brand-art{position:static!important;width:100%!important;height:auto!important;inset:auto!important}
html body.bookclub-app #v13ScreenUI .flow-hud #v13EnvironmentBadge{position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:max-content;max-width:min(240px,100%)!important;min-height:44px;box-sizing:border-box;padding:8px 12px;font-size:clamp(11px,1.5cqi,14px)!important;white-space:normal;line-height:1.35}
html body.bookclub-app #v13ScreenUI .flow-hud .flow-hud-tools>*{position:relative!important;inset:auto!important;grid-area:auto!important;flex:0 0 auto;transform:none!important;margin:0!important}
html body.bookclub-app #v13ScreenUI .flow-hud .v13-wallet{width:max-content!important;max-width:none!important;justify-self:auto!important}
html body.bookclub-app #v13ScreenUI .flow-hud-actions{position:absolute;right:var(--flow-gap);top:var(--flow-actions-top,120px);display:grid;justify-items:end;gap:8px;pointer-events:none}
html body.bookclub-app #v13ScreenUI .flow-hud-actions>button{position:static!important;inset:auto!important;margin:0!important;transform:none!important;min-height:44px;pointer-events:auto}
html body.bookclub-app #v13ScreenUI #mobileGameNav{width:min(calc(100% - 2*var(--flow-gap)),42rem)!important;max-width:none!important;left:50%!important;right:auto!important;bottom:var(--flow-gap)!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:clamp(6px,1vw,10px)!important;gap:clamp(4px,1vw,12px)!important;box-sizing:border-box;container-type:inline-size}
html body.bookclub-app #v13ScreenUI #mobileGameNav button{min-width:0;min-height:52px!important;font-size:clamp(12px,2.2cqi,14px)!important;gap:4px!important}
html body.bookclub-app #v13ScreenUI #mobileGameNav button>span:not(.v13-attention-dot),html body.bookclub-app #v13ScreenUI #mobileGameNav .warm-art-icon{width:clamp(26px,6cqi,40px)!important;height:clamp(26px,6cqi,40px)!important}
html body.bookclub-app #v13ScreenUI #v14ChatLauncher{left:var(--flow-gap)!important;right:auto!important}
html body.bookclub-app #v13ScreenUI #v14ChatSheet{left:var(--flow-gap)!important;right:auto!important;width:min(680px,calc(100% - 2*var(--flow-gap)))!important;max-width:none!important;margin:0!important}
html body.bookclub-app #v13ScreenUI .village-world-camera-controls{right:var(--flow-gap)!important;bottom:calc(var(--flow-gap) + var(--flow-nav-height,72px) + 16px)!important}
html body.bookclub-app #appDrawerBody .vmd-view{container-type:inline-size;container-name:flow-handbill}
html body.bookclub-app #appDrawerBody .vmd-profile,html body.bookclub-app #appDrawerBody .vmd-profile:has([data-presentation=avatar]){grid-template-columns:clamp(52px,7cqi,68px) minmax(0,1fr)!important;gap:clamp(8px,1.5cqi,12px)!important;padding:clamp(10px,2cqi,14px)!important;margin:0 0 10px!important;min-height:0!important;align-items:center}
html body.bookclub-app #appDrawerBody .vmd-portrait-frame,html body.bookclub-app #appDrawerBody .vmd-portrait-frame:has([data-presentation=avatar]),html body.bookclub-app #appDrawerBody .vmd-portrait,html body.bookclub-app #appDrawerBody .vmd-portrait[data-presentation=avatar]{width:clamp(52px,7cqi,68px)!important;height:clamp(52px,7cqi,68px)!important;max-height:none!important}
html body.bookclub-app #appDrawerBody .vmd-info{padding:0!important;min-width:0}.vmd-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
html body.bookclub-app #appDrawerBody .vmd-name{font-size:clamp(18px,3cqi,22px)!important;margin:0!important}.vmd-identity-line{margin:0 0 4px!important}
html body.bookclub-app #appDrawerBody .vmd-title{margin:0!important;font-size:12px!important}
html body.bookclub-app #appDrawerBody .vmd-coin{margin:0!important;font-size:clamp(12px,2cqi,14px)!important;line-height:1.4!important;color:var(--ui-green)!important;font-weight:600;overflow-wrap:anywhere}
html body.bookclub-app #appDrawerBody .vmd-no-portrait{font-size:10px!important;padding:6px!important;line-height:1.35}